Sua página na App Store é uma das 4 variáveis de conversão:
Marketing -> Página na App Store -> Integração -> Paywall.
As pessoas focam na integração e no paywall. O funil do produto começa na página do aplicativo! Se suas capturas de tela forem ruins, as pessoas não vão baixar!
Meu aplicativo tem uma taxa de 65% de visualização de página para download.
Essa é uma parte enorme do motivo pelo qual cheguei a 1,6k de MRR tão rápido.
Vou te mostrar como fazer isso para o meu novo aplicativo!
A melhor parte?
- Com IA: Isso leva menos de 30 minutos!
- A maioria das páginas da App Store está mal feita. O esforço para superar um concorrente é mínimo!Isso é tudo que você precisa:
- Uma conta no Pinterest (GRÁTIS).
- Uma conta no Figma (GRÁTIS).
- GPT-Image-2 (Grátis com um plano Codex de $20/mês).
Passo Um: Pesquisa.
Vamos criar um aplicativo de manifestação feminina.
Primeiro: Veja outros aplicativos no nicho e identifique padrões.
Crédito: Aplicativos "Stella" e "Manifest Affirmations"
O que percebo:
- Tons rosa e quentes.
- Altamente "estéticos", com imagens como foco.
- Vendendo o resultado: não o produto.
Segundo: Navegue no Pinterest.
**Isso te dará um contexto mais amplo sobre seu nicho.
Além de ideias de ativos para usar depois.
Tendências Comuns:
- Palavras: Magnético, saudável, radiante, presença, amor.
- Energia suave, mantras poderosos.
- Salve todas as imagens que você gostar muito:
A do canto inferior esquerdo é um sucesso por si só.
Passo Dois: MVP no Figma
O código secreto para obter resultados incríveis da IA:
É fazer um mockup no Figma primeiro.
*Se você der o comando sem nenhuma referência, terá resultados ruins. Investir um pequeno esforço inicial tem um ROI desproporcional.*
1. Modelos (Templates):
**Existem muitos modelos gratuitos no Figma. Eu uso este:
2. Fontes
Existem dois tipos de fontes que todo mundo usa:
- O visual "premium" e sofisticado: Instrument Serif.
- O visual moderno, ousado e minimalista: SF Pro.
É impossível errar usando qualquer uma delas:
As outras duas ferramentas são o gerador de gradiente e os componentes de vidro líquido.
Criei esses MVPs em apenas alguns minutos.
Passo Três: A Mágica da IA
Agora, dê o comando para o GPT-Image-2 com nossas referências do MVP.
Torne estas capturas de tela mais envolventes e ligeiramente mais vibrantes. Faça com que os elementos da UI apareçam sutilmente, sobrepondo a borda do telefone, dando um efeito 3D. Gere x imagens separadas.
Uma recomendação aqui:
Mantenha o esforço do modelo em médio.
Claro, experimente e teste, mas para mim, um esforço maior resultou em resultados estranhos: proporções estranhas, tamanhos de texto esquisitos, etc.
Estes são meus resultados:
- Contraste. Os elementos da UI são "3D", eles saltam do telefone. Isso os torna atraentes para o olho. Se você olhar para aplicativos populares, quase todos fazem isso.
- Vibrância sutil. Adicionei brilho com consciência de cor e elementos de UI cintilantes. Essas pequenas melhorias têm um efeito subconsciente no usuário. Os toques finais profissionais.
- Filtros de Imagem. O modelo aumentou a vibrância e a saturação. Isso às vezes pode ser exagerado, então fique de olho. Mas aqui, está claramente mais envolvente!NOTAS:
Às vezes, a IA aumenta a saturação um pouco demais, fazendo as imagens parecerem plásticas e com aspecto de IA. Você pode ajustar o comando inicial, removendo a "vibrância". Ou, peça para revisar as imagens geradas!
Eu mantive mais próximo do original, pois os MVPs ficaram muito bons, mas você pode exagerar nesta etapa, redesenhando completamente se quiser. O importante é dar uma referência "boa o suficiente" para que o modelo saiba em qual direção seguir.
Passo Quatro: Toques Finais
A Apple exige resoluções muito específicas.
O modelo de imagem não as gerará no formato correto.
Podemos:
- Editar manualmente no Figma (preferível). Leva 2 segundos.
- Pedir ao Codex ou Claude para cortar no tamanho correto.
