Tu página de 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 aplicación tiene un 65% de conversión de visitas a la página a descargas.
Esta es una enorme razón por la que llegué a 1.6k de MRR tan rápido.
¡Te mostraré cómo hacer esto para mi nueva aplicación!
**¿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 aplicación de manifestación femenina.
Primero: Mira otras aplicaciones en el nicho y detecta patrones.
Crédito: Aplicaciones "Stella" y "Manifest Affirmations"
Lo que noto:
- Tonos rosas y cálidos.
- Muy "estéticas", con imágenes como foco principal.
- Venden 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 después.
Tendencias comunes:
- Palabras: Magnético, saludable, radiante, presencia, amor.
- Energía suave, mantras poderosos.
- Guarda cualquier imagen que realmente te guste:
La de abajo a la izquierda es un éxito en sí misma.
Paso Dos: MVP en Figma
El truco para obtener resultados increíbles con la IA:
Es hacer un mockup en Figma primero.
*Si generas sin ninguna referencia, 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 las indicaciones a GPT-Image-2 con nuestras referencias del MVP.
Haz que estas capturas de pantalla sean más atractivas y ligeramente más vibrantes. Haz que los elementos de la interfaz de usuario sobresalgan sutilmente, superponiendo el 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, juega y experimenta, 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 interfaz de usuario son "3D", sobresalen del teléfono. Esto los hace atractivos a la vista. Si observas las aplicaciones populares, casi todas hacen esto.
- Vitalidad sutil. Se agregaron elementos de interfaz de usuario con brillo y destellos conscientes del color. 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 la saturación. A veces esto se puede exagerar, así que mantenlo vigilado. Pero aquí, ¡claramente es más atractivo!NOTAS:
A veces la IA aumenta demasiado la saturación, haciendo que las imágenes parezcan plásticas y generadas por IA. Puedes ajustar la indicación 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 buenos, pero puedes volverte loco con este paso, rediseñando completamente si quieres. Lo 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.
