Resumindo
- As artes de lançamento de app funcionam melhor como um kit feito a partir de um único design: posts de lançamento, uma imagem Open Graph, capas de perfil e imagens de galeria.
- A imagem Open Graph que aparece quando o seu link é compartilhado tem 1200×630 pixels, e a capa do X tem 1500×500.
- Posts de lançamento devem dizer o nome do app, o que ele faz em uma frase e onde baixá-lo.
- Atualize a prévia do link, as capas e a página inicial do site antes de publicar qualquer coisa, para que todo link compartilhado no dia do lançamento já apareça certo.
- Um fundo consistente em todas as artes de lançamento ajuda as pessoas a reconhecerem o mesmo app em feeds diferentes.
Nesta página
Boas artes de lançamento de app são um só design em muitos formatos: um post de anúncio para cada rede, uma prévia de link de 1200×630 que aparece toda vez que alguém compartilha a sua URL, capas de perfil novas e um pequeno conjunto de imagens de galeria para sites de lançamento como o Product Hunt. Crie tudo junto, a partir de um visual e de uma frase, e o dia do lançamento vira um único evento, não uma correria de capturas de tela desencontradas.
Comece com uma frase e um visual
Antes de qualquer arte, escreva a frase que diz o que o app faz e para quem, em menos de dez palavras. “Divida o aluguel com os colegas sem aquela conversa chata” funciona. “O futuro das finanças compartilhadas” não, porque ninguém consegue imaginar. Essa frase vai em todas as artes, sem mudar, para que a mensagem se repita enquanto o formato muda. Escrevendo textos para imagens traz mais sobre como enxugar uma frase.
Depois fixe o visual: as cores do ícone do app viram o fundo, a fonte do app vira o título. Um fundo marcante importa mais do que você imagina, porque as mesmas capturas de tela de interfaces brancas aparecem em todo dia de lançamento. Artes para o dia do lançamento trata disso para qualquer tipo de produto.
O kit de artes de lançamento de app, com tamanhos
Tamanho
O que vai nela
Tamanho
O que vai nela
Tamanho
O que vai nela
Tamanho
O que vai nela
Tamanho
O que vai nela
O que vai nela
Tamanho
O que vai nela
Tamanho
O que vai nela
Prévia de link
1200 × 630
Capa do X
1500 × 500
Post do X 16:9
1600 × 900
Instagram 4:5
1080 × 1350
Story 9:16
1080 × 1920
Por que a imagem de prévia do link é a mais importante
No dia do lançamento, a sua URL é colada em chats, posts, fóruns e newsletters que você nunca vai ver. Cada um deles mostra a sua imagem Open Graph, então ela é, silenciosamente, a arte de lançamento mais vista. Faça-a com 1200×630, ponha o nome do app e a frase no meio, mantenha o texto longe das bordas porque alguns apps cortam em quadrado, e teste-a num depurador de compartilhamento antes do lançamento. Tamanho da imagem Open Graph traz os cortes; tags Open Graph traz a marcação.
<meta property="og:title" content="Rentwise: split rent without the awkward chat" />
<meta property="og:description" content="Now on iPhone and Android." />
<meta property="og:image" content="https://rentwise.app/og/launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />Como desenhar um post de lançamento de app
Um post de lançamento compete com tudo mais no feed, então deve ser legível num relance. Comece pela frase, não pelo logo. Mostre uma tela, não cinco. Diga onde baixar o app. No X e no Bluesky, uma thread funciona bem: a arte primeiro, depois um vídeo curto e depois a história de quem criou.
O post do X e do Bluesky em 1600×900: a frase carrega o post.
O story: duas palavras e para onde ir, sobre o mesmo fundo.
Evite
- Uma grade de seis capturas de tela de celular
- “Revolucionar” qualquer coisa
- Um esquema de cores novo só para o lançamento
- Texto nas bordas externas da imagem de prévia
Faça
- Uma tela que mostra o momento principal
- A frase simples do que o app faz
- As cores do próprio ícone, em todo lugar
- Palavras centralizadas, com margens generosas
Gravações de tela curtas combinam bem com apps, porque mostram o momento principal em movimento: o toque, o resultado. Mantenha-as abaixo de vinte segundos, ponha a frase no primeiro quadro e acrescente legendas, já que muita gente rola o feed sem som. Vídeo de demonstração de produto trata de ritmo e enquadramento.
A ordem para criar as artes de lançamento de app
- 1
Uma semana antes: o design-mestre
Frase, ícone, fundo e fonte num só quadro horizontal. Todo o resto sai dele.
- 2
Uma semana antes: um post de “em breve”
Dê um gostinho da data e de um link para a lista de espera. Post de em breve tem layouts.
- 3
Dois dias antes: prévias e capas
Publique cedo a imagem Open Graph, a capa do X e a página inicial do site, para que os links compartilhados no dia pareçam certos.
- 4
No dia anterior: todos os posts de lançamento
Exporte todos os tamanhos e escreva antecipadamente as legendas de cada rede.
- 5
Dia do lançamento: poste, responda, repita
Passe o dia respondendo às pessoas, não criando artes.
- 6
Uma semana depois: um agradecimento
Um post de conquista ou de agradecimento no mesmo visual encerra o lançamento.
A Gradiently se encaixa bem nesse fluxo. Crie o design-mestre uma vez num Mark e, com o Pro, redimensione-o para todos os formatos do kit em um só passo; o Mark mantém a frase legível em cada formato, movendo a sua área mais calma para trás das palavras. Se você já está trabalhando no lançamento no ChatGPT ou no Claude, a Gradiently pode ser conectada aos dois, e assim o assistente consegue rascunhar o kit como designs que abrem no Studio. Artes de lançamento para indie hackers trata do mesmo kit para produtos web.
Perguntas frequentes
Quais artes preciso para lançar um app?
Uma prévia de link de 1200×630, uma capa do X atualizada em 1500×500, posts de lançamento para cada rede que você usa, um story, uma página inicial do site e imagens de galeria para qualquer site de lançamento. Crie todas a partir de um design-mestre.
Qual é o tamanho de uma imagem de galeria do Product Hunt?
O Product Hunt lista os requisitos atuais de miniatura e galeria no formulário de envio. Crie-as na horizontal a partir do mesmo design-mestre das outras artes de lançamento para manter o visual consistente.
O que um post de lançamento de app deve dizer?
O nome do app, uma frase sobre o que ele faz e para quem, e onde baixá-lo. Deixe todo o resto para a legenda ou para uma thread.
Quando devo atualizar a imagem de prévia do meu link?
Um ou dois dias antes do lançamento, com um novo nome de arquivo, e depois teste-a num depurador de compartilhamento. As plataformas guardam as prévias em cache, então uma mudança tardia pode não aparecer no dia do lançamento.
Escrito pelo Gradiently
A equipe por trás do Gradiently, uma ferramenta de design criada em torno dos Marks: gradientes vivos que fazem tudo o que você cria ter a sua cara.
Ver nosso perfil