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çadaContexto
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.
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.
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.
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.
O site, dobra a dobra
Promessa, prova, tratamentos, confiança e convite, nessa ordem.
- 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.
- 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.
- 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.
- 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).
- 05 / 07
Como é o atendimento
"Do diagnóstico ao resultado": a jornada em quatro passos (avaliação, planejamento, tratamento e acompanhamento), sem surpresas.
- 06 / 07
Quem já passou por lá
Depoimento de paciente com foto e nome, reforçando a confiança logo antes do convite.
- 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
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.
Outros projetos para conhecer.
JurídicoAlmeida & Costa Advocacia
Site institucional com UI/UX e tema WordPress em PHP desenvolvido do zero
Ver projeto
Tecnologia & IATivic
Site institucional de uma empresa de software com IA
Ver projeto
FintechEmpresta Bem Melhor: Novo Site
Novo site institucional da fintech, com UI/UX e desenvolvimento em WordPress
Ver projeto