Volver al portafolio
Salud y Estética

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çadaLúmina Estética Avançada
01

Contexto

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.

Cliente
Lúmina Estética Avançada
Categoría
Salud y Estética
Roles
Diseñador UX/UI, Programador Full Stack
Tecnología
WordPress
02

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.

03

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.

04

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.

05

El sitio, sección por sección

Promesa, prueba, tratamientos, confianza e invitación, en ese orden.

  1. 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.

  2. 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.

  3. 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.

  4. 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).

  5. 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.

  6. 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.

  7. 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

06

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.