Abien Psicología.

Abien Psicología es la consulta de Álvaro Bueno, psicólogo general sanitario y terapeuta EMDR en Valencia. Ofrece terapia individual presencial y online, terapia de pareja y talleres grupales para adolescentes, jóvenes y adultos que trabajan ansiedad, depresión, autoestima o trauma.

Partía de una web hecha con un constructor genérico, en otro dominio, y de procesos sueltos: las inscripciones a talleres iban a Google Forms, fuera de las herramientas de la consulta, y el formulario de contacto no confirmaba al visitante que su mensaje había llegado. Me encargué del proyecto de punta a punta: producto, diseño, desarrollo, SEO y medición.

Quien llega a la web de un psicólogo suele estar pasando un mal momento, lee desde el móvil y duda si dar el paso. El objetivo no era impresionar, sino convertir esa duda en un primer contacto: que el visitante se sienta entendido antes de escribir.

A eso se sumaban tres requisitos: una web bilingüe (español e inglés), que la consulta pudiera editar equipo, especialidades, talleres y blog sin un desarrollador, y que el cambio de dominio no tirara el posicionamiento que ya tenía la web antigua.

Trabajé con desarrollo guiado por especificaciones: un PRD, decisiones de arquitectura registradas y cada funcionalidad como un cambio especificado antes de escribir código. Antes del código hubo un prototipo navegable con 25 pantallas aprobadas, que después se convirtió en red de seguridad: los tests visuales comparan la web contra ese prototipo para que el diseño no se degrade entre iteraciones.

La arquitectura de información responde a cómo busca alguien que necesita ayuda: por modalidad (terapia presencial, online, talleres) y por lo que le pasa (ansiedad, depresión, autoestima, trauma, TEPT, pareja). Cada especialidad tiene su página, con una historia que la explica en lenguaje llano y un único siguiente paso: pedir la primera cita.

Calma antes que conversión. La portada es un cuadro de Monet de dominio público (Wisteria fundido con los Nenúfares) renderizado en WebGL, que el visitante puede «remover» con el dedo o el puntero. Cada especialidad tiene su propio cuadro vivo: un shader que funde una versión dramática y otra luminosa de la misma pintura. Es el único momento de movimiento de cada página; con movimiento reducido se sirve una versión estática, y el contraste del texto sobre los cuadros se midió píxel a píxel.

Una paleta contenida: el verde azulado del logo sobre un fondo casi blanco, Comfortaa en los titulares (sus trazos redondos hacen eco del logotipo) y Satoshi en el texto. Ni estética clínica ni kitsch de spa: el espacio, la tipografía y los cuadros hacen el trabajo, y la voz habla de tú, sin emojis.

Un siguiente paso claro en cada página: reserva con Doctoralia, WhatsApp o un formulario propio con acuse de recibo, honeypot y límite de envíos por IP. Las inscripciones a talleres pasaron de Google Forms a un flujo nativo, con los datos dentro de la consulta y exportables a CSV.

Privacidad de web de salud: el banner de cookies separa análisis, marketing y contenido integrado y no carga nada que no sea técnico sin consentimiento. GA4 y el píxel de Meta solo miden visitas de página, y descarté Microsoft Clarity porque sus condiciones excluyen los datos de salud.

La web está en producción en abienpsicologia.com, en español e inglés, con las URL de la web antigua redirigidas para no perder posicionamiento, datos estructurados de consulta de psicología y de profesional colegiado, sitemap con hreflang y Search Console verificado.

La consulta edita su contenido desde un panel propio con acceso sin contraseña (un código de seis cifras por correo): los bloques de «Sobre nosotros», las especialidades, los talleres con descarga de inscritos y el blog, todo con pestañas de español e inglés.

En la medición de lanzamiento (Lighthouse móvil, 26 de septiembre de 2026) el build de producción sacó 100 en accesibilidad, buenas prácticas y SEO, y la preview entre 91 y 96 de rendimiento. Esa medición es anterior a la portada WebGL actual: la siguiente dirá cuánto cuesta el cuadro vivo.

En una web de salud mental, la conversión se gana bajando el ritmo: menos estímulos, una voz cercana y un único paso claro por página funcionan mejor que cualquier urgencia comercial.

Un prototipo aprobado vale el doble si se convierte en test. Y los documentos envejecen: el PRD daba por hecho que no había web antigua que redirigir, y fue el estudio SEO previo al lanzamiento el que la encontró a tiempo.