Landing Page – Blueprint

Experiencia web publica que convierte visitantes en pacientes

Propósito: Documentar que vistas web necesita ADEN para que un visitante entienda el producto, confie, y descargue la app / solicite invitación
Alcance: Web responsive (no app móvil)
Conexión: Alimenta el funnel documentado en funnel. El lifecycle completo del paciente dentro de la app está en lifecycle
Fuentes: product/narrative (6 pilares), product/differentiators (métricas validadas), product/targets (6 segmentos), product/use-cases (8 escenarios), copy-guidelines (voz de marca)

Principios de Copy para Web

La web habla a pacientes, no a médicos ni inversionistas. Según la matriz de pilares por audiencia (narrative.md):

• Pilar primario: Experiencia (lo que ve) + Calibración Latina (lo que siente)
• Pilar de soporte: Velocidad (traducida a impacto) + Seguridad (como confianza)
• No priorizar: Integración ni Honestidad (esos son para inversor/médico)

Reglas de copy-guidelines que aplican:

• Voz: cercana, clara, empatica, empoderadora, experta
• Grado de lectura: 5-6
• Español colombiano (no neutro, no de España)
• Framing positivo siempre
• Nunca jerga médica sin traducir (ver glosario en copy-guidelines sección 4)
• Nunca revelar mecanismos internos del engine al paciente (no “1,620 cruces”, no “Layer 1 deterministica”, no “capas”)

Vistas Necesarias

1. Home / Landing Principal

Objetivo: Que el visitante entienda que es ADEN en <10 segundos
Target primario: PAT-1 (Optimizadora Proactiva) y PAT-2 (Ejecutivo Preventivo) – los que llegan por curiosidad

Secciones:

1.1 Hero

Propuesta de valor en 1 oración + visual de la app (screenshot del dashboard con Health Score visible).

Copy sugerido (3 opciones, 1 pilar cada una):

Sub-hero (1 línea de soporte):

• “Exámenes de laboratorio + plan personalizado + seguimiento de 90 días. Todo en un solo lugar.”
• (Reutiliza el copy validado de screens/onboarding/invitación.md)

CTA: “Solicitar invitación” (beta) o “Descargar la app” (post-beta)

1.2 Como Funciona (3 pasos)

Simplificación del ciclo de 90 días (lifecycle Fases 3-8) para consumo rápido.

Nota visual: Cada paso con icono + 1 oración. No más de 3 pasos. Timeline horizontal en desktop, vertical en móvil.

1.3 Los Números que Respaldan

Traducción de differentiators a lenguaje de paciente. Nunca mencionar engine, capas, ni mecanismos internos.

Formato visual: 3-4 stats destacados con número grande + 1 línea de contexto. No más de 4.

1.4 Historias Reales (de use-cases, simplificados)

3 casos adaptados para web. Sin nombres reales (ejemplos). Sin datos clínicos crudos.

Nota: Estos son escenarios ilustrativos, no testimonios. En beta, usar “Historias de pacientes” con nota de que son casos tipo.

1.5 Planes y Precios (resumen)

Vista previa de los 3 planes (detalle completo en Vista 2). Reutiliza datos de screens/onboarding/seleccionar-plan.

CTA por plan: “Ver detalle” → navega a Vista 2 CTA general: “Solicitar invitación”

1.6 Confianza (sección de cierre)

Elementos que reducen la barrera de confianza (80% de LATAM no confía en apps con datos personales, según research).

• “Tus datos son tuyos” – Privacidad como valor, no como checkbox
• “30 días de prueba. Si no te convence, devolvemos tu dinero” – Garantia (de seleccionar-plan.md)
• “Calibrado para tu biología” – Calibración latina como diferenciador
• “Verificado por matemáticas, no solo por IA” – Seguridad traducida a confianza

1.7 Footer

• Terminos de servicio
• Politica de privacidad
• Contacto
• Redes sociales
• “Hecho en Medellín”

2. Planes y Precios

Objetivo: Comparar los 3 planes y decidir
Conexión con app: Espejo web de screens/onboarding/seleccionar-plan

Secciones:

2.1 Tabla Comparativa

Tres columnas: Accesible / Completo / Premium. Badge “Mas popular” en Completo.

Nota: Precios y features exactos vienen del backend. Esta tabla es estructura, no contenido final.

2.2 FAQ de Precios

2.3 Garantia

“30 días de prueba. Si no te convence, devolvemos tu dinero.”
Copy de soporte: “Creemos tanto en lo que hacemos que preferimos que lo pruebes antes de comprometerte.”

2.4 CTA por Plan

Cada card con botón “Elegir [nombre del plan]” que lleva a:

• Beta: Solicitar invitación (Vista 5)
• Post-beta: Descarga de app → seleccionar-plan dentro de la app

3. Como Funciona

Objetivo: Explicar el ciclo de 90 días de forma visual
Conexión: Simplificación de lifecycle (11 fases → 5 etapas para web)

Secciones:

3.1 Timeline Visual

3.2 Que Ves en la App

Screenshots o mockups de:

1. Dashboard con Health Score
2. Plan del dia
3. Check-in diario
4. Reporte de 90 días (antes/después)

Nota: Necesita screenshots reales de los prototipos. Ver apps/prototypes/src/pages/paciente/.

3.3 Después del Primer Ciclo

Copy: “Tu cuerpo cambia. Tu plan se adapta. Cada ciclo es más preciso que el anterior.”

Explicar que Ciclo 2+ tiene datos historicos, score más preciso, plan más afinado (de lifecycle Fase 9).

4. Sobre Nosotros / La Ciencia

Objetivo: Construir confianza
Pilar primario: Seguridad + Honestidad

Secciones:

4.1 Equipo Médico y Científico

Fotos, nombres, credenciales del equipo. Sin necesidad de ser exhaustivo – 3-5 perfiles clave.

4.2 Metodología (sin jerga)

Copy sugerido:

ADEN analiza tus exámenes, tu genética y tus datos de wearables en un solo lugar. Cada recomendación pasa por verificación matemática antes de llegar a ti. Si algo no tiene respaldo, no lo ves. Así funciona nuestra tecnología: las matemáticas protegen, la experiencia traduce.

No mencionar: “engine”, “capas”, “deterministica”, “cruces clínicos”, “Layer 1/2/3”

4.3 Privacidad y Cumplimiento

• Ley 1581 de 2012 (Protección de Datos en Colombia)
• Datos encriptados end-to-end
• “Tus datos son tuyos. No los vendemos. No los compartimos. Tu controlas quién los ve.”
• Link a politica de privacidad completa

4.4 Transparencia

Pilar de Honestidad traducido:

Auditamos nuestras propias afirmaciones. Si algo no tiene evidencia, no lo decimos. Publicamos nuestras limitaciones porque creemos que la confianza se construye con honestidad.

5. Solicitar Invitación (Beta)

Objetivo: Capturar leads durante beta cerrada
Conexión con app: Alimenta screens/onboarding/invitación. Cuando el lead recibe invitación, entra al flujo de la app.

Formulario:

• Nombre
• Email
• “Quien te recomendo?” (opcional, texto libre)
• Checkbox: “Quiero recibir contenido sobre salud preventiva” (opt-in)

Copy principal:

Estamos en beta privada en Medellín. Dejanos tus datos y te avisamos cuando haya cupo.

Confirmación (post-submit):

Listo, te avisaremos pronto. Mientras tanto, [link a artículo de salud preventiva] o siguenos en [redes].

Nota beta: Límite de cupo. Ver screens/onboarding/invitación estado “Cupo Lleno” para copy de lista de espera.

6. Blog / Contenido Educativo (Post-MVP)

Objetivo: SEO, autoridad, nurturing de leads en lista de espera
Prioridad: P3

Temas iniciales:

• Que es la medicina preventiva (y por qué te importa)
• Que dicen tus exámenes de sangre (guia simple)
• 5 señales de que tu cuerpo necesita atención
• Por qué los rangos “normales” no siempre son normales para ti

Reglas:

• Sin jerga médica, grado 5-6 de lectura
• Español colombiano
• Cada artículo termina con CTA a solicitar invitación
• Contenido educativo, no comercial

7. Terminos de Servicio

Prioridad: P0 (requerido para beta)
Contenido: Legal – fuera del alcance de este documento

8. Politica de Privacidad

Prioridad: P0 (requerido para beta)
Contenido: Legal – fuera del alcance de este documento. Pero el tono debe ser ADEN: claro, directo, sin legalese innecesario.

9. FAQ

Prioridad: P2
Contenido sugerido:

Inventario de Vistas Web

Total: 9 vistas web

P0 (mínimo para beta): 5 vistas (Home, Planes, Invitación, Terminos, Privacidad)
P1 (antes de salir de beta): 2 vistas (Como Funciona, Sobre Nosotros)
P2-P3 (post-MVP): 2 vistas (FAQ, Blog)

Copy Completo por Sección del Home

Hero (3 opciones)

Opción A – Calibración (recomendada para LATAM):

Medicina preventiva diseñada para tu biología.
Exámenes, plan personalizado y seguimiento de 90 días. Todo en un solo lugar.
[Solicitar invitación]

Opción B – Experiencia:

Ver tu salud. Entender tu salud. Mejorar tu salud.
90 días para transformar tu relación con tu cuerpo. Con datos, no con suposiciones.
[Solicitar invitación]

Opción C – Velocidad (traducida a impacto):

Tu equipo de salud ya tiene tu contexto completo.
Exámenes, genética, hábitos y medicamentos cruzados en segundos. Tu solo llegas y decides.
[Solicitar invitación]

Como Funciona (3 pasos)

1. Completa tu perfil de salud
Respondemos algunas preguntas y agendamos tus exámenes. Toma menos de 30 minutos.

2. Recibe tu plan personalizado
Analizamos tus resultados y creamos un plan de suplementos, hábitos y seguimiento calibrado para ti.

3. Ve tus resultados en 90 días
Comparas tu antes y después con datos reales. Tu decides si continuas.

Números (4 stats para web)

Hasta 6 meses antes
Identificamos cambios de salud antes de que se conviertan en problemas.

Más de 70 señales
Analizamos lo que un chequeo básico no cubre.

30,000+ personas
Calibrado con datos de población latinoamericana. No rangos europeos.

Verificación matemática
Cada recomendación verificada antes de llegar a ti. Cero suposiciones.

Confianza (cierre)

Tus datos son tuyos
No los vendemos. No los compartimos. Tu controlas quién los ve.

30 días de prueba
Si no te convence, devolvemos tu dinero. Sin preguntas.

Hecho para ti
Calibrado con datos de tu población. Porque tu biología no es igual a la de nadie más.

Segmentos Target y Canales de Llegada

Como cada target llega a la web (de product/targets.md):

Implicación para el Home: El hero debe funcionar para PAT-1 y PAT-2 (los más probables). Las secciones de historias cubren PAT-3, PAT-4. La sección de ciencia cubre PAT-2 y PAT-5.

Siguientes Pasos

1. Definir hero final (A/B test entre opciones A, B, C)
2. Confirmar pricing final con equipo de producto
3. Generar screenshots de prototipos para “Como Funciona”
4. Redactar contenido legal (Terminos + Privacidad)
5. Construir backend de waitlist para beta
6. Disenar y desarrollar las 5 vistas P0

Contexto completo del funnel: ver funnel