Diretrizes Principais de Design e Estrutura
Ao desenvolver telas digitais é fundamental garantir a responsividade e adaptabilidade, considerando o curto tempo disponível para exibição, que é de até 10 segundos. As diretrizes de desenvolvimento incluem:
TEXTO:
Os textos devem ser simples e objetivos.
Não devem exceder 12 palavras.
Para as peças de 10s, o ideal é trabalhar sempre 1 mensagem principal.
Evite usar fontes menores do que o corpo 10.
HIERARQUIA FOTO + TEXTO:
Ter uma ordem clara de leitura nas peças ajuda a guiar o olhar. A hierarquia também nos ajuda a priorizar as principais informações das peças quando não for possível reduzir o número de elementos.
SECUNDAGEM:
Para melhor construção da narrativa visual das peças animadas — exibição e visibilidade — precisamos seguir alguns padrões de "timing" para edição e animação de formatos 10s.
Regras básicas para formatos de 10s:
Máximo de 3 cards: card1: 4s / card 2: 4s / card 3: 2s
Presença de logomarca em todos os cards.
CORES:
O contraste de cor dos elementos do layout é fundamental para a interpretação da mensagem a distância. Recomenda-se raios de contraste de cor superiores a 3.0 pelos padrões WCAG*.
*WCAG: Web Content Accessibility Guidelines
Positivo x Negativo: letras negativas (3, 4, 6, 8, 10, 12 e 14) tem um impacto maior que suas versões positivas.
Usar uma combinação de cores claras x cores escuras melhora a visibilidade e legibilidade do layout.
QR CODE:
Atualmente, devido ao posicionamento das nossas telas, o único canal apto para receber QR Codes é o Balcão P.
Como nossos criativos possuem uma duração muito curta, não recomendamos o uso de QR Codes. Contudo, caso o anunciante opte por incluí-los, sugerimos mantê-los visíveis durante todo o período de exibição do conteúdo.
CONTEÚDOS 3P:
É obrigatório incluir um disclaimer nas peças, informando que o produto está disponível exclusivamente para venda nos sites e no aplicativo. Recomendamos que o texto seja breve, claro e esteja destacado, garantindo visibilidade sem comprometer a estética e a comunicação da peça.
| 1080 x 1920 | Raia, Nova Raia e Drogasil | Canais Balcão G, Vitrine, Sua Saúde, Sustentabilidade |
| 3840 x 720 | Raia | Canal Checkout |
| 1920 x 1080 | Raia, Nova Raia e Drogasil | Canal Balcão P, Balcão G, Checkout |
| 504 x 1008 | Raia | Canal Coluna |
| 256 x 768 | Nova Raia | Canal Coluna |
| 388 x 512 | Nova Raia | Canal Vitrine |
| 768 x 960 | Drogasil | Canal Vitrine |
| 1152 x 256 | Nova Raia | Canal Checkout |
| 1280 x 192 | Raia | Canal Checkout |
| 468 x 624 | Drogasil | Canal Vitrine |
| 512 x 192 | Raia e Nova Raia | Canal Checkout |
| 1024 x 192 | Raia e Nova Raia | Canal Checkout |
| 384 X 768 | Drogasil | Canal Vitrine |
| 288 X 512 | Drogasil | Canal Coluna |
| 768 x 256 | Raia | Canal Checkout |
| 256x384 (cada face) ou 512x384 (completa) | — | — |
| MP4 |
| Compressão MP4 |
| Sem áudio |
| Tempo de vinheta: 10" |
| Tamanho do arquivo: max 20mb |
Práticas recomendadas
Use imagens de alta qualidade. Para que os criativos de imagem tenham uma ótima aparência em qualquer dispositivo, incluindo telas Retina de alta densidade, faça o upload de recursos de imagem com até o dobro das dimensões do criativo. O Display & Video 360 reduzirá a imagem com base na resolução do dispositivo em que ela será veiculada, mantendo a proporção original.
Tamanhos comuns de anúncio de display
Veja a seguir os tamanhos de anúncio de display mais comuns, mas diferentes sites, apps e regiões são compatíveis com outros tamanhos.
Formatos Recomendados para criação: 300x250, 728x90, 160x600, 300x600, 320x50, 336x280, 120x600
Requisitos para os recursos
Tipos de arquivo: .jpg, .jpeg, .gif e .png
Dimensões: No máximo 4096 × 4096 pixels
Tamanho do arquivo: Máximo de 10 MB (editores podem exigir tamanhos menores)
URL da página de destino: Obrigatório
Diretrizes para criativos de display HTML5
É possível veicular criativos de display HTML5 atribuindo-os a itens de linha de display. Os criativos de display HTML5 também precisam atender aos seguintes requisitos para serem veiculados em várias trocas.
Cliques de redirecionamento:
Animação
Pop-ups
Tamanho do download
Cookies
Chamadas HTTP
Tipos de arquivo compatíveis
Os criativos HTML5 precisam ser compactados em um arquivo ZIP. Tipos permitidos dentro do ZIP:
Uso de Texto em Imagens
Ao criar anúncios para o DV 360, considere as seguintes diretrizes:
Ao criar CTAs para o DV 360:
Informações comerciais
Com as Informações comerciais, é possível incluir o nome e o logo da empresa nos anúncios de texto para computadores e dispositivos móveis, aproveitando o patrimônio da marca para interagir melhor com clientes novos e atuais.
Recursos do anúncio
Os recursos são o conteúdo que compõe seu anúncio com informações comerciais úteis, dando às pessoas mais motivos para escolher sua empresa. Incluem títulos, descrições, links para partes específicas do site, botões de ligação, informações de local e muito mais.
Anúncios responsivos de pesquisa
Com os anúncios responsivos de pesquisa, você pode criar um anúncio ajustável para mostrar mensagens mais relevantes. O Google Ads testa automaticamente diferentes combinações de títulos e descrições ao longo do tempo.
Anúncios responsivos de display
São baseados em recursos (título, descrição, imagem, logotipo). O Google usa aprendizado de máquina para organizar esses recursos em inúmeras combinações na Web, otimizando continuamente a performance.
Performance Max
Campanha baseada em metas que dá acesso a todo o inventário do Google Ads em um só lugar: YouTube, Rede de Display, Pesquisa, Discover, Gmail e Maps.
Para a ativação de PMAX, o anunciante deve enviar:
Zonas universais seguras para anúncios em vídeo no YouTube
As sobreposições, frases de chamariz e botões podem aparecer em lugares diferentes dependendo do formato. Use as imagens de referência para garantir que logotipo, produto, Supers e outros elementos fiquem na área de segurança, evitando que sejam cobertos.
Spec Demand Gen
Imagem horizontal 1.91:1:
Imagem quadrada 1:1:
Imagem vertical 4:5 (opcional):
Imagem vertical 9:16 (opcional):
Observação: O formato 9:16 pode ser rejeitado para campanhas Demand Gen no DV 360. Use formatos compatíveis como 4:5, 1,91:1 ou 1:1, ou criativos de vídeo vertical.
Recomendação: carregue 3 de cada formato para atingir máxima cobertura de posicionamento.
Texto (título, descrição, CTA, URL final):
Vídeo (horizontal, vertical, quadrado):
Anúncio de carrossel (2 a 10 cartões de imagem):
Imagem horizontal (carrossel):
Imagem quadrada (carrossel):
Imagem vertical 4:5 (carrossel, opcional):
Feed de produtos: Nos envie os SKUs que precisam constar na campanha (não o EAN, e sim o SKU).
Feed é o fluxo personalizado de publicações e atividades na página inicial de uma pessoa no Facebook. Pode incluir publicações de amigos, Páginas, grupos e anunciantes.
Use o formato de imagem no Feed do Facebook para mostrar produtos, serviços ou marca de formas novas e criativas.
Recomendações de design:
Formatos recomendados:
Recomendações de texto:
Requisitos técnicos:
Use o formato de vídeo no Feed para mostrar produtos, serviços ou marca com movimento e som.
Recomendações de design:
Formatos recomendados:
Recomendações de texto:
Requisitos técnicos:
Com o carrossel é possível exibir duas ou mais imagens e vídeos em um único anúncio, cada um com título, descrição, link e CTA próprios.
Recomendações de design:
Recomendações de texto:
Requisitos técnicos:
O Stories pode dar vida à sua empresa em um formato imersivo com tela cheia vertical entre os stories orgânicos.
Os anúncios de imagem no Stories serão exibidos por cinco segundos ou até que o usuário deslize para sair.
Recomendações de design:
Recomendações de texto:
Requisitos técnicos:
Vídeos de até dez segundos são exibidos automaticamente. Vídeos mais longos são divididos em cartões; o usuário pode tocar em "Reproduzir na íntegra" para ver o restante.
Recomendações de design:
Recomendações de texto:
Requisitos técnicos:
No Meta Ads, existem diretrizes específicas para o uso de texto em imagens:
Diretrizes para CTAs no Meta Ads:
IN-FEED
Os In-Feed Ads de leilão, como Spark e Non-Spark, têm especificações selecionadas ao adicionar criativos aos seus anúncios do TikTok.
Spark Ads (Pull)
Legendas do anúncio: extraídas diretamente das legendas do vídeo orgânico (até quatro linhas, incluindo emojis).
Formato de vídeo: .mp4 ou .mov.
Duração do vídeo: sem restrição.
Anúncios Non-Spark
Dimensões:
— Vertical (recomendado): 9:16, ≥ 540x960 px
— Horizontal: 16:9, ≥ 960x540 px
— Quadrado: 1:1, ≥ 640x640 px
Formatos de arquivo: .mp4, .mov, .mpeg, .3gp ou .avi
Duração do vídeo: 5–60s (recomendado 21–34s)
Tamanho do arquivo: até 500 MB
Taxa de bits: ≥ 516 kbps
Texto: 100 caracteres
Legendas: fonte branca uniforme, sem personalização. Não compatível com links, @ ou hashtags.
Áudio, legendas e CTA eficazes
Áudio e Legendas:
Garanta áudio claro e de alta qualidade.
Descrições: 1–100 caracteres latinos ou 1–50 caracteres asiáticos.
Não são suportados emojis nem os caracteres especiais "{ }" ou "#" na descrição.
Pontuação e espaços contam como caracteres. Textos muito longos podem ser cortados dependendo do dispositivo.
Call to Action (CTA):
Inclua uma chamada à ação clara para direcionar os espectadores.
Composição ideal: criativo de vídeo + imagem de exibição + nome da marca/logotipo + descrição + botão de CTA.
É possível veicular o formato de YouTube por meio de duas plataformas: Google Ads ou DV360.
Youtube — Google Ads
O YouTube ajusta seu vídeo dinamicamente ao dispositivo do espectador sem esticar ou cortar o conteúdo.
Especificações para todos os formatos e tipos de campanha do YouTube no Google Ads:
Sobre as especificações de anúncios em vídeo — Ajuda do Google Ads
Youtube — DV360
Vídeo:
Especificações completas: clique aqui
O E-mail Marketing é uma poderosa ferramenta de marketing direto que permite estabelecer uma comunicação direta e personalizada entre uma empresa e seus contatos ou clientes por meio do envio de e-mails. É uma forma eficaz de transmitir mensagens, promover produtos, oferecer descontos exclusivos, compartilhar novidades e manter um relacionamento próximo com o público-alvo.
Assunto
O primeiro contato do usuário com o e-mail é o assunto. Algumas dicas:
Pré Header
É o preview da mensagem visível em alguns provedores e contribui para a taxa de abertura. Mantenha textos curtos, interessantes e no mesmo contexto do assunto (40 a 90 caracteres).
Headers
Deve identificar sua marca com logomarca e principais categorias do site. Inclua menu com no máximo 4 categorias, tarja com benefícios e link para visualizar pela web.
Footer
Deve informar todos os canais da marca (redes sociais, atendimento, troca e devolução, texto jurídico) e obrigatoriamente o botão de "descadastre-se".
Dobras da página (1º Scroll)
Posicione o principal conteúdo/chamariz na primeira dobra, com senso de urgência e CTA objetiva (ex: comprar, aproveite, veja).
Responsividade (Desktop vs Mobile)
O celular é o principal canal de abertura. Diretrizes:
Texto e Imagem
Mantenha equilíbrio entre imagens e textos para que o conteúdo seja visualizado mesmo em leitores que não carregam imagens automaticamente.
Destinatários
Selecione usuários com base em comportamento (interação, compra). Mantenha a base atualizada com e-mails válidos e trabalhe apenas com quem consentiu. Não é indicada a compra de bases.
Layout Padrão
Priorize consistência visual e de conteúdo. Boas práticas:
O SMS é um serviço de mensagens curtas usado para divulgar campanhas ou passar informações para contatos ou clientes (leads).
Nome da marca
É obrigatório incluir o nome da marca antes da mensagem.
Caracteres
Limite de 160 caracteres (incluindo Nome da Marca — RAIA: 4 car. | DROGASIL: 8 car. — + Opt-out: 13 car. + Link: 22 car.). Não incluir caracteres especiais. O ideal é trabalhar com mensagens de até 140 caracteres.
Opt-out
Opção de Opt-out OBRIGATÓRIA (exemplo: "PARE" p/ sair).
Assunto
Crie senso de urgência para despertar o interesse do cliente e gerar visita ao site com possível conversão.
Horários
Recomendado enviar em horário comercial (9h às 18h).
Destinatários
O SMS é, em média, 25× mais caro que o e-mail. Use-o para campanhas específicas com senso de urgência. Selecione bem os usuários pelo comportamento e mantenha a base atualizada com números válidos e consentimento.
Exemplos:
São comunicações em texto disparadas pelo app para notificar clientes sobre alavancas promocionais, ofertas e lançamentos.
Caracteres
Assunto: 32 caracteres
Texto: 155 caracteres
Imagem: 625×370 (caso tenha imagem)
Diretrizes Básicas para todos os canais:
| NOME | DEVICE | BANDEIRA | TAMANHO | PESO | PLATAFORMA DE CADASTRO |
| BANNER HERO | DESKTOP | DROGASIL E RAIA | 1318x300 | 200kb - jpeg | Ad Manager |
| BANNER HERO | MOBILE | DROGASIL E RAIA | 300x150 | 200kb - jpeg | Ad Manager |
| BANNER HERO | APP | DROGASIL E RAIA | 300x200 | 200kb - jpeg | Ad Manager |
| BANNER MINI BANNER | DESKTOP | DROGASIL E RAIA | 300x250 | 200kb - jpeg | Ad Manager |
| BANNER MENU | DESKTOP | DROGASIL | 300x350 | 200kb - jpeg | Ad Manager |
| BANNER MENU | DESKTOP | DROGARAIA | 300x250 | 200kb - jpeg | Ad Manager |
| BANNER MENU | APP | DROGASIL E RAIA | 300x100 | 200kb - jpeg | Ad Manager |
| BANNER CATEGORIA TOPO | DESKTOP | DROGASIL E RAIA | 300x250 | 200kb - jpeg | Ad Manager |
| BANNER CATEGORIA TOPO | APP | DROGASIL E RAIA | 300x200 | 200kb - jpeg | Ad Manager |
| BANNER CATEGORIA RODAPÉ | DESKTOP E MOBILE | DROGASIL E RAIA | 300x250 | 200kb - jpeg | Ad Manager |
| BANNER CATEGORIA LATERAL | DESKTOP | DROGASIL E RAIA | 160x600 | 200kb - jpeg | Ad Manager |
| BANNER SUBCATEGORIA TOPO | DESKTOP | DROGASIL E RAIA | 300x250 | 200kb - jpeg | Ad Manager |
| BANNER SUBCATEGORIA TOPO | APP | DROGASIL E RAIA | 300x200 | 200kb - jpeg | Ad Manager |
| BANNER SUBCATEGORIA RODAPÉ | DESKTOP E MOBILE | DROGASIL E RAIA | 300x250 | 200kb - jpeg | Ad Manager |
| BANNER SUBCATEGORIA LATERAL | DESKTOP | DROGASIL E RAIA | 160x600 | 200kb - jpeg | Ad Manager |
| CARD MQD | DESKTOP | DROGASIL E RAIA | 250x200 | 200kb - jpeg | Ad Manager |
| CARD MQD | MOBILE E APP | DROGASIL E RAIA | 328x200 | 200kb - jpeg | Ad Manager |
| LOGO STORIE | MOBILE E APP | DROGASIL E RAIA | 400x400 | 100kb - jpeg | Ad Manager |
| BANNER STORIE | MOBILE E APP | DROGASIL E RAIA | 1080x1920 | 200kb - jpeg | Ad Manager |
| BUSCA TOPO | MOBILE E APP | DROGASIL E RAIA | 300x100 | 200kb - jpeg | Ad Manager |
| BUSCA TOPO | DESKTOP | DROGASIL E RAIA | 728x90 | 200kb - jpeg | Ad Manager |
| BUSCA LATERAL | DESKTOP | DROGASIL E RAIA | 160X600 | 200kb - jpeg | Ad Manager |
| BANNER IN APP | APP | DROGASIL E RAIA | 300x400px | jpg ou png | — |
| BANNER BOTTOM SHEET | APP | DROGASIL E RAIA | Header / Description / Texto botão CTA / URL Botão CTA / Texto botão 2 / URL botão 2 | — | — |
Atualmente, oferecemos aos nossos clientes e anunciantes uma ferramenta de personalização dentro do ambiente on-site, com dois pacotes principais:
Pacote voltado para formatos de busca, operado no modelo de leilão. Contamos com:
Como funciona o leilão:
O algoritmo de lance automático da plataforma realiza leilões em tempo real para definir o posicionamento dos anúncios. Ao buscar um produto, o sistema avalia lances e qualidade dos anúncios. Assim, ao pesquisar um termo ou SKU, a campanha do anunciante poderá ser exibida tanto no site quanto no aplicativo.