Salud · Clínica capilar

Rediseño web a medida para una clínica capilar de referencia

Capilclinic es una clínica especializada en injerto capilar con sedes en Madrid y Barcelona, equipo médico propio y más de 10 años de experiencia. Necesitaban una web a la altura del nivel real de sus clínicas — y que el equipo pudiera mantener por sí mismo.

Cliente Capilclinic
Sector Salud · Injerto capilar
Servicios UX/UI · Dev HTML · Performance
Paciente sonriendo — Capilclinic
capilclinic.es
Home de Capilclinic — Hero con formulario de estudio gratuito

Una web rápida que el equipo puede mantener.

Arquitectura, UX y desarrollo pensados a la vez. Sin CMS sobredimensionado, sin dependencias innecesarias.

capilclinic.es
Capilclinic — Home con propuesta de valor y formulario de estudio gratuito
Contexto del proyecto

Una clínica con producto sólido y una web que no lo reflejaba

Punto de partida
Una web funcional pero genérica, que no transmitía el nivel real de las instalaciones ni del equipo médico.
Reto principal
Crear un sitio que comunicase confianza, profesionalidad y proximidad — orientado a la captación de estudios gratuitos, sin caer en la estética sanitaria fría.
Restricción clave
El equipo de la clínica tenía que poder editar testimonios, doctores y landings sin pedir presupuesto a una agencia para cada cambio.

Capilclinic lleva más de una década operando como referente en injerto capilar en España, con clínicas equipadas a nivel hospitalario y un equipo médico colegiado entre Madrid, Barcelona y Turquía. El reto no era arreglar la web: era llevarla al nivel del negocio real.

El problema

Una web que no estaba a la altura del nivel real

La web anterior cumplía su función — pero no transmitía el nivel real de Capilclinic. La estructura era poco editorial, la jerarquía no guiaba al usuario y la captación de estudios gratuitos no era el eje del sitio.

Además, cualquier cambio mínimo dependía de un proveedor externo. Añadir un testimonio o publicar una landing de campaña suponía días de espera.

Señales de fricción detectadas
Estructura poco editorial Mucha información plana, sin recorrido ni jerarquía narrativa. El usuario no encontraba el hilo.
Web no orientada a captación El estudio gratuito no era el eje del sitio. El usuario no avanzaba de forma natural hacia él.
Equipo sin autonomía Cada cambio editorial — testimonios, doctores, campañas — requería intervención técnica externa.
Falta de diferencial visual Mensajes correctos pero genéricos. Difícil destacar frente a otras clínicas del sector.
Cómo lo abordamos

Tres frentes, un único equipo trabajando a la vez

Diseñamos la arquitectura, la UX y el código pensando en cómo encajarían entre sí — no como tres entregables separados.

01

Arquitectura digital orientada a captación

  • Recorrido único: hero → método → equipo → testimonios → CTA
  • Formulario de estudio gratuito visible desde el primer scroll
  • Páginas de doctores con colegiación visible para reforzar confianza
  • Antes/después y testimonios como prueba social estructurada
02

Diseño UX/UI editorial

  • Jerarquía visual clara aplicada a toda la home
  • Sistema de cards para testimonios, doctores y resultados
  • Tipografía editorial para titulares + UI limpia
  • Verde mint como ancla visual coherente
03

HTML gestionable por el equipo

  • Componentes editables sin CMS pesado
  • Bloques de testimonios, doctores y antes/después en JSON
  • Documentación interna para el equipo de marketing
  • Carga rápida y SEO técnico controlado al milímetro
El método explicado

Comunicar el método como protagonista, no como ficha técnica

El Min Time FUE™ es el diferencial real de Capilclinic. Lo sacamos del pie de página y lo convertimos en sección hero del relato.

capilclinic.es/el-metodo
Sección de beneficios del método Min Time FUE™ con comparativa antes/después

Las instalaciones, los doctores y los resultados al frente.

Tres activos reales que la web anterior escondía. Ahora vertebran la home.

Activos al frente

Instalaciones, equipo médico y resultados

Cada sección refuerza un eje distinto de la propuesta de valor.

capilclinic.es/instalaciones
Sección de instalaciones de Capilclinic en Madrid y Barcelona
capilclinic.es/equipo-medico
Equipo médico de Capilclinic — doctores Barcelona y Madrid con colegiación
capilclinic.es/resultados
Resultados antes y después de pacientes reales de Capilclinic
Mobile-first

Una experiencia mobile pensada para reservar desde el móvil

El 70% del tráfico de Capilclinic llega desde el teléfono. La navegación, los formularios y los testimonios se rediseñaron para esa realidad.

Home mobile Capilclinic con formulario de estudio
El método en mobile
Acordeón de beneficios del método capilar
Sección de instalaciones en mobile
Equipo médico en mobile con doctores Madrid y Barcelona
Resultados antes y después en mobile
Cards de testimonios reales con métricas de folículos
Detalle de un testimonio con vídeo
Sección de prensa con medios destacados
Formulario de estudio gratuito en mobile
Home mobile Capilclinic con formulario de estudio
El método en mobile
Acordeón de beneficios del método capilar
Sección de instalaciones en mobile
Equipo médico en mobile con doctores Madrid y Barcelona
Resultados antes y después en mobile
Cards de testimonios reales con métricas de folículos
Detalle de un testimonio con vídeo
Sección de prensa con medios destacados
Formulario de estudio gratuito en mobile
Prueba social

Testimonios reales como pieza central de la home

Pacientes con nombre, fecha de intervención, folículos transplantados y vídeo. Cero stock, cero genérico.

capilclinic.es/testimonios
Sección de testimonios con cards visuales — pacientes reales con fecha, folículos y vídeo
Impacto del rediseño

Una web al nivel del negocio y un equipo más autónomo

Web editorial y coherente

Experiencia visual sólida, con jerarquía clara aplicable a home, landings y campañas.

Carga rápida y SEO técnico controlado

HTML ligero, sin CMS pesado. Performance, Core Web Vitals y arquitectura técnica diseñadas a medida.

Equipo autónomo en edición

Componentes y bloques editables (testimonios, doctores, antes/después) sin pasar por agencia para cada cambio.

Captación al frente

Estudio gratuito visible desde el primer scroll y formulario integrado en cada punto crítico del recorrido.

“
Capilclinic tenía producto, tenía equipo y tenía clínicas reales. Lo que le faltaba era una web que jugara en su misma liga — y un sistema que el equipo pudiera mantener sin depender de nadie.

Trabajamos UX, arquitectura y código a la vez, con un único equipo. Esa es la diferencia entre un rediseño cosmético y un proyecto que de verdad cambia cómo opera el negocio.

Jordi Expósito
Jordi Expósito
Digital Project Lead · Tres Puntos
Servicios aplicados

Lo que pusimos en marcha en este proyecto

Diseño UX/UI

Arquitectura digital, jerarquía editorial y diseño de interfaces orientadas a captación.

Ver servicio

Desarrollo web a medida

HTML/CSS/JS limpio, gestionable por el equipo del cliente y orientado a performance.

Ver servicio

Consultoría digital

Estrategia y decisiones técnicas alineadas con el negocio.

Ver servicio
Preguntas frecuentes

Sobre el proyecto de Capilclinic

Un rediseño integral de la web de Capilclinic, construido en HTML para que el equipo del cliente pueda mantenerlo sin depender de un CMS pesado.
Capilclinic necesitaba performance, control absoluto del SEO técnico y autonomía del equipo para editar landings y testimonios. Un HTML bien estructurado con componentes reutilizables resolvía mejor el problema que un CMS sobredimensionado.
Arquitectura de información, UX/UI, desarrollo HTML/CSS/JS y un sistema de plantillas editables por el equipo de la clínica.
Una web a la altura del nivel real de las clínicas, más rápida y orientada a la captación de estudios gratuitos, y autonomía editorial del equipo sin pasar por agencia para cada cambio.
Caso relacionado
Diferent Idea →
Siguiente paso

Hablamos sobre tu proyecto

Cuéntanos en qué punto estás. Te respondemos en menos de 24 horas con una primera lectura honesta — sin compromiso.

Primera lectura honesta del proyecto
Equipo senior desde el día 1
Sin compromiso ni promesas vacías
Inicia el proyecto
En menos de 48h laborables tendrás una primera respuesta personalizada.
¿En qué te podemos ayudar?
¿Prefieres hablarlo? Chatea con Jordan, nuestro asistente IA, y resolvemos al momento.