A versão curta
- Um lançamento de produto precisa de imagens em dois grupos: a preparação, com teasers e contagens decrescentes, e o lançamento em si, das publicações de anúncio aos cabeçalhos, pré-visualizações de ligação e email.
- Desenhar primeiro um visual principal e voltar a compô-lo para cada formato mantém o lançamento coerente e poupa a maior parte do trabalho.
- A imagem Open Graph da página de lançamento deve estar pronta antes do lançamento, porque é ela que aparece sempre que alguém partilha a ligação.
- Os cabeçalhos de perfil no X, no LinkedIn e no Facebook esquecem-se com facilidade e devem mudar no dia do lançamento com tudo o resto.
- Todas as imagens do lançamento devem usar o mesmo título, para que quem as vê em sítios diferentes reconheça a mesma notícia.
Nesta página
As imagens para lançamento de produto de que precisas dividem-se em dois grupos. A preparação: um teaser e uma contagem decrescente. O lançamento: o anúncio em todos os formatos de feed, stories, uma imagem de pré-visualização de ligação, novos cabeçalhos de perfil, um cabeçalho de email, um hero para o site e um agradecimento depois. Desenha primeiro um visual principal e depois volta a compô-lo para cada tamanho, para que todas as peças pareçam parte do mesmo momento.
A lista completa de imagens de lançamento
Copia esta lista para o teu plano de lançamento. Os tamanhos são os recomendados por cada plataforma para carregar; a referência completa está em tamanhos de imagem para redes sociais.
| Peça | Tamanho | Quando | Notas |
|---|---|---|---|
| Publicação teaser | 1080×1350 | Cerca de uma semana antes | Uma pista, não a revelação |
| Story de contagem decrescente | 1080×1920 | Todos os dias, nos últimos dias | A mesma composição, muda o número |
| Anúncio no Instagram | 1080×1350 | Dia do lançamento | O visual principal |
| Stories de lançamento | 1080×1920 | Dia do lançamento | Com um autocolante de ligação |
| Anúncio no X | 1600×900 | Dia do lançamento | Aparece inteiro na cronologia |
| Publicação no LinkedIn | 1200×1200 | Dia do lançamento | Ou um carrossel em documento |
| Publicação no Facebook | 1200×1200 | Dia do lançamento | As mesmas palavras de todo o lado |
| Pré-visualização de ligação (Open Graph) | 1200×630 | Pronta antes do lançamento | Testa-a antes do dia |
| Cabeçalho do X | 1500×500 | Dia do lançamento | A foto de perfil tapa o canto inferior esquerdo |
| Banner do LinkedIn | 1584×396 | Dia do lançamento | A capa de empresa tem 2256×382 |
| Capa do Facebook | 1640×624 | Dia do lançamento | Palavras no meio |
| Cabeçalho de email | 1200×600 | Dia do lançamento | Verifica o modo escuro |
| Hero do site | 1920×1080 | Dia do lançamento | Título numa zona calma |
| Miniatura de vídeo | 1280×720 | Se houver uma demonstração | Três ou quatro palavras |
| Agradecimento ou balanço | 1080×1350 | Alguns dias depois | Só números reais |
Publicação 1080×1350
1080 × 1350
Story 1080×1920
1080 × 1920
Publicação no X 1600×900
1600 × 900
Pré-visualização 1200×630
1200 × 630
Cabeçalho do X 1500×500
1500 × 500
Banner do LinkedIn 1584×396
1584 × 396
Cabeçalho de email 1200×600
1200 × 600
Hero do site 1920×1080
1920 × 1080
Começa por um visual principal e depois faz o conjunto
Não desenhes quinze peças. Desenha uma, o anúncio do Instagram ou o hero do site, até ficar certa: o fundo, o título, a letra, a única cor de acento. Esse é o visual do lançamento. Todas as outras peças são o mesmo visual disposto para outro formato. Os formatos altos empilham; os largos espalham; os banners finos ficam só com o título.
Escreve o visual: cores, fontes, o título, onde entra o acento. Se houver várias pessoas a fazer peças, é esta nota que mantém o cabeçalho que alguém faz à meia-noite alinhado com a publicação que fizeste há uma semana.
O calendário do lançamento
- 1
Duas semanas antes: o visual principal
Desenha o anúncio principal e fecha o título. Faz já a imagem de pré-visualização de ligação, para que a página de lançamento a mostre desde a primeira partilha. Tamanho da imagem OG tem as etiquetas e os testes.
- 2
Uma semana antes: o teaser
Uma publicação e uma story que dão a entender o que aí vem, no visual do lançamento, sem a revelação.
- 3
Os últimos dias: a contagem decrescente
Uma story diária com o número a mudar e um autocolante de contagem decrescente, para que as pessoas possam pedir um lembrete.
- 4
A véspera: faz o conjunto completo
Compõe o visual principal para todos os formatos da lista. Agenda o que puder ser agendado.
- 5
Manhã do lançamento: entra no ar em todo o lado
Publica as publicações e as stories, troca todos os cabeçalhos de perfil, envia o email, atualiza o hero do site.
- 6
Alguns dias depois: agradece
Um balanço no mesmo visual, com resultados reais se quiseres partilhar algum, a fechar a história.
O teaser: o visual do lançamento e uma data, nada mais.
O anúncio: o mesmo visual, agora com a revelação.
Um só título em todas as imagens
As pessoas encontram um lançamento em muitos sítios: uma story de manhã, uma publicação no LinkedIn ao almoço, um email à noite. Devem reconhecer a mesma notícia de cada vez. Isso significa um só título, palavra por palavra, em todas as imagens, com o pormenor a mudar consoante o formato. Para a ordem das palavras, vê como desenhar uma publicação de anúncio.
Evita
- Um slogan diferente em cada plataforma
- Uma imagem recortada para todos os formatos
- Cores novas inventadas para o lançamento
- Cabeçalhos ainda com a estação passada
Faz
- Um título, repetido em todo o lado
- Cada formato composto para a sua forma
- O teu visual de sempre, um tom acima
- Todos os cabeçalhos trocados nessa manhã
O que as pessoas esquecem no dia do lançamento
- A pré-visualização de ligação. As plataformas guardam-na em cache; se partilhaste a página antes de a imagem estar pronta, atualiza-a no inspetor da plataforma.
- Os cabeçalhos de perfil. O cabeçalho do X, o banner do LinkedIn e a capa do Facebook ainda mostram o visual antigo. Vê tamanho do banner do LinkedIn e tamanho do cabeçalho do Twitter.
- O cabeçalho de email em modo escuro. Testa-o; design de cabeçalhos de email explica o que muda.
- As descrições das imagens. Junta texto alternativo a todas as imagens do lançamento, em todas as plataformas.
- A ligação no teu perfil. Aponta-a para a página de lançamento antes de sair a primeira publicação.
Perguntas frequentes
De que imagens preciso para um lançamento de produto?
Um teaser, uma contagem decrescente, o anúncio para o feed de cada plataforma, stories de lançamento, uma imagem de pré-visualização de ligação, cabeçalhos de perfil atualizados, um cabeçalho de email, um hero para o site e uma publicação de agradecimento depois.
Quando devem estar prontas as imagens de lançamento?
Faz o visual principal e a pré-visualização de ligação cerca de duas semanas antes, o teaser uma semana antes e o conjunto completo na véspera, para que a manhã do lançamento seja só publicar.
Como mantenho as imagens de lançamento coerentes?
Desenha um visual principal, escreve as suas cores, fontes e título, e compõe esse mesmo design para cada formato em vez de desenhares cada um do zero.
Que tamanho tem a imagem de pré-visualização de ligação de uma página de lançamento?
1200×630 píxeis, definida com a etiqueta og:image. Testa-a antes do dia do lançamento, porque as plataformas guardam-na em cache.
Escrito pela Gradiently
A equipa por trás da Gradiently, uma ferramenta de design construída em torno dos Marks: gradientes vivos que fazem tudo o que crias parecer teu.
Ver o nosso perfil
