Elige tu diseño favorito

Cinco propuestas de landing page, cada una con una personalidad visual diferente. Haz clic en la que más te guste para verla en acción.

Metodología CRO + UX/UI

Por qué cada cosa está donde está

La estructura de cada landing page sigue principios de Conversion Rate Optimization (CRO) y UX aplicados al sector de psicología en España. Estas son las decisiones de diseño y las razones detrás de cada sección.

1

Hero con CTA de primera llamada gratuita

El visitante tiene 3 segundos para decidir si se queda. El hero muestra la propuesta de valor de Irene y un CTA claro: "Primera llamada gratuita de 15 min". Las webs de psicología que ofrecen una primera toma de contacto sin coste convierten un 20-30% más que las que piden cita directamente, porque reducen la fricción del primer paso.

Tendencia 2024-2026: "Lower the first barrier"
2

Barra de confianza con centros

Inmediatamente después del hero, aparecen los nombres de los centros donde Irene ha trabajado: Sanitas Hospitales, Ita salud mental, Centre Pàdua, Abancem y GrowMe. Esto funciona como "social proof institucional" — el visitante asocia a Irene con instituciones que ya conoce y respeta, lo que genera confianza inmediata sin necesidad de testimonios.

Principio: Authority bias + Institutional trust
3

Sección de empatía: "Te suena esto?"

Antes de hablar de Irene, hablamos del visitante. El paciente potencial llega buscando solución a SU problema (ansiedad, pareja, adolescente, tristeza). Si la landing empieza hablando de la profesional, el visitante no se siente identificado. Esta sección "espejo" refleja su dolor y le hace sentir que ha llegado al sitio correcto.

Tendencia CRO: "Mirror the visitor's pain first, then present yourself as the guide"
4

Sobre mí: credenciales escaneables

El visitante ya se ha identificado con el dolor. Ahora quiere saber si la profesional es de fiar. Mostramos: Col. 32306, Máster PGS por UAO CEU, experiencia en centros reconocidos, y estadísticas reales (4+ años, 4 centros, 6+ instituciones). Los datos son verificables y específicos, no genéricos.

Principio: Credibility through specificity
5

Servicios con CTA intermedio

Tres tarjetas claras (Individual, Pareja, Familiar) para que el visitante localice rápidamente su necesidad. Después de esta sección, un CTA intermedio recuerda la llamada gratuita. Sin este CTA, el visitante que ya está convencido tendría que seguir haciendo scroll hasta el final de la página para contactar.

Principio: "Don't make the convinced visitor scroll for the CTA"
6

Proceso en 4 pasos

El miedo a lo desconocido es uno de los mayores bloqueadores en salud mental. Mostrar los pasos (Contacto, Evaluación, Terapia, Autonomía) desmitifica el proceso y reduce la ansiedad del visitante sobre "qué va a pasar si contacto". La previsibilidad genera seguridad.

Principio: Reduce uncertainty to reduce friction
7

FAQ: resolver objeciones antes de que las piense

Las preguntas frecuentes atacan directamente las objeciones más comunes: duración, modalidad online, frecuencia, "¿realmente necesito terapia?" y la llamada gratuita. En SEO, las FAQs también ayudan a aparecer como featured snippets en Google para búsquedas como "psicóloga Barcelona primera consulta".

Doble función: Conversion + SEO (featured snippets)
8

CTA final + WhatsApp flotante

Para los visitantes que llegan hasta abajo, un CTA final con doble opción (WhatsApp + llamar). El botón flotante de WhatsApp está siempre visible durante el scroll, actúa como red de seguridad — en cualquier momento que el visitante se decida, el botón está ahí.

Principio: Omnipresent CTA without being invasive

Decisiones de eliminación

  • Testimonios ficticios eliminados — son un problema ético grave en sanidad y destruyen la credibilidad si un paciente los detecta como falsos
  • Promesas de resultados eliminadas — la ética sanitaria en España prohíbe prometer curas o resultados concretos

SEO y datos estructurados

  • Title optimizado para "Psicóloga en Barcelona" (keyword principal) + nombre propio
  • Schema JSON-LD MedicalBusiness para resultados enriquecidos en Google
  • Open Graph + Twitter Cards para previews al compartir en redes
  • Canonical y meta description con "primera llamada gratuita"
  • Links de aviso legal, privacidad y cookies en footer (obligatorio LSSI + RGPD)
Ver diseño completo →
Versión 01

Orgánica & Sage

Tonos verde salvia con crema. Elegante, orgánica y transmite calma profesional. La versión original.

Cormorant Garamond Gradientes suaves Glassmorphism
Ver diseño completo →
Versión 02

Minimalista & Zen

Blanco y negro con acentos verdes. Ultra limpio, mucho espacio, diseño tipo estudio de arquitectura.

DM Serif Display Split layout Marquee
Ver diseño completo →
Versión 03

Cálida & Terracota

Paleta de tonos tierra con terracota. Cálida, acogedora, con imagen en arco. Transmite confianza.

Playfair Display Arched photo Rounded cards
Ver diseño completo →
Versión 04

Nórdica & Soft

Rosa empolvado con marfil. Suave, femenina y serena. Foto en arco con tarjetas flotantes y badges.

Instrument Serif Soft pink Rounded cards
Ver diseño completo →
Versión 05

Editorial & Magazine

Layout asimétrico tipo revista. Tipografía editorial bold con numerales romanos. Sofisticado y artístico.

Libre Baskerville Asymmetric Editorial layout