Design para lançamento digital: as peças de cada fase da campanha

As peças de design que um lançamento digital precisa em cada fase, da captação ao carrinho aberto, e como manter um só conceito do anúncio ao certificado.
Um lançamento digital precisa de peças diferentes em cada fase: anúncios e página de captura na captação, lembretes e contagem regressiva no aquecimento, slides e telas durante as aulas ou o evento, e página de vendas, ofertas e remarketing na abertura do carrinho. Depois da compra, ainda entram área de membros, checkout e certificado. Todas essas peças saem do mesmo key visual, para que o público reconheça o produto do primeiro anúncio à última aula.
Comece pelo key visual
O key visual é a imagem-mãe da campanha: a composição com o nome do produto, a foto do especialista, as cores, a tipografia e os elementos gráficos fixos. Anúncios, e-mails, banners e telas são adaptações dele.
No YouTube Levado a Sério, curso d'O Novo Mercado com Camilo Coutinho para os assinantes do plano anual, o briefing pedia para fugir das referências de vídeo analógico. Transformamos a interface do próprio YouTube em linguagem visual: o menu num canto, o botão de tela cheia no canto oposto, o ponto vermelho de gravação no lugar do O de Coutinho e a barra de progresso sublinhando o "Levado a Sério". O preto domina, a Rama Gothic condensada dá peso aos títulos e a Lato cuida dos textos.

Na Formação em Suporte Ativo, do ONM Carreiras, desenhamos também a marca do curso. O nome aparece em Exo 2, com "suporte" em negrito e "ativo" em traço fino, dentro de uma forma 3D fluida em degradê de violeta, azul e ciano. Nas peças de campanha, essa forma envolve as pessoas fotografadas com celular e notebook nas mãos.
As peças de cada fase do lançamento
Captação
Nesta fase, o objetivo é levar gente para a lista ou para a inscrição. As peças típicas são anúncios de feed e stories, página de captura, e-mail de confirmação e capas para grupos de WhatsApp. No Suporte Ativo, que teve três aulas ao vivo e gratuitas no YouTube, a série "Procuram-se" tratava a vaga de Suporte Ativo como um cartaz de procurado. A campanha ainda teve quiz e pop-up no portal.

Eventos gratuitos pedem uma captação mais longa. No SEO Summit 2023, da Conversion, a campanha começou em agosto para um evento online nos dias 28 e 29 de setembro. Carrosséis de dados e cases de SEO levavam à inscrição, ao lado do SEO Challenge e do programa Indique & Ganhe.
Aquecimento e contagem regressiva
Entre a inscrição e a primeira aula, as peças mantêm o inscrito atento: contagem regressiva com números grandes, avisos de que a aula é hoje, e-mails, fundos de stories, capa e miniaturas do YouTube. Perto do SEO Summit, entraram a programação de cada palco, os e-mails por bloco de palestras e os posts de véspera.
Aulas ao vivo ou evento
Aqui o design aparece na tela de quem está assistindo. Só para a aula do Suporte Ativo foram 45 slides. O SEO Summit pediu fundos para o painel de LED do estúdio, molduras para os palestrantes que participaram por vídeo, telas de abertura, intervalo, aviso de problema técnico e encerramento, e thumbnails do YouTube. Como os dois palcos aconteciam ao mesmo tempo, cada um ganhou uma cor: coral para o Palco Negócios e azul para o Palco SEO Tech.

No evento presencial, a lista se estende ao mundo físico. Na BN Conference, conferência da Boas Novas Church, a identidade foi para cartazes, cards dos preletores, telões, transmissão, bandeiras, pulseiras de acesso, camisetas, bonés, moletons e sinalização do espaço.
Abertura de carrinho
É a fase com mais pressão de prazo e de volume. Entram a página de vendas, as peças de carrinho aberto, os anúncios de oferta, o remarketing e os avisos de últimas horas. No Suporte Ativo, o tom passou dos números da contagem regressiva para as ofertas do carrinho aberto. No BreakDown, clube de estudos da Creative Business School, a página de vendas ganhou quatro layouts (desktop e celular, nas versões escura e clara), e o visual seguiu para 20 criativos de anúncio em feed e stories.
Pós-venda e entrega do produto
Depois da compra, o aluno passa a ver o produto por dentro, e a linguagem da campanha precisa continuar ali. No Suporte Ativo, ela seguiu para a área de membros na Memberkit, o checkout da Hotmart, o certificado e um manual do aluno de 10 páginas. No YouTube Levado a Sério, vieram as capas do portal do curso, as thumbnails das 11 aulas e, em 2022, um e-book de 56 páginas que resume cada aula. No SEO Summit, o pós-evento teve carrosséis com os destaques das palestras, posts para o LinkedIn e o certificado de participação.
Como manter o mesmo conceito do anúncio ao certificado
O lançamento do Suporte Ativo somou 87 criativos de anúncios e redes sociais, fora os slides e o manual. Nesse volume, é fácil a campanha perder a unidade no meio do caminho. Algumas regras seguram a consistência:
- Fixe dois ou três elementos que nunca mudam. No Suporte Ativo, o nome em Exo 2 e a forma em degradê. No YouTube Levado a Sério, a moldura com os elementos da interface.
- Varie o tom de cada fase dentro da mesma linguagem. O Suporte Ativo foi do cartaz de procurado na captação aos números grandes da contagem regressiva e às ofertas do carrinho, sem que o público perdesse de vista que tudo era o mesmo curso.
- Crie modelos por tipo de conteúdo. Na Conversion, cada tipo de peça (dado, case, programação, palestrante, aviso) ganhou seu modelo, o que permitiu produzir rápido. Na BN Conference, os templates para preletores, carrosséis, telões e produtos permitiram que o BN Creative, time criativo da igreja, produzisse dezenas de peças com a mesma linguagem.
- Dê função às cores. Uma cor por palco, por produto ou por fase ajuda o público a se localizar.
- Desenhe pensando em todos os formatos desde o início. O key visual do YouTube Levado a Sério precisou funcionar do quadrado do feed ao banner largo do portal, passando por stories, e-mails e anúncios de display do Google, em cerca de três semanas.
Quantas peças esperar
O volume depende do número de fases, de canais e de dias de evento. Alguns números dos projetos citados:
- Formação em Suporte Ativo: 87 criativos de anúncios e redes, 45 slides para a aula ao vivo e um manual do aluno de 10 páginas.
- YouTube Levado a Sério: mais de 25 peças de lançamento, 11 thumbnails de aulas e 56 páginas de material de apoio.
- SEO Summit 2023: 20 carrosséis para o Instagram, 40 telas para palco, transmissão e YouTube, e 7 peças impressas, do backdrop aos crachás.
- BN Conference 2026: mais de 40 frentes de criativos para redes, telões e transmissão e mais de 20 itens personalizados. A conferência vendeu 100% dos ingressos.
Na Ovvy, cada lançamento tem cronograma próprio, definido no briefing. Se o lançamento inclui uma página de vendas ou um site, os princípios de um bom site institucional valem também para ela.
Perguntas frequentes
O que é key visual?
É a composição principal de uma campanha, com o nome do produto, a imagem, as cores, a tipografia e os elementos gráficos. As outras peças do lançamento são adaptações dele para formatos e fases diferentes.
Quando o design do lançamento precisa começar?
Antes da captação, porque anúncios e página de captura já usam o key visual. No YouTube Levado a Sério, foram cerca de três semanas entre a definição do nome e das fotos e a entrega dos últimos banners.
Um curso precisa de marca própria ou só de uma campanha?
Se o produto vai ter várias turmas, uma marca própria ajuda o aluno a reconhecê-lo de um lançamento para o outro. A Formação em Suporte Ativo ganhou marca, com uma redução "sa" para espaços pequenos, e a mesma linguagem seguiu para área de membros, certificado e manual do aluno. Veja o que entra numa identidade visual.
Quais peças não podem faltar num lançamento enxuto?
Key visual, página de captura, anúncios em feed e stories, e-mails, avisos das aulas, página de vendas e peças de carrinho aberto. Com isso coberto, dá para acrescentar quiz, anúncios de display, material de apoio e peças de pós-venda conforme o orçamento.
Quer levar isso para a sua marca?
Projetos relacionados.
Leia também.

O que é identidade visual: elementos, exemplos e quando fazer
Identidade visual é o sistema que faz uma marca ser reconhecida: logo, cores, tipografia, grafismos e manual. Veja o que entra no projeto, com exemplos reais.

Quanto custa uma identidade visual? Os fatores que definem o preço
O preço de uma identidade visual depende do escopo: pesquisa, versões do logo, aplicações, manual e arquivos. Veja como comparar propostas e pedir orçamento.

Site institucional: o que um bom site de empresa precisa ter
O que um bom site institucional precisa ter: posicionamento claro na primeira dobra, provas, versão mobile, velocidade, SEO básico, conversão e CMS.


