Rubén RomeroDiseñador UX/UI y Frontend
Todo el trabajo

Web Médica & Captación: UX/UI para Reserva de Citas

La primera web de un cirujano de mano, muñeca y codo en Madrid, pensada para convertir visitas en reservas: autoridad médica, SEO desde la base y un camino directo a la cita desde cualquier página. Diseño UX/UI y desarrollo frontend.

Home de la web del Dr. Alfonso Prada en escritorio y en móvil: fondo azul claro, retrato del doctor con bata y logotipos de hospitales y sociedades médicas.
Cliente
Dr. Alfonso Prada Cañizares
Rol
Diseño UX/UI, Desarrollo frontend
Año
2025
Equipo
Deseo Lab
Herramientas
Figma, WordPress

Contexto

El Dr. Alfonso Prada Cañizares es cirujano ortopédico y traumatólogo en Madrid, especializado en mano, muñeca y codo, con un enfoque particular en la cirugía mínimamente invasiva.

No tenía web propia: su presencia digital dependía de canales externos y del boca a boca. Diseñé y desarrollé la web desde cero en Deseo Lab, con un único objetivo: convertir visitas en reservas.

Reto

Quien busca en Google un cirujano de mano no encontraba información fiable sobre su trabajo ni un canal propio para pedir cita. Y antes de reservar con un cirujano, un paciente necesita confianza: entender qué le pasa, saber que el especialista trata exactamente eso y ver su trayectoria.

La web tenía que generar esa confianza, atraer tráfico orgánico sin depender de publicidad y no dejar nunca al paciente sin saber cómo pedir cita.

Proceso

Partimos de unas ideas iniciales todavía poco definidas y les dimos forma juntos: qué contar, en qué orden y cómo debía sentirse una web médica cercana pero rigurosa.

El sistema visual es limpio y tranquilo: azules claros, un azul marino para las acciones, tipografía sin serifa y fotografía real del doctor y de su trabajo. La arquitectura se organizó alrededor de lo que el paciente busca: especialidades y tratamientos, actividad científica, un blog divulgativo y un bloque de cita presente en todas las páginas.

Home en escritorio: presentación del doctor con retrato, logotipos de hospitales y sociedades médicas, rejilla de seis especialidades y últimas noticias del blog.
La home: presentación, credenciales, especialidades y últimas noticias.

Solución

  • Autoridad y confianza médica. La home presenta al doctor con su retrato y, justo debajo, los logotipos de los hospitales y sociedades con los que trabaja. «Actividad científica» reúne reconocimientos, formación internacional y docencia.
  • Patologías explicadas por zona del cuerpo. Especialidades y tratamientos se ordenan en mano y muñeca, codo y hombro, microcirugía y cirugía artroscópica, con nombres que el paciente reconoce.
  • SEO desde la base. Arquitectura y contenidos pensados para las búsquedas de pacientes que buscan este especialista, y un blog divulgativo que responde a sus dudas.
  • Camino claro a la reserva. Cada página termina en «Pide tu cita o consulta», con dos opciones: videollamada urgente o cita presencial en uno de los dos hospitales, además de un formulario. En la cabecera, «Concertar cita» siempre está a mano.
Página de especialidades y tratamientos: bloques alternos de foto y lista de patologías de mano y muñeca, codo y hombro, microcirugía y cirugía artroscópica.
Especialidades y tratamientos, ordenados por zona del cuerpo.
Página de actividad científica: tarjetas con un diploma de la Sociedad Española de Cirugía de la Mano, el doctor en consulta, un equipo quirúrgico internacional y la entrega de un reconocimiento europeo.
Actividad científica: la trayectoria como prueba de confianza.
Bloque de cita: titular «Pide tu cita o consulta» y una tarjeta con pestañas de videollamada urgente y cita presencial, enlaces a dos hospitales y formulario de contacto.
El bloque de cita, presente en todas las páginas. Datos de contacto difuminados.

Versión móvil

En móvil la reserva sigue a un toque: una barra fija con «Haz tu consulta» acompaña todo el recorrido, el menú se abre a pantalla completa con «Concertar cita» destacado y las especialidades, el blog y la actividad científica se apilan en tarjetas fáciles de recorrer.

Tres pantallas móviles: home con botón fijo de consulta, menú a pantalla completa y lista de patologías de mano y muñeca.
Home, menú y especialidades en móvil.
Tres pantallas móviles: listado del blog, artículo sobre el síndrome del túnel carpiano y tarjetas de actividad científica.
Blog, artículo y actividad científica en móvil.

Resultado

La web está en producción y el doctor ya recibe sus primeras reservas online. En su primer año, según Google Analytics (1 de enero – 6 de julio de 2026), convierte el 1,63 % de las visitas y más de la mitad del tráfico llega por búsqueda orgánica.

Tasa de conversión
1,63 %
Tráfico que llega por SEO
52,8 %

«La web me quedó genial, muy contento con el resultado. Lo que más valoro es que Deseo Lab desde el principio me orientó bien, porque yo llegué con las ideas bastante verdes y ellos supieron darles forma. Se nota que saben lo que hacen, pero además es muy fácil trabajar con ellos sin rollos, directo y siempre dispuesto. El resultado final superó lo que esperaba, así que sin duda lo recomendaría.»

Dr. Alfonso Prada Cañizares, cirugía de mano, miembro superior y microcirugía en Madrid