Alfabeta de ruido a signo

El encargo: que el centro se encontrara igual de bien que se trabaja dentro

Alfabeta es un centro de psicología, neuropsicología y psicoterapia en Vía Augusta, Barcelona: siete profesionales colegiados, más de diez años acompañando a familias y un 5,0 en Google. Lo que no tenía era una presencia digital a esa altura — sin sistema, sin posicionamiento, dependiendo del boca a boca. El encargo era de captación, pero en salud mental la captación tiene reglas propias: nadie busca psicólogo por curiosidad.

De dónde llegan los pacientes

La captación de Alfabeta no sale de un anuncio: sale de tener una página para cada pregunta que se hace una familia. Cada área está posicionada por especialidad y por barrio; cada duda que se repite en consulta — el TDAH que se diagnostica tarde, el adolescente que no quiere ir, el duelo que no se acaba — tiene un artículo escrito desde el centro; y cada una de esas páginas termina en una puerta al equipo. El resultado es el que buscábamos: fuentes de tráfico que no dependen de pagar y un goteo de solicitudes de primera cita que no se ha cortado en todo el año.

Cada página es la respuesta a una búsqueda

Escribe lo que escribiría una madre, un adolescente o un adulto que lleva años sintiéndose por detrás. El índice es el de la web real: sus 35 páginas con contenido, con el título y la descripción tal y como están publicados. No es Google — es qué puerta de Alfabeta contesta a esa pregunta.

Del buscador a la primera sesión

Cuando la web se quedó pequeña

Webflow nos sirvió para sembrar, pero se había convertido en techo: sin código propio no había control fino del movimiento ni del rendimiento, la página en inglés tenía siete H1, el sitemap arrastraba páginas de tienda con título genérico y la analítica se cargaba sin pedir permiso. Así que la sacamos a código propio con una condición que manda sobre cualquier decisión de diseño: la web nueva no puede perder nada de lo que la vieja ya había ganado. Se capturó el sitio vivo entero y se convirtió en un contrato.

De ruido a signo, de mancha a letra

Se llega con ruido — algo pasa y no tiene nombre — y se sale con palabras. Esa es la tesis del sitio, y no está escrita en ningún titular: está en la letra. La tipografía, Fraunces, se compiló desde el original con dos ejes que casi nadie usa porque no vienen en las versiones web habituales, SOFT y WONK. Con ellos, el mismo texto — el mismo nodo, legible e indexable desde el primer milisegundo — puede estar blando y torcido o firme y preciso. El material visual sale del mismo sitio: de lo que se produce dentro de la sala.

La jornada: una sola magnitud gobierna el sitio entero

Una página que se ve igual arriba que abajo se repite. La de Alfabeta recorre once pasos, de la portada al cierre, y cada sección solo declara en qué punto está: de ahí salen el fondo, la tinta, el acento, la superficie, el grano, la fuerza del campo de color y hasta los ejes de la letra, que llega blanda y torcida y se asienta según bajas. Ni un color se elige a mano en ninguna hoja de estilos, y ninguno entra si no pasa AAA. Esto es ese sistema, con sus valores reales: recórrelo.

Qué hace cada parte, y por qué está ahí

Capturas reales de la web nueva. Debajo de cada una, la decisión y lo que la sostiene por dentro.

En el móvil, que es donde se busca

Una búsqueda así se hace con el teléfono en la mano. El sistema es el mismo en 390 píxeles: la cabecera se queda con el teléfono y «Pedir cita», el WhatsApp se presenta solo — una vez por sesión, no por página, y en el verde de la marca, no en el de la aplicación — y un artículo se lee sin nada que estorbe.

Las seis decisiones que sostienen el proyecto

Ninguna es un efecto: cada una traduce una necesidad del centro, o de quien lo busca, a una regla que el código cumple.

Cómo se construyó

Dos etapas: un año sembrando, y un cambio de casa con el contrato por delante. Cada fase cerró algo que condicionaba a la siguiente.

Con qué está hecho