Tu página en la App Store es una de las 4 variables de conversión:
Marketing -> Página de la App Store -> Onboarding -> Muro de pago.
La gente se enfoca en el onboarding y el muro de pago. ¡El embudo del producto comienza en la página de la app! ¡Si tus capturas de pantalla son malas, la gente no descargará!
Mi app tiene un 65% de visitas a la página que se convierten en descargas.
Esta es una gran razón por la que llegué a 1.6k MRR tan rápido.
¡Te mostraré cómo hacer esto para mi nueva app!
¿La mejor parte?
- **Con IA: ¡Esto toma menos de 30 minutos!
- La mayoría de las páginas de la App Store están mal hechas. ¡El esfuerzo para superar a un competidor es mínimo!Esto es todo lo que necesitas:
- Una cuenta de Pinterest (GRATIS).
- Una cuenta de Figma (GRATIS).
- GPT-Image-2 (Gratis con un plan Codex de $20/mes).
Paso Uno: Investigación.
Vamos a crear una app de manifestación femenina.
Primero: Mira otras apps en el nicho e identifica patrones.
Crédito: Apps "Stella" y "Manifest Affirmations"
Lo que noto:
- Tonos rosas y cálidos.
- Altamente "estéticas", con imágenes como foco principal.
- Vender el resultado: no el producto.
**Segundo: Navega por Pinterest.
**Esto te dará un contexto más amplio sobre tu nicho.
Además de ideas de activos para usar más tarde.
Tendencias Comunes:
- Palabras: Magnético, saludable, radiante, presencia, amor.
- Energía suave, mantras poderosos.
- Guarda cualquier imagen que te guste mucho:
La de abajo a la izquierda es una joya en sí misma.
Paso Dos: MVP en Figma
El truco infalible para obtener resultados increíbles de la IA:
Es hacer un mockup en Figma primero.
*Si usas un prompt sin referencias, obtendrás malos resultados. Invertir un pequeño esfuerzo inicial tiene un retorno de inversión desproporcionado.*
1. **Plantillas:
**Hay muchas plantillas gratuitas en Figma. Yo uso esta:
2. Fuentes
Hay dos tipos de fuentes que todos usan:
- El aspecto "premium" de alta gama: Instrument Serif.
- El aspecto moderno, audaz y minimalista: SF Pro.
Es imposible equivocarse usando cualquiera de estas:
Las otras dos herramientas son el generador de degradados y los componentes de vidrio líquido.
Hice estos MVP en solo unos minutos.
Paso Tres: La Magia de la IA
Ahora, dale el prompt a GPT-Image-2 con nuestras referencias MVP.
Haz que estas capturas de pantalla sean más atractivas y ligeramente más vibrantes. Haz que los elementos de la UI sobresalgan sutilmente, superponiéndose al borde del teléfono, dando un efecto 3D. Genera x imágenes separadas.
Una recomendación aquí:
Mantén el esfuerzo del modelo en medio.
Por supuesto, experimenta y juega, pero para mí, un mayor esfuerzo resultó en resultados extraños: relaciones de aspecto extrañas, tamaños de texto raros, etc.
Estos son mis resultados:
- Contraste. Los elementos de la UI son "3D", sobresalen del teléfono. Esto los hace atractivos a la vista. Si miras las apps populares, casi todas hacen esto.
- Vitalidad sutil. Añadí elementos de brillo y destello conscientes del color en la UI. Estas pequeñas mejoras tienen un efecto subconsciente en el usuario. Los toques finales profesionales.
- Filtros de imagen. El modelo ha aumentado la vitalidad y saturación. A veces esto puede ser excesivo, así que vigílalo. Pero aquí, ¡claramente es más atractivo!NOTAS:
A veces la IA aumentará la saturación demasiado, haciendo que las imágenes se vean plásticas y artificiales. Puedes ajustar el prompt inicial, eliminando la "vitalidad". O, ¡pide revisar las imágenes generadas!
Lo he mantenido más cerca del original ya que los MVP resultaron bastante bien, pero puedes volverte loco con este paso, rediseñando completamente si quieres. La parte importante es dar una referencia "suficientemente buena" para que el modelo sepa en qué dirección ir.
Paso Cuatro: Toques Finales
Apple requiere resoluciones muy específicas.
El modelo de imagen no las generará en el formato correcto.
Podemos:
- Editar manualmente en Figma (preferido). Toma 2 segundos.
- Pedirle a Codex o Claude que recorten al tamaño correcto.
