Sua página na App Store é uma das 4 variáveis de conversão:
Marketing -> Página da 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.
Isso é 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 é genérica. 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ê realmente gostar:
A do canto inferior esquerdo é um sucesso por si só.
Passo Dois: MVP no Figma
O truque para obter resultados incríveis da IA:
É fazer um mockup no Figma primeiro.
*Se você der o prompt sem referências, terá resultados ruins. Investir um pequeno esforço inicial tem um ROI desproporcional.*
1. **Modelos (Templates):
**Há muitos modelos gratuitos no Figma. Eu uso este:
2. Fontes
Existem dois tipos de fontes que todo mundo usa:
- O visual "premium" de alto padrão: 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.
Fiz esses MVPs em apenas alguns minutos.
Passo Três: A Mágica da IA
Agora, dê o prompt no GPT-Image-2 com nossas referências do MVP.
Torne essas capturas de tela mais envolventes e ligeiramente mais vibrantes. Faça os elementos da UI aparecerem 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 elementos de brilho e cintilação com consciência de cor na UI. 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. Às vezes isso pode ser exagerado, então fique de olho. Mas aqui, claramente é mais envolvente!NOTAS:
Às vezes, a IA aumenta demais a saturação, fazendo as imagens parecerem plásticas e artificiais. Você pode ajustar o prompt 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 vai gerá-las no formato correto.
Podemos:
- Editar manualmente no Figma (preferível). Leva 2 segundos.
- Pedir ao Codex ou Claude para cortar para o tamanho correto.
