Anna Catalán Psicóloga
Web para una psicóloga de Granollers: presenta la consulta y sus terapias, presenciales y online, y pone fácil pedir cita.
- Año
- 2026
- Rol
- Desarrollador Web
- Plataformas
- Web
Visión general
Diseñé y desarrollé la web de Anna Catalán, psicóloga sanitaria con consulta en Granollers y terapia online. El reto era trasladar su forma de trabajar —cercana, tranquila, sin prisas— a una experiencia digital que transmita calma desde el primer segundo.
Construí toda la identidad visual alrededor de la lavanda: una paleta suave de lila y salvia, tipografía caligráfica, ilustraciones y fotografía propia, y una portada en capas con el retrato de Anna que se mueve con suavidad al hacer scroll o mover el ratón. El movimiento acompaña sin robar protagonismo.
Detrás de esa calma hay una web rápida y bien organizada: cada terapia tiene su propia página, pedir cita es un formulario breve y la consulta aparece cuando alguien busca psicóloga en Granollers.
El reto
Que alguien que lo está pasando mal se sienta acogido nada más entrar, entienda en qué puede ayudarle Anna y se anime a pedir una primera cita sin fricciones.
Capturas de pantalla
Desliza para ver más · pulsa para ampliar
Portada: retrato en capas y nombre en caligrafía
Portada en móvil
Sobre mí: presentación y enfoque
Motivos de consulta
Servicios: individual, pareja y juvenil
Servicios en móvil
Página de servicio: terapia individual
Presencial u online, con el mismo cuidado
Formación y trayectoria
Retrato, lavanda y desplegables animados
Pedir cita: formulario de contacto
El formulario, pensado para el móvil
Cómo lo construí
Tres ángulos que cuido en cada proyecto: cómo se ve, cómo funciona y cómo está hecho por dentro.
Diseño
La calma como sistema
Una identidad visual completa —paleta, tipografía, ilustración y fotografía— aplicada con coherencia en cada página. Animaciones suaves: parallax en la portada, subrayados que se dibujan solos y transiciones entre páginas.
- Identidad propia en torno a la lavanda
- Portada en capas con parallax
- Transiciones suaves entre páginas
Calidad
Cuidada en cada detalle
Imágenes optimizadas, carga rápida y una lectura cómoda en cualquier pantalla. Las animaciones se desactivan cuando el sistema pide reducir el movimiento, y el aviso de WhatsApp aparece de forma discreta, una sola vez.
- Adaptada a móvil, tablet y escritorio
- Respeta la preferencia de reducir el movimiento
- Preparada para las búsquedas locales
Arquitectura
Pensada para crecer
Una web estática donde servicios, textos y datos de contacto se definen en un único lugar y alimentan todas las páginas. Añadir una terapia nueva es añadir sus datos: su página y su información para buscadores se generan solas.
- Hecha con Astro, Tailwind CSS y GSAP
- Contenido centralizado y reutilizable
- Componentes compartidos entre páginas
Resultado
Publicada en annacatalanpsicologa.com desde octubre de 2026, con todas sus páginas en producción.
¿Hablamos?
¿Tienes un proyecto en mente?
Si buscas a alguien que cuide el diseño, la calidad y la arquitectura de tu próximo producto, cuéntame qué necesitas.
Escríbeme