Necesidad
La clínica reúne especialidades, servicios, método, profesionales y espacio. El reto era explicar esa amplitud con una voz común y permitir que cada necesidad encontrase una entrada clara.
ClínicaRilema
Una web sanitaria serena que organiza fisioterapia y podología como una oferta común, sin mezclar especialidades ni saturar al visitante.
portfolio.local/demos/clinica-rilema
- Oferta multiespecialidad
- Sistema de tarjetas
- Proceso comprensible
- Movimiento sereno
- Sector
- Fisioterapia y podología
- Contribución
- Estrategia de contenido · UX/UI · Front-end
01
El reto comercial
Una oferta clínica amplia no necesita parecer complicada.
Objetivo
Construir confianza desde la primera pantalla, separar cuatro áreas de servicio y conectar cada una con un proceso sencillo y vías de contacto visibles.
Respuesta diseñada
Organicé la oferta, diseñé el sistema visual sanitario, las tarjetas de servicio y el recorrido de confianza, y desarrollé el responsive y el movimiento progresivo.
Construido con
HTML5CSS3JavaScriptLenisIntersectionObserverResponsive UI
Validado con
Playwright QA1440 / 390 px
02
Evidencia de interfaz
La solución en pantalla
01
Dos especialidades, una sola jerarquía
El sistema agrupa fisioterapia, recuperación funcional, podología y soportes plantares con el mismo patrón visual y distinto foco de contenido.
- Escaneo rápido por servicio
- CTA contextual
- Sistema ampliable
02
Formas orgánicas para ordenar, no decorar
Color, recortes suaves y contraste tipográfico conducen por las tarjetas y sostienen una identidad sanitaria tranquila.
- Verde y blanco con contraste estable
- Sans y serif con funciones distintas
- Apilado móvil sin perder imagen
03
Recorrido comercial
De la especialidad adecuada a una decisión informada.
- 01
Orientar
La portada resume especialidades y propuesta.
- 02
Elegir
Cuatro tarjetas separan necesidades frecuentes.
- 03
Confiar
Método, profesionales y espacio aportan contexto.
- 04
Actuar
Teléfono, ubicación e Instagram cierran el recorrido.
Capacidades demostradas
Un sistema visual capaz de hacer convivir servicios distintos.
La ficha demuestra estrategia de contenido, consistencia de componentes y adaptación móvil para negocios sanitarios con más de una especialidad.
Comentar un proyecto04
Construcción verificable
La ingeniería queda disponible, sin frenar el relato.
Solución
Un sistema común mantiene la identidad y diferencia cada servicio por título, copy y CTA.
Solución
Se distribuye entre tarjetas, proceso en tres pasos y bloques de confianza.
Solución
Los recortes cambian de proporción y el contenido conserva un orden lineal.
Funciones construidas
Interacciones con una función concreta.
- Cabecera fija
- Menú responsive
- Cuatro tarjetas de servicio
- Proceso en tres pasos
- Reveals progresivos
- Teléfono, Maps e Instagram
05
Calidad de implementación
Una clínica legible como conjunto y clara en cada servicio.
Responsive
Tarjetas, imágenes y acciones pasan a una columna sin perder la relación entre especialidad y CTA.
Accesibilidad
Jerarquía semántica, enlaces reconocibles y contenido disponible antes de activar las animaciones.
Rendimiento
Implementación estática sin framework de cliente y JavaScript limitado a navegación y movimiento.
Entregado
- Arquitectura para cuatro servicios
- Sistema visual clínico responsive
- Proceso asistencial en tres pasos
- Recorrido completo hasta contacto
¿Tu oferta también necesita claridad?
Diseñemos una web que ayude a entender, confiar y actuar.
Cuéntame qué vende el negocio, qué contenido existe y dónde se atasca hoy la decisión. Definiremos el alcance antes de presupuestar.
Solicitar presupuesto