Punto de partida
El reto
Zero Clínica está en el Barrio Salamanca de Madrid. Reúne fisioterapia, pilates reformer, entrenamiento funcional, readaptación de lesiones y prehabilitación quirúrgica con un mismo equipo de fisioterapeutas, médicos y readaptadores que deciden juntos.
Su web anterior estaba en Webflow. La nueva tenía que explicar ese modelo sin sonar a la clínica de siempre y resolver algo enredado: cada servicio se reserva de una forma distinta. Las citas individuales van por Doctoralia y las clases en grupo, apuntándose con un formulario.
Y detrás de la web hacía falta orden: que la clínica supiera quién le escribe, por dónde llega y a quién tiene que llamar. Todo con mucho cuidado con la privacidad, porque aquí se habla de salud.
Qué se ha hecho
De la idea a la web, paso a paso
- Conceptualización Entender el modelo de Zero, un solo equipo para todo, y qué necesita sentir alguien con dolor o una lesión.
- Propuesta de diseño Primero la portada y la página de fisioterapia, para fijar el estilo antes de construir.
- Desarrollo Un tema y un plugin a medida, con sus propios bloques, formularios y panel de contactos.
- Lanzamiento La web nueva sustituyó a la de Webflow conservando las direcciones de sus servicios, para no perder lo ganado en Google.
- Mejoras y SEO No se acaba al publicarla: nuevas páginas, artículos, mejoras en el panel y un informe cada mes.
La solución
Cómo lo resolví
Blanco, beige y negro, y una O, la de su logo, que lo ordena todo.
01 · La portada
Reiniciamos tu salud desde Zero
La portada abre con la recepción de la clínica a todo el ancho, una frase con su juego de palabras y dos botones: «Reservar» y «Ver servicios».
Debajo, tres datos que la distinguen: cinco programas con un solo equipo y un solo historial, una valoración individual antes de empezar y fisioterapia guiada por ecografía.
02 · Cinco disciplinas
Una O que ordena los servicios
El isotipo de Zero es una O, y la sección de servicios gira a su alrededor: cinco puntos, uno por disciplina, cada uno con su nombre.
Al pulsar un punto se abre su explicación, con su foto y su enlace. Así se entiende de un vistazo que no son cinco servicios sueltos, sino un mismo equipo.
03 · La O, en el móvil
Se gira con el dedo
En el móvil no cabían los cinco puntos alrededor, así que la O se convierte en una rueda: se gira deslizando el dedo o con las flechas.
El servicio que queda arriba enseña su foto dentro de la O, con su nombre, una frase y su enlace. Es la sección que más ganas da de tocar de toda la web.
04 · Pensado para ti
¿Te reconoces?
Mucha gente no sabe si necesita fisioterapia, pilates o readaptación. Sabe lo que le pasa. Por eso la portada habla de situaciones: haces deporte, te duelen las articulaciones, te van a operar, estás embarazada…
Son ocho tarjetas, y cada una lleva al servicio que le encaja. Te encuentras en una frase y ya sabes por dónde empezar.
05 · Reservar
Un solo botón para todo
Cada servicio se reserva de una forma distinta, pero el paciente no tiene por qué saberlo. Hay un único botón, «Reservar», que pregunta qué quieres y te lleva al sitio correcto.
Las citas individuales van al calendario de Doctoralia, dentro de la propia web. Las clases en grupo, a su formulario, con la clase de prueba. Y si no lo tienes claro, a contacto. La opción de la página en la que estás sale la primera.
06 · Cada servicio
Explicado para pacientes
Cada servicio tiene su página completa: para quién es, los tratamientos, cómo se trabaja, las preguntas frecuentes y el formulario al final, con ese servicio ya elegido.
Los tratamientos se abren de uno en uno, con su foto, y están escritos para pacientes: si sale un término técnico, se explica al momento.
07 · Pilates
Con criterio clínico, no por moda
El pilates de Zero lo dan fisioterapeutas, en grupos de cinco como máximo. Para que se note, la página lo pone en una comparativa, fila a fila: lo que hacen en Zero frente a lo habitual.
Debajo, la clase de prueba gratis está a un botón. La comparativa explica, y el botón invita a probarlo.
08 · El equipo
Las personas detrás de Zero
El equipo va en un carrusel, en blanco y negro y con el mismo fondo. Las fotos llegaron con fondos distintos, así que recorté a cada persona y le puse a todas el mismo color, para que el conjunto se vea cuidado.
Cada profesional tiene su ficha, con su formación, los servicios en los que atiende y su botón para pedir cita.
09 · La clínica
Cómo es por dentro
Para una clínica, las fotos del centro tienen que ser reales. La galería enseña la recepción, la sala de espera y las consultas, y se abre a pantalla completa con flechas para pasar de una a otra.
Quien va por primera vez ya sabe adónde llega.
10 · El formulario
Te llamamos, sin contar tu historial
El formulario pide lo justo: nombre, teléfono, email y qué te interesa, que ya viene marcado según la página. Y avisa de que no hace falta detallar el historial médico: eso se habla en consulta.
No lleva captcha, pero se protege del spam, no guarda la IP y los contactos se borran solos pasados dos años. El aviso que recibe la clínica por email no incluye el mensaje, porque podría contener datos de salud.
11 · Los contactos
Una lista de llamadas, no una bandeja de correo
Todo lo que llega desde la web cae en un panel hecho para la clínica. Cada contacto tiene su estado, sus notas y de dónde vino, y se cambia todo desde la misma lista, sin abrir fichas.
Si alguien no contesta, el panel lleva la cuenta de los intentos, hasta tres, que es su forma de trabajar. También se pueden añadir los contactos que llegan por teléfono o WhatsApp, y exportarlo todo. En la captura, los datos son inventados y, aun así, los nombres, teléfonos, correos y notas van difuminados.
12 · Los informes
Cuándo y por dónde llegan
El panel tiene sus propios informes: por qué canal llega cada contacto (Google, anuncios, redes o asistentes de IA como ChatGPT), qué servicio quiere y qué días y a qué horas escribe más.
El mapa de calor ayuda a decidir cuándo reforzar las llamadas, y el equipo que solo lleva los contactos entra a un escritorio con la marca de Zero que solo enseña esto. Los datos de la captura también son inventados.
13 · Desde el móvil
Llamar, escribir o reservar, con el pulgar
En el móvil aparece una barra abajo con lo que más se usa: llamar, WhatsApp y reservar. Sale al empezar a bajar y se aparta cuando estás rellenando el formulario, para no estorbar.
El botón de reservar abre el mismo selector, adaptado a la pantalla: cada opción, una tarjeta grande y fácil de tocar.
Funcionalidades
Qué tiene la web por dentro
Veinte bloques propios
Cabeceras, tarifas, equipo, galería, preguntas… La clínica edita sus páginas con piezas hechas para su diseño.
Servicios que se colocan solos
Al publicar un servicio aparece en el menú, en la portada, en el listado y en el formulario.
Doctoralia dentro de la web
El calendario de citas se ve en la propia web, sin mandar al paciente a otra página.
Cookies sin trampas
Aceptar, rechazar y elegir al mismo nivel, y nada se carga hasta que decides.
Un acceso solo para contactos
Quien lleva las llamadas entra a un escritorio con la marca de Zero que solo enseña su panel.
Ofertas con interruptor
Una oferta se enciende y se apaga desde el panel, y la web entera se adapta sola.
Páginas para campañas
Páginas de destino para los anuncios, más sencillas y ocultas a Google.
SEO y GEO desde el código
Datos estructurados de clínica, llms.txt para los asistentes de IA y aviso a los buscadores al publicar.
Cada contacto, medido
Llamadas, WhatsApp, reservas y formularios se miden, respetando lo que cada visita elige en las cookies.
Tecnología
Con qué está hecha
Es WordPress con un tema y un plugin hechos a medida, sin constructores visuales. La clínica edita cada página con los bloques de Zero, pensados para que el diseño se mantenga.
Los servicios conservan las direcciones que tenían en Webflow, para no perder lo ya ganado en Google. Y es rápida: con visitas reales, las tres métricas de velocidad de Google están en verde.
No se acaba al publicarla: cada mes reviso cómo la encuentran en Google y en los asistentes de IA y se lo cuento a la clínica en un informe. Las capturas del panel son de una copia de prueba con datos inventados; los contactos reales no salen de su web.
Servicios
Servicios de este proyecto
Esto es lo que hay detrás de la web de Zero, por si te sirve para lo tuyo.
«Lo que necesito no viene hecho»
Desarrollo web a medida
Lo que tu proyecto necesita y ningún plugin resuelve del todo, hecho para ti.
Presupuesto a tu medida
«Quiero que me encuentren en Google»
Posicionamiento SEO y GEO
Para que te encuentren en Google y en los asistentes de IA.
Presupuesto a tu medida
«Busco a alguien en Madrid»
Diseño web en Madrid
Hablas conmigo de principio a fin y, si el proyecto lo pide, nos vemos en persona.
Presupuesto a tu medida
¿Tienes una clínica o un centro y necesitas algo más que una web bonita? Cuéntamelo y te digo cómo lo haría.
