Propósito
esto Landing page de capacitación en habilidades sociales – TEA VITTA fue creado para atraer a padres de adolescentes (12 a 18 años) en el espectro autista que buscan avances en la comunicación, la autonomía y la socialización. La copia fue entregada por el equipo clínico; nuestro papel era transformarlo en un embudo claro con CTA”quiero saber mas”.
Identidad visual
| Elemento | Escola | Función |
|---|---|---|
| paleta | Turquesa → degradado verde esmeralda | Evoca confianza, inclusión y crecimiento |
| CTA | Botones verdes luminosos (#00B04F) | Alto contraste, acción positiva |
| tipografía | Blanco y gris oscuro | Alta legibilidad en fondos vibrantes |
| Gráficos | Línea ondulada + cuadrícula de puntos | Se refiere a la ruta de aprendizaje |
| Fotos/vídeos | Profesionales, adolescentes, entorno clínico | Humanizar y generar empatía |
Estructura de la página
| Bloquear | Contenido resumido | Objetivo |
|---|---|---|
| héroe | Titular “Entrenamiento en Habilidades Sociales…” + foto del psicólogo + CTA | Impacto y liderazgo |
| ¿Qué es el TÉ VITTA? | Marcador de posición de vídeo + texto sobre metodología | Explica el programa |
| ¿Para quién es? | Imagen joven + copy dirigido a personas autistas que buscan comunicación | Público objetivo |
| ¿Por qué es importante? | 4 cartas: Autoestima • Prevención del bullying • Autonomía • Apoyo a los padres | Beneficios de valor |
| ¿Cómo será el entrenamiento? | Cronología de 10 citas (Introducción → Habilidades sociales → Sexualidad) | Hacer tangible el proceso |
| equipo | Fotos y mini-biografías de las psicólogas Alice Resende y Viviné Teixeira | Demostrar autoridad profesional |
| Preguntas frecuentes | 4 preguntas sobre edad, duración, participación de los padres, tiempo de acceso | Eliminar objeciones |
Los CTA verdes reaparecen después de cada bloque decisivo, asegurando siempre un "siguiente paso" visible.
Experiencia móvil y UX
- Primero el móvil: la línea de tiempo vertical se convierte en una lista deslizable; pila de cartas.
- Botones ≥ 44 px: fáciles de tocar.
- El gradiente suave evita el deslumbramiento en las pantallas LCD.
- El ícono de WhatsApp flota para brindar soporte instantáneo.
Mejores prácticas y rendimiento de SEO
| factores | Implementación |
|---|---|
| Velocidad | Imágenes WebP+ carga diferida; CSS crítico en línea → PageSpeed 90+ |
| Semántica | H1 único, H2 por sección, listas en <ul> para beneficios |
| Palabra clave de enfoque | Distribución de “formación en habilidades sociales para personas autistas” (~1%) |
| Enlaces | CTA con rel="no seguir" y UTM para medir campañas |
| Accesibilidad | Texto alternativo descriptivo en todas las imágenes; Contraste AA en los botones |
Resumen
La landing page de TEA VITTA lidera problema (dificultades sociales) a solución (formación presencial en 10 reuniones) con prueba de autoridad y beneficios claros. El diseño degradado azul-verde refuerza la bienvenida, mientras que las llamadas a la acción verdes de alto contraste impulsan las conversiones al programa.
