Propósito del proyecto
Creamos un Landing page de servicios psicológicos para el psicólogo Édilaide Moralino, ubicado en la Torre Comercial Brasilia. El ejemplar (suministrado por el cliente) enfatiza soluciones acogedoras y prácticas para niños, adultos, parejas y familias. Nuestra misión era organizar este contenido en un embudo visual que conduzca al CTA “Programar cita”.
Identidad visual
| Elemento | Escola | Función |
|---|---|---|
| paleta | Beige dorado (#BCA684) + blanquecino | Sensación de calidez, elegancia clínica. |
| CTA | Verde (#008C3E) | Fuerte contraste, asociado a “salud/avance”. |
| tipografía | Gris oscuro y blanco | Legibilidad sobre fondo neutro. |
| Fotos | Retratos del psicólogo, ambiente acogedor, grupos en sesión | Humanizan y refuerzan la confianza. |
| Iconos | Línea delgada en oro | Representan cada tipo de terapia. |
Estructura de página real
| Orden | Sección (igual que el diseño) | Objetivo |
|---|---|---|
| 1 | héroe – Titular “¡Tu salud emocional es lo primero!” + foto del psicólogo + CTA verde | Impacto inicial y acción directa |
| 2 | La solución para una vida más saludable – collage de imágenes + texto explicativo | Propuesta de valor presente |
| 3 | ¿Quién está detrás de la metodología? – breve biografía + testimonio del paciente | Autoridad + prueba social |
| 4 | Nuestros servicios – 4 tarjetas iconográficas (Terapia Infantil · Pareja · Adultos · Familia) | Necesidades del visitante del mapa |
| 5 | banner de llamada a la acción – “Reserva tu sesión y comienza tu transformación” + formulario de contacto | Convertir clientes potenciales |
| 6 | Ubicación – dirección completa + mapa de Google | Facilita los desplazamientos |
| 7 | Pie de página – derechos, redes sociales, botón flotante de WhatsApp | Estrecho manteniendo el contacto a la vista |
Los CTA verdes reaparecen después de cada bloque clave para que el visitante nunca se quede sin un "siguiente paso".
Experiencia móvil y UX
- Móvil primero: las tarjetas se apilan verticalmente, el carrusel de testimonios se desliza al deslizar el dedo.
- Botones ≥ 44 px (apto para pulgares).
- La tipografía de 16 px + contraste AA garantiza una lectura sin zoom.
- Botón flotante de WhatsApp visible en cada desplazamiento para soporte inmediato.
Buenas prácticas aplicadas (rendimiento y SEO)
| factores | Implementación |
|---|---|
| Velocidad | Imágenes WebP + carga diferida; CSS crítico en línea. |
| Semántica | H1 único, H2 por sección, listas en <ul> con iconos. |
| Palabra clave de enfoque | “terapia en Brasilia” distribuida (~1%) en título, meta, primer párrafo, subtítulos. |
| Enlaces | Botones para WhatsApp/calendario con rel="no seguir". |
| Accesibilidad | Texto alternativo en todas las imágenes y alto contraste en las CTA. |
Resumen:
La landing page ofrece un recorrido claro: recepción → autoridad → servicios → acción. La paleta dorado-beige crea una atmósfera de confianza, mientras que los CTA verdes atraen la atención hacia la conversión. Todo el texto proporcionado por el cliente se destacó mediante una jerarquía visual que prioriza el bienestar emocional y facilita la programación rápida de citas en persona o en línea.
