Lúmina Estética Avançada
Sitio de la clínica con UI/UX y tema WordPress a medida
- Mi rol
- Diseñador UX/UI · Programador Full Stack
Lúmina Estética AvançadaContexto
Lúmina es una clínica de estética avanzada y bienestar en Belo Horizonte que une conocimiento médico, tecnología y atención personalizada. Conduje el proyecto de punta a punta: de la concepción de la interfaz y la experiencia de usuario al desarrollo del sitio en WordPress, con un tema propio.
Problema
En el mercado de la estética, la decisión de agendar depende de tres dudas: "¿funciona?", "¿es para mí?" y "¿puedo confiar?". Los sitios genéricos de clínicas responden con un catálogo de procedimientos y fotos de banco de imágenes. La paciente se va sin ver resultados reales ni entender cómo sería la atención.
Objetivo
Crear un sitio que respondiera a las tres dudas en el orden en que aparecen, con una estética a la altura de la clínica (sofisticada, natural y acogedora), y que llevara a agendar la evaluación sin esfuerzo, desde cualquier punto de la página.
Proceso
Hero con promesa y tono: "Belleza real en todas tus etapas.", con un único botón ("Agendar mi evaluación") y, justo debajo, cuatro diferenciales en íconos de trazo fino: resultados naturales, tecnología avanzada, atención personalizada y equipo especializado.
"¿Funciona?": la primera sección después del hero es "Resultados reales", con un carrusel de antes y después lado a lado. La prueba llega antes de cualquier explicación de procedimientos.
"¿Es para mí?": las seis especialidades (Armonización Facial, Tratamientos de Piel, Rejuvenecimiento, Tratamientos Corporales, Adelgazamiento Saludable y Salud y Bienestar) aparecen en tarjetas con foto, resumen en lenguaje simple y acceso a la página de cada tratamiento.
"¿Puedo confiar?": la sección "Sobre la clínica" presenta a la responsable técnica y los compromisos de la atención (protocolos seguros, ambiente acogedor, acompañamiento en todas las etapas). A continuación, "Del diagnóstico al resultado" explica el recorrido en cuatro pasos (evaluación, planificación, tratamiento y seguimiento), y los testimonios de pacientes cierran la prueba.
Desarrollo full stack: desarrollé un tema de WordPress a medida, responsive y fiel al diseño. Tratamientos, resultados, testimonios y posts del blog se cargan desde el panel, así la clínica actualiza el sitio por su cuenta. El botón de agenda queda fijo en el menú, la sección final "Agenda tu evaluación" refuerza la invitación y los contactos de la clínica están en el pie de página. Ser la misma persona en el diseño y en el código mantuvo la terminación de la interfaz en la versión publicada.
El sitio, sección por sección
Promesa, prueba, tratamientos, confianza e invitación, en ese orden.
- 01 / 07
El encabezado
"Belleza real en todas tus etapas", con un único botón para agendar la evaluación y cuatro diferenciales en íconos de trazo fino justo debajo.
- 02 / 07
¿Funciona?
La primera sección después del encabezado ya es el antes y después, en un carrusel lado a lado. La prueba llega antes de cualquier explicación de procedimientos.
- 03 / 07
¿Es para mí?
Las seis especialidades en tarjetas con foto y un resumen simple, para que la paciente reconozca su propio objetivo y siga hacia el tratamiento correcto.
- 04 / 07
¿Puedo confiar?
La responsable técnica destacada y los compromisos de la atención (protocolos seguros, ambiente acogedor, acompañamiento en todas las etapas).
- 05 / 07
Cómo es la atención
"Del diagnóstico al resultado": el recorrido en cuatro pasos (evaluación, planificación, tratamiento y seguimiento), sin sorpresas.
- 06 / 07
Quien ya pasó por ahí
Testimonio de una paciente con foto y nombre, que refuerza la confianza justo antes de la invitación.
- 07 / 07
La invitación
"Agenda tu evaluación" en una sección oscura y acogedora, con el ambiente de la clínica de fondo, y los contactos en el pie de página.
Sistema Visual
Nude, crema y marrón para una estética que habla de piel, naturalidad y cuidado. La tipografía serif en los títulos aporta sofisticación, y el marrón queda reservado para los botones y la sección de agenda, donde ocurre la decisión.
Paleta
Café
#2E1506
Títulos y textos principales
Caramelo
#946F49
Botones principales, como "Agendar mi evaluación"
Chocolate
#463728
Sección "Agenda tu evaluación"
Nude
#EDD6B9
Botón sobre fondo oscuro
Crema
#F8F6F3
Fondo de las secciones y tarjetas
Aprendizaje
En estética, el sitio tiene que responder a las dudas de la paciente en el orden en que las tiene: primero el resultado, después el tratamiento y por último la confianza en el equipo. Con ese orden, la invitación a la evaluación parece el siguiente paso natural, y no una venta.
Otros proyectos para conocer.
LegalAlmeida & Costa Advocacia
Sitio institucional con UI/UX y tema WordPress en PHP desarrollado desde cero
Ver proyecto
Tecnología e IATivic
Sitio institucional de una empresa de software con IA
Ver proyecto
FintechEmpresta Bem Melhor: Novo Site
Nuevo sitio institucional de la fintech, con UI/UX y desarrollo en WordPress
Ver proyecto