Voltar para o portfólio
Saúde & Estética

Lúmina Estética Avançada

Site da clínica com UI/UX e tema WordPress desenvolvido sob medida

Meu papel
Designer UX/UI · Programador Full Stack
Lúmina Estética AvançadaLúmina Estética Avançada
01

Contexto

A Lúmina é uma clínica de estética avançada e bem-estar em Belo Horizonte, que une conhecimento médico, tecnologia e atendimento personalizado. Conduzi o projeto de ponta a ponta: da concepção da interface e da experiência do usuário ao desenvolvimento do site em WordPress, com um tema próprio.

Cliente
Lúmina Estética Avançada
Categoria
Saúde & Estética
Papéis
Designer UX/UI, Programador Full Stack
Tecnologia
WordPress
02

Problema

No mercado de estética, a decisão de agendar depende de três dúvidas: "funciona?", "é para mim?" e "posso confiar?". Sites genéricos de clínica respondem com catálogo de procedimentos e fotos de banco de imagem. A paciente sai sem ver resultado real nem entender como seria o atendimento.

03

Objetivo

Criar um site que respondesse às três dúvidas na ordem em que elas aparecem, com estética à altura da clínica (sofisticada, natural e acolhedora), e que levasse ao agendamento da avaliação sem esforço, em qualquer ponto da página.

04

Processo

Hero com promessa e tom: "Beleza real em todas as suas fases.", com um único botão ("Agendar minha avaliação") e, logo abaixo, quatro diferenciais em ícones de traço fino: resultados naturais, tecnologia avançada, atendimento personalizado e equipe especializada.

"Funciona?": a primeira dobra depois do hero é "Resultados reais", com um carrossel de antes e depois lado a lado. A prova vem antes de qualquer explicação de procedimento.

"É para mim?": as seis especialidades (Harmonização Facial, Tratamentos de Pele, Rejuvenescimento, Tratamentos Corporais, Emagrecimento Saudável e Saúde e Bem-estar) aparecem em cards com foto, resumo em linguagem simples e acesso à página de cada tratamento.

"Posso confiar?": a dobra "Sobre a clínica" apresenta a responsável técnica e os compromissos do atendimento (protocolos seguros, ambiente acolhedor, acompanhamento em todas as etapas). Em seguida, "Do diagnóstico ao resultado" explica a jornada em quatro passos (avaliação, planejamento, tratamento e acompanhamento), e os depoimentos de pacientes fecham a prova.

Desenvolvimento full stack: desenvolvi um tema WordPress sob medida, responsivo e fiel ao layout. Tratamentos, resultados, depoimentos e posts do blog são cadastrados pelo painel, então a clínica atualiza o site sozinha. O botão de agendamento fica fixo no menu, a dobra final "Agende sua avaliação" reforça o convite e os contatos da clínica ficam no rodapé. Ser a mesma pessoa no design e no código manteve o acabamento da interface na versão publicada.

05

O site, dobra a dobra

Promessa, prova, tratamentos, confiança e convite, nessa ordem.

  1. 01 / 07

    O topo

    "Beleza real em todas as suas fases", com um único botão para agendar a avaliação e quatro diferenciais em ícones de traço fino logo abaixo.

  2. 02 / 07

    Funciona?

    A primeira dobra depois do topo já é o antes e depois, num carrossel lado a lado. A prova vem antes de qualquer explicação de procedimento.

  3. 03 / 07

    É para mim?

    As seis especialidades em cards com foto e resumo simples, para a paciente reconhecer o próprio objetivo e seguir para o tratamento certo.

  4. 04 / 07

    Posso confiar?

    A responsável técnica em destaque e os compromissos do atendimento (protocolos seguros, ambiente acolhedor, acompanhamento em todas as etapas).

  5. 05 / 07

    Como é o atendimento

    "Do diagnóstico ao resultado": a jornada em quatro passos (avaliação, planejamento, tratamento e acompanhamento), sem surpresas.

  6. 06 / 07

    Quem já passou por lá

    Depoimento de paciente com foto e nome, reforçando a confiança logo antes do convite.

  7. 07 / 07

    O convite

    "Agende sua avaliação" numa dobra escura e acolhedora, com o ambiente da clínica ao fundo, e os contatos no rodapé.

Sistema Visual

Nude, creme e marrom para uma estética que fala de pele, naturalidade e cuidado. A tipografia serifada nos títulos traz sofisticação, e o marrom fica reservado para botões e para a dobra de agendamento, onde a decisão acontece.

Paleta

Café

#2E1506

Títulos e textos principais

Caramelo

#946F49

Botões principais, como "Agendar minha avaliação"

Chocolate

#463728

Dobra "Agende sua avaliação"

Nude

#EDD6B9

Botão sobre fundo escuro

Creme

#F8F6F3

Fundo das dobras e cards

06

Aprendizado

Em estética, o site precisa responder às dúvidas da paciente na ordem em que ela as tem: primeiro o resultado, depois o tratamento, por fim a confiança na equipe. Com essa ordem, o convite para a avaliação parece o próximo passo natural, e não uma venda.