Estuvimos mapeando los diseños que enviaron (Cuentos Personalizados WEB.ai, 6 páginas) contra el spec del producto v1, y armé esta vista por pantalla para que vean dónde podemos avanzar con lo que ya está, dónde necesitamos ajustes pequeños, y dónde nos falta diseño.
El sitio v1 tiene 16 pantallas en total. Acá va el desglose:
/ (Página 1 del AI)
Estado: ✅ Estructura general como está, con 2 cambios + clarificación de CTAs.
Mantenemos: Hero ("Un cuento mágico solo para ti"), las 3 pills de confianza ("Seguro para niñ@s · Sin publicidad · Hecho en Chile"), los 2 CTAs principales, el reproductor "Escucha un ejemplo", el bloque de Santa Claus, la sección "¿Cómo funciona?" en 3 pasos, "Preguntas frecuentes".
🔄 Cambio 1 — Bloque de Santa necesita un CTA
El bloque "¡Santa Claus te escribió una carta!" hoy no tiene un CTA visible. Necesita un botón claro ("Escuchar carta gratis" o similar) que lleve a la página de Santa Claus (/santa). Ahí el usuario crea cuenta y luego puede escuchar el cuento gratis de Santa. Desde esa misma página puede personalizarlo (elige un plan).
ℹ️ Clarificación — A dónde llevan los 2 CTAs principales del hero
/planes (página de planes / pricing). El usuario ve los planes, elige uno, y desde ahí arranca el flujo de signup + checkout./library (página gratis / biblioteca). Acceso gratis a los cuentos genéricos (signup mínimo con email).🔄 Cambio 2 — Mejorar la copy de "¿Cómo funciona?"
Actualmente los 3 pasos describen el flow completo pero quedan un poco abstractos. Propuesta de nueva copy más concreta y orientada al beneficio:
| Paso | Copy actual | Copy propuesta |
|---|---|---|
| 1. Regístrate | "Crea tu cuenta gratis en 30 segundos." | "Crea tu cuenta gratis, y escucha cuentos gratis." |
| 2. Personaliza | "Elige un personaje y dinos el nombre de tu hij@. ¡El cuento se creará solo!" | "Si quieres personalizar los cuentos con el nombre de tu hij@ y mucho más, elige uno de nuestros planes." |
| 3. Escucha la magia | "Recibe un cuento único de 3 a 7 minutos, narrado con el nombre de tu hij@." | (Igual — se mantiene) |
¿OK con los cambios?
/library (Página 2)
Estado: ✅ Estructura general como está, con 2 agregados que empujan personalización.
Mantenemos: La estructura de dos secciones "Disponibles ahora" + "Próximamente". Excelente IA. Las cards minimalistas con ilustración del personaje + título + tagline también funcionan.
🔄 Cambio 1 — Agregar "Personaliza tus cuentos" como primera opción
Antes de "Disponibles ahora" (o como el primer card destacado dentro de esa fila), agregar un CTA dedicado: "Personaliza tus cuentos". Visualmente puede ser una card distinta del resto (color destacado, ilustración de Mi Duende Mágico), y al hacer click lleva a /planes. Esto pone la personalización como la primera acción que ve el usuario al entrar a la biblioteca.
🔄 Cambio 2 — Sección intermedia "Personaliza tus cuentos"
Entre "Disponibles ahora" y "Próximamente", agregar una nueva sección titulada "Personaliza tus cuentos" que muestra los cuentos que SOLO existen en versión personalizada (no tienen versión genérica gratis). Esto deja claro que hay un tier de cuentos exclusivo para usuarios pagos. Cards similar al estilo de "Próximamente" pero con un badge "Solo personalizado" o "Exclusivo planes".
🔄 Cambio 3 — Variante para usuario pagado (paid user)
La misma página /library tiene una estructura distinta cuando el usuario ya pagó. Sigue siendo el mismo URL y mismo layout general, pero se agregan: badge de créditos en el header + una sección nueva al principio "Mis cuentos personalizados" + el CTA principal por card cambia de "Escuchar" a "Personalizar".
ASCII de la variante paid (incluye los Cambios 1, 2, y 3 todos juntos):
┌────────────────────────────────────────────────────────────────────────────┐
│ Mi Duende Mágico Hola, María [📖 3/3 cuentos] Mis cuentos ≡ │ ← Credit badge nuevo
├────────────────────────────────────────────────────────────────────────────┤
│ │
│ Cuentos │
│ Escucha cuentos mágicos de Mi Duende Mágico │
│ │
│ ┌──────────────────────────────────────────────────────────────────────┐ │
│ │ ✨ Personaliza tus cuentos │ │ ← Cambio 1: primera card destacada
│ │ Convierte a tu hij@ en protagonista. Desde 4.999 CLP. │ │
│ │ [Ver planes →] │ │
│ └──────────────────────────────────────────────────────────────────────┘ │
│ │
│ Mis cuentos personalizados │ ← Cambio 3: nueva sección (solo paid)
│ ┌─────────────┐ ┌─────────────┐ │
│ │ [landscape] │ │ [landscape] │ │
│ │ La Aventura │ │ Carta Santa │ (si tiene 0 cuentos generados, │
│ │ de Sofía │ │ para Sofía │ la sección se oculta o muestra: │
│ │ 12 mayo │ │ 5 dic │ "Aún no has personalizado un cuento. │
│ │ 2:34/7:42 │ │ Completado │ Elige uno abajo.") │
│ │ [▶Continuar]│ │ [▶Escuchar] │ │
│ └─────────────┘ └─────────────┘ │
│ │
│ Disponibles ahora │ ← Lo mismo que diseño actual
│ ┌────────┐ ┌────────┐ ┌────────┐ ┌────────┐ │
│ │[Emma] │ │[Capitán│ │[Amöre] │ │[Santa] │ │
│ │El │ │ travesu│ │La hist │ │Carta de│ │
│ │origen │ │ras] │ │de Amöre│ │Santa │ │
│ │magia │ │ │ │ │ │ │ │
│ │[Escuch │ │[Escuch │ │[Escuch │ │[Escuch │ │
│ │ ar] │ │ ar] │ │ ar] │ │ ar] │ │
│ └────────┘ └────────┘ └────────┘ └────────┘ │
│ │
│ Personaliza tus cuentos (Solo en planes) │ ← Cambio 2: sección intermedia
│ ┌────────┐ ┌────────┐ ┌────────┐ │
│ │[Cuento │ │[Cuento │ │[Cuento │ │
│ │ X] │ │ Y] │ │ Z] │ │
│ │"Solo │ │"Solo │ │"Solo │ │
│ │persona-│ │persona-│ │persona-│ │
│ │lizado" │ │lizado" │ │lizado" │ │
│ │[Personalizar][Personalizar][Personalizar] │
│ └────────┘ └────────┘ └────────┘ │
│ │
│ Próximamente │ ← Lo mismo que diseño actual
│ ┌────────┐ ┌────────┐ ┌────────┐ ┌────────┐ │
│ │ ... │ │ ... │ │ ... │ │ ... │ │
│ └────────┘ └────────┘ └────────┘ └────────┘ │
└────────────────────────────────────────────────────────────────────────────┘
Para usuarios free (sin login o sin plan): todo igual EXCEPTO:
- No aparece el badge de créditos (no aplica)
- No aparece la sección "Mis cuentos personalizados"
- Los botones de las cards muestran "Escuchar" (que reproduce el audio genérico)
- En la sección "Personaliza tus cuentos" los botones "Personalizar" llevan a /planes
Para usuarios paid: - Badge "X/Y cuentos" visible en header - Sección "Mis cuentos personalizados" arriba (si tiene cuentos generados) - Botones de cards en "Disponibles ahora" pueden mostrar "Escuchar | Personalizar" (dual action) o solo "Personalizar" - "Personaliza tus cuentos" intermediate va directo al flow de personalización (no a planes)
¿OK con los 3 cambios?
Estado: ✅ La pantalla actual la usamos como está (el estado "Iniciar sesión" activo). Faltan 2 estados de esta misma pantalla que no diseñaron y necesitamos:
Estado faltante A — Tab "Crear cuenta" activo
La pantalla actual muestra el tab "Iniciar sesión" activo (con el formulario debajo). Cuando el usuario hace click en el tab "Crear cuenta", el formulario debería cambiar a esto:
┌──────────────────────────────────────────────────────┐
│ ¡Crea tu cuenta gratis! │
│ │
│ Iniciar sesión [Crear cuenta] ← activo │
│ │
│ Email: │
│ [_______________________________] │
│ │
│ [Crear cuenta y enviar enlace mágico] │
│ │
│ ¿Ya tienes cuenta? Iniciar sesión │
└──────────────────────────────────────────────────────┘
Mismo formato que el tab actual (mismo email-only, mismo botón estilo "Enviar enlace mágico"), solo cambia: el título de arriba ("¡Crea tu cuenta gratis!" en vez de "¡Bienvenido de vuelta!"), el tab activo, la copy del botón, y el link de abajo invertido.
Estado faltante B — Pantalla intermedia "Revisa tu bandeja"
Cuando el usuario hace submit del email (en cualquiera de los 2 tabs), necesitamos mostrarle una pantalla de confirmación mientras espera el email con el enlace mágico. Hoy no existe en los diseños. Propuesta:
┌──────────────────────────────────────────────────────┐
│ │
│ 📬 │
│ │
│ Revisa tu bandeja de entrada │
│ │
│ Te enviamos un enlace a: │
│ tu@email.com │
│ │
│ Haz click en el enlace para entrar a Mi Duende │
│ Mágico. El enlace expira en 1 hora. │
│ │
│ ¿No te llegó? Revisa spam o [enviar de nuevo] │
│ │
└──────────────────────────────────────────────────────┘
Misma estética que la pantalla de Iniciar sesión (mismo fondo navideño, mismo card centrado). Es una pantalla de espera/confirmación amigable.
¿Pueden enviar los mockups de estos dos estados? (Mismo estilo visual que la Página 4 actual.)
/santa (Página 6)
Estado: 🔄 Necesita reescritura de copy + interacción.
Lo que cambia: La página actual dice "Para leer esta carta especial escanea el QR... dentro de la caja de Mi Duende Mágico". Eso quedó obsoleto.
Nueva lógica: El QR del box redirige directamente a /santa. Esa página ES el destino, no un mensaje de "anda a buscar la caja". El usuario llega ahí (escaneando el QR o entrando directo desde la web), escucha una carta genérica de Santa gratis, y se le ofrece personalizarla con el nombre de su hij@ (cuesta 1 crédito).
Mantenemos: - Sidebar rojo izquierdo con título + ilustración del Viejito Pascuero - Estética cream / postal de la zona principal - Branding navideño
Cambia: El bloque central (donde hoy aparece el sobre con instrucción del QR). En su lugar:
┌─────────────┬──────────────────────────────────────────────────┐
│ ← Todos los │ │
│ cuentos │ Carta del Viejito Pascuero │
│ │ │
│ Carta del │ ┌──────────────────────────────────────────┐ │
│ Viejito │ │ ▶ ━━━━━━○──── 0:24 / 6:30 🔊 ⚙ 1x │ │ ← Audio genérico
│ Pascuero │ └──────────────────────────────────────────┘ │
│ │ │
│ [Santa Img] │ ¡Hola amigo/a! │
│ │ │
│ Una carta │ Soy el Viejito Pascuero y este año quiero │
│ personal │ contarte algo muy especial... │ ← Texto carta genérica
│ desde el │ │
│ Polo Norte │ [resto del texto de la carta] │
│ │ │
│ ~1.200 │ │
│ palabras │ ┌──────────────────────────────────────────┐ │
│ · 6 min │ │ ✨ Personaliza esta carta con el │ │
│ │ │ nombre de tu hij@ │ │ ← CTA principal
│ Narrado por │ │ │ │
│ Nöelia │ │ El Viejito Pascuero le hablará │ │
│ Claus │ │ directamente, mencionando su nombre. │ │
│ │ │ │ │
│ [Más │ │ [Personalizar — desde 4.999 CLP] │ │
│ cuentos] │ └──────────────────────────────────────────┘ │
│ │ │
└─────────────┴──────────────────────────────────────────────────┘
¿Pueden ajustar Página 6 con esta nueva estructura? Mismo shell (sidebar rojo + cream main), nuevo contenido central (reproductor + texto + CTA grande de personalización).
/library/:cuento (Página 5)
Estado: ✅ Estructura como está, con un agregado crítico.
Mantenemos: Sidebar rojo con metadata + reproductor + chips de personajes. Zona cream con título + texto del cuento + closing rítmico ("Colorito, colorado..."). CTA "Más cuentos" al final.
Lo que falta: Un CTA principal "Personalizar este cuento con tu hij@". Es el botón más importante de la página — convierte free → paid. Hoy no está.
Propuesta (la que recomendamos): Card destacada en la zona cream, justo después del closing ("y las travesuras han comenzado"), antes del CTA "Más cuentos":
┌─────────────┬──────────────────────────────────────────────────┐
│ ← Todos los │ El Origen de la Magia │
│ cuentos │ │
│ │ [...texto del cuento...] │
│ El Origen │ │
│ de la │ Colorito, colorado, │
│ Magia │ este cuento se ha acabado, │
│ │ y las travesuras │
│ [Img Emma] │ han comenzado. │
│ │ │
│ ~1.200 │ Personajes │
│ palabras │ [Colorito] [Colorita] [Emma] [Tomás] ... │
│ · 7 min │ │
│ │ ┌──────────────────────────────────────────┐ │
│ Narrado por │ │ ✨ ¿Y si Emma fuera tu hij@? │ │ ← Card destacada
│ Nöelia │ │ │ │
│ │ │ Personaliza este cuento con su nombre. │ │
│ [▶ player] │ │ El narrador y los personajes le hablarán │ │
│ │ │ directamente. │ │
│ [Más │ │ │ │
│ cuentos] │ │ [Personalizar — desde 4.999 CLP] │ │
│ │ └──────────────────────────────────────────┘ │
│ │ │
│ │ [Más cuentos] │
└─────────────┴──────────────────────────────────────────────────┘
Por qué ahí: el usuario acaba de escuchar/leer el cuento genérico, está enganchado emocionalmente, y le mostramos cómo sería SU versión. Es el momento de máxima intención de pago.
Alternativas si no les gusta esa ubicación: - Sticky en la parte inferior de la pantalla (siempre visible al hacer scroll) - En el sidebar rojo, reemplazando el botón "Más cuentos" - Banner pequeño arriba del reproductor de audio
¿Cuál prefieren? Si les gusta la propuesta, sigan con esa.
/planes (Página 3)
Estado: 🔄 Necesita restructuración (mantenemos el estilo visual, cambian los planes).
La estructura de planes que diseñaron es distinta a la que vamos a lanzar v1. Acá va la nueva (en CLP):
| Plan | Precio | Qué incluye |
|---|---|---|
| Gratis | 0 CLP | Solo acceso a la biblioteca de cuentos genéricos. No incluye cuentos personalizados de prueba. |
| Pack 3 | 5.999 CLP | 3 cuentos personalizados, pago único. No caducan. |
| Pack 10 | 15.999 CLP | 10 cuentos personalizados, pago único. No caducan. |
| Mensual | 4.999 CLP/mes | 3 cuentos personalizados al mes. Se renuevan cada mes. |
| Anual | 25.999 CLP/año | 36 cuentos al año (3 al mes). 57% más barato que Mensual. ⭐ MEJOR VALOR. |
Cambios vs el diseño actual: - Fuera "Gratis 1 cuento de prueba" — el plan Gratis es solo biblioteca de genéricos, sin cuentos personalizados. Hard paywall en "Personalizar". - Fuera "1 cuento" individual (1.499 CLP) — solo packs y suscripciones (más simple, mejor monetización). - Fuera "Pack 5" (5.999 CLP) — se reemplaza por Pack 3 (mismo precio 5.999 CLP) y Pack 10 nuevo (15.999 CLP). - Mensual: 3 cuentos/mes, no 5 — precio sube de 3.999 a 4.999 CLP/mes. - Anual: mismo precio (25.999 CLP) pero da 36 cuentos al año (3/mes), no "5/mes con 50% off". Mejor valor por cuento (722 CLP vs 1.667 del Mensual).
Propuesta de layout (mantiene el mismo estilo grid de la Página 3 actual):
┌──────────────────────────────────────────────────────────────────────────┐
│ Elige tu plan │
│ Cuentos personalizados en audio para niñ@s │
│ │
│ ┌──────────┐ ┌──────────────────┐ ┌──────────────────┐ │
│ │ Pack 3 │ │ Pack 10 │ │ Mensual │ │
│ │ │ │ │ │ │ │
│ │5.999 CLP │ │ 15.999 CLP │ │ 4.999 CLP/mes │ │
│ │pago único│ │ pago único │ │ │ │
│ │ │ │ │ │ 3 cuentos al mes │ │
│ │3 cuentos │ │ 10 cuentos │ │ Renueva cada mes │ │
│ │No caducan│ │ No caducan │ │ Texto + Audio │ │
│ │ │ │ │ │ │ │
│ │[Comprar] │ │ [Comprar] │ │ [Suscribir] │ │
│ └──────────┘ └──────────────────┘ └──────────────────┘ │
│ │
│ ┌──────────────┐ ┌──────────────────────────────────────┐ │
│ │ Gratis │ │ Anual ⭐ MEJOR VALOR │ │
│ │ │ │ │ │
│ │ 0 CLP │ │ 25.999 CLP/año │ │
│ │ │ │ (3 cuentos al mes / 36 al año) │ │
│ │ Solo cuentos │ │ │ │
│ │ gratis (sin │ │ 57% más barato que Mensual │ │
│ │ personali- │ │ Texto + Audio │ │
│ │ zación) │ │ │ │
│ │ │ │ │ │
│ │ [Empezar] │ │ [Suscribir] │ │
│ └──────────────┘ └──────────────────────────────────────┘ │
│ │
│ Pago seguro · Cancela cuando quieras │
└──────────────────────────────────────────────────────────────────────────┘
5 cards total. Sugerimos destacar Anual como "MEJOR VALOR" (mismo recurso visual que el badge "ahorra 20%" que ya usaron). La ubicación de cada plan en el grid es referencial — ustedes ven cuál orden funciona mejor visualmente.
¿Pueden redibujar Página 3 con estos 5 planes?
Estas no aparecen en lo que enviaron. Son críticas para v1 y necesitamos sus mockups. Acá va una vista en ASCII de cada una (esto es la arquitectura de información que necesitamos, ustedes le ponen el lookfeel de Mi Duende Mágico):
┌────────────────────────────────────────────────────────────────────┐
│ ✕ Cerrar Paso 1 de 3 │
├────────────────────────────────────────────────────────────────────┤
│ │
│ Cuéntanos sobre tu hijo/a │
│ Esto se guarda para todos tus cuentos. Lo puedes editar después. │
│ │
│ Nombre de tu hijo/a * │
│ [_______________________] │
│ │
│ Género * │
│ ● Niña ○ Niño │
│ │
│ Edad (opcional) │
│ [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] │
│ │
│ ─────────── Apariencia (opcional) ─────────── │
│ │
│ Color de pelo [○Negro] [○Castaño] [○Rubio] [○Pelirrojo] [+4] │
│ Color de ojos [○Café] [○Verde] [○Azul] [○Avellana] [○Gris] │
│ Peinado [○Corto] [○Medio] [○Largo] [○Rizado] [+4] │
│ │
│ ─────────── Intereses (opcional, hasta 10) ─────────── │
│ │
│ [☐Deportes] [☐Música] [☐Arte] [☐Leer] [☐Ciencia] │
│ [☐Animales] [☐Naturaleza] [☐Cocina] [☐Baile] [☐Espacio] │
│ │
│ [Continuar →] │
└────────────────────────────────────────────────────────────────────┘
Es el paso 1 de 3 del flujo "Personalizar". Es la primera vez que el usuario ve este formulario. Después de llenarlo y pagar, pasa al paso 3 (que es el siguiente).
┌────────────────────────────────────────────────────────────────────┐
│ ← Volver Paso 3 de 3 │
├────────────────────────────────────────────────────────────────────┤
│ │
│ Personaliza "La Aventura de Colorito" │
│ │
│ Sofía será la protagonista. Cuéntanos un poco más: │
│ │
│ Nombre del mejor amigo/a de Sofía │
│ [María_____________________] │
│ │
│ Cosa favorita de Sofía (un objeto especial) │
│ [su peluche________________] │
│ │
│ ✓ Estos datos se guardan para cuentos futuros. │
│ │
│ [✨ Generar mi cuento] │
└────────────────────────────────────────────────────────────────────┘
Es una mini-forma que cambia según el cuento (cada cuento puede pedir distintos datos: nombre del papá, mascota, ciudad, etc.). Si ya nos dieron el dato antes, lo pre-llenamos.
┌────────────────────────────────────────────────────────────────────┐
│ Mi Duende Mágico Hola, [nombre] Biblioteca Config ≡ │
├────────────────────────────────────────────────────────────────────┤
│ Tus cuentos personalizados │
│ Plan: Mensual · 2 de 3 créditos · Renueva el 12 de junio │
│ │
│ ┌──────────────┐ ┌──────────────┐ ┌──────────────┐ │
│ │ [landscape] │ │ [landscape] │ │ [landscape] │ │
│ │ │ │ │ │ │ │
│ │ La Aventura │ │ Dulces Sueños│ │ Carta Santa │ │
│ │ de Sofía │ │ de Sofía │ │ para Sofía │ │
│ │ 12 mayo │ │ 10 mayo │ │ 5 dic │ │
│ │ 2:34 / 7:42 │ │ Completado │ │ 4:12 / 6:30 │ │
│ │ [▶ Continuar]│ │ [▶ Escuchar] │ │ [▶ Continuar]│ │
│ └──────────────┘ └──────────────┘ └──────────────┘ │
│ │
│ [Cargar más cuentos] │
└────────────────────────────────────────────────────────────────────┘
Misma grilla que la Página 2 (Cuentos) pero con los cuentos personalizados del usuario. Cada card muestra dónde quedó el audio (continúa donde lo dejó).
Cuando el usuario hace click en "Cancelar suscripción" desde Pantalla D, abrir un modal:
┌────────────────────────────────────────────────────────────┐
│ ✕ │
│ │
│ ¿Estás segur@ de cancelar? │
│ │
│ Si cancelas tu suscripción Mensual: │
│ │
│ ✓ Vas a poder seguir escuchando los cuentos que │
│ ya creaste, para siempre. │
│ ✗ No vas a poder crear nuevos cuentos personalizados │
│ después del 12 de junio de 2026. │
│ ✗ Pierdes los 2 créditos sin usar de este mes. │
│ │
│ [Seguir suscrito] [Sí, cancelar] │
│ │
└────────────────────────────────────────────────────────────┘
Modal simple, centrado, fondo oscurecido. Mensaje claro sobre qué se pierde y qué se mantiene.
Cuando el usuario paga vía Flow checkout, vuelve a nuestra app a esta pantalla:
┌──────────────────────────────────────────────────────────┐
│ ✓ │
│ │
│ ¡Pago exitoso! │
│ │
│ Compraste: Pack 3 (3 cuentos personalizados) │
│ │
│ Te enviamos un enlace mágico a: │
│ tu@email.com │
│ │
│ Haz click en ese enlace para activar tu cuenta y │
│ empezar a personalizar. │
│ │
│ ¿No te llegó? [Enviar de nuevo] │
└──────────────────────────────────────────────────────────┘
Fondo navideño + branding como la pantalla de login (Página 4). Centrado en el card. Después de hacer click en el enlace mágico, el usuario aterriza directo en /library (variante paid, con sus créditos).
Página larga vertical. Cada sección editable in-line. La sección "Suscripción" tiene 4 estados distintos dependiendo del tipo de plan y su estado:
Estado D1 — Usuario con Pack (Pack 3 / Pack 10):
─── Suscripción ───
Plan actual: Pack 10
Cuentos restantes: 7 de 10
Los cuentos comprados no caducan.
[Comprar otro pack] [Ver planes mensuales]
Estado D2 — Suscriptor activo (Mensual / Anual):
─── Suscripción ───
Plan actual: Mensual (4.999 CLP/mes)
Cuentos este mes: 2 de 3 (renueva el 12 de junio)
Próximo cobro: 12 de junio de 2026
[Cambiar plan] [Cancelar suscripción]
Estado D3 — Suscripción cancelada (acceso vigente hasta fin de período):
─── Suscripción ───
Plan actual: Mensual (cancelado)
Tu acceso a generar cuentos nuevos termina el 12 de junio.
Después de esa fecha, podrás seguir escuchando los cuentos
que ya creaste.
[Reactivar suscripción] [Ver planes]
Estado D4 — Pago vencido (past-due):
─── Suscripción ───
⚠️ Tu suscripción no se pudo renovar.
Plan: Mensual (4.999 CLP/mes)
Intentando cobrar de nuevo en: 2 días
[Actualizar método de pago] [Cancelar suscripción]
Vista completa de Pantalla D (con un usuario en Estado D2 / Mensual activo):
┌────────────────────────────────────────────────────────────────────┐
│ ← Volver │
├────────────────────────────────────────────────────────────────────┤
│ Configuración │
│ │
│ ─── Tu cuenta ─── │
│ Nombre del padre/madre [María Pérez ✎] │
│ Email maria@ejemplo.com (no editable) │
│ │
│ ─── Perfil de tu hij@ ─── │
│ Nombre [Sofía ✎] │
│ Género ● Niña ○ Niño │
│ Edad [6 años ✎] │
│ Apariencia: pelo castaño · ojos verdes · peinado largo [Editar] │
│ Intereses: música, animales, espacio [Editar] │
│ │
│ ─── Suscripción ─── (uno de los 4 estados de arriba) │
│ [contenido depende del estado del usuario] │
│ │
│ ─── Comparte y gana ─── │
│ Tu enlace: miduendemagico.com/i/aB3xK9 [📋 Copiar] │
│ Invitados: 3 amig@s · Ganados: 1 crédito gratis │
│ │
│ [Cerrar sesión] [Eliminar cuenta] │
└────────────────────────────────────────────────────────────────────┘
La sección "Comparte y gana" es para la mecánica de referidos: si algui@n se suscribe usando tu enlace, ganas 1 crédito gratis.
Estas son transitorias o muy simples, las hacemos con el estilo visual que ya tienen en las otras pantallas:
Estos casos los manejamos reutilizando pantallas que ya existen, no necesitan diseño extra:
/planes con un banner arriba: "Te quedaste sin créditos. Elige un plan o compra otro pack para seguir creando cuentos."/planes con un banner: "El pago no se procesó. Intenta de nuevo o con otro método."/planes con el plan actual marcado como "Tu plan actual". Click en otro plan inicia el flujo de checkout.| # | Acción |
|---|---|
| 1 | Confirmar los 2 cambios en Landing (CTA en bloque de Santa + nueva copy de "¿Cómo funciona?") |
| 2 | Confirmar los 3 agregados en Cuentos (primera card "Personaliza tus cuentos" + sección intermedia + variante paid con sección "Mis cuentos personalizados" y badge de créditos) |
| 3 | Diseñar los 2 estados faltantes en Login/Crear cuenta (Página 4) |
| 4 | Reescribir Página 6 (Santa) con la nueva lógica |
| 5 | Definir dónde va el CTA "Personalizar" en Detalle de cuento (Página 5) |
| 6 | Redibujar Página 3 (Planes) con los 4 nuevos planes (+ Gratis = 5 cards) |
| 7 | Diseñar Pantallas A-F: A) Perfil del niñ@, B) Campos dinámicos, C) Dashboard, D) Settings (con 4 estados de Suscripción), E) Pago exitoso post-checkout, F) Modal cancelar suscripción |
Quedo atento a sus respuestas. Cuando tengan los diseños/respuestas, podemos cerrar todo el plan visual y arrancar a programar.
Saludos, Giuseppe