1. Visão geral do projeto
A Dra. Adriana Angelica de Paula Vieira, cirurgiã-dentista com mais de 25 anos de experiência, entregou a copy completa e solicitou que o layout seguisse as cores da logomarca (degradê roxo-violeta com detalhes em rosa claro). Nosso papel foi organizar as informações, valorizar as imagens fornecidas e conduzir o visitante ao único objetivo da página: agendar uma avaliação.
2. Identidade visual
Elemento | Cor / recurso | Função |
---|---|---|
Fundo hero | Degradê roxo-violeta | Elegância e diferenciação em estética dentária |
Cartões de serviço | Rosa claro (#F9E6F0) + borda roxa fina | Criam contraste suave e mantêm leveza |
Botões CTA | Roxo escuro (#57205C) com texto branco | Destaque imediato – “Agende sua avaliação agora” |
Tipografia | Cinza-grafite & branco | Máxima legibilidade sobre fundos claros e escuros |
Fotos | Retrato profissional, close de sorrisos, atendimentos | Humanizam e geram confiança |
3. Estrutura real da landing page
Ordem | Seção (idêntica ao layout) | Objetivo |
---|---|---|
1 | Hero – nome completo + especialidade + CTA “Agende sua avaliação agora” | Impacto inicial & ação direta |
2 | Serviços em Estética Dentária – 2 cards (Clareamento, Facetas em Resina) | Destacar tratamentos dentários |
3 | Harmonização Orofacial – 2 cards (Preenchimento com Ácido Hialurônico, Bioestimuladores de Colágeno) | Apresentar tratamentos faciais |
4 | Resultados dos pacientes – carrossel triplo: Tratamentos Odontológicos, Harmonização Facial, Atendimentos | Prova social visual |
5 | Localização – bloco “Vieira e Lenk – Soluções em Saúde e Estética” + mapa Google embutido + CTA | Facilitar visita presencial |
6 | Apresentação da profissional – texto institucional completo + foto em pose confiante | Reforçar autoridade e empatia |
7 | Rodapé – direitos autorais, CRO, selos e botão WhatsApp flutuante | Encerrar mantendo contato à vista |
4. Experiência mobile & usabilidade
- Layout mobile first: carrosséis deslizam com swipe e cartões se empilham verticalmente.
- CTAs ≥ 44 px de altura, bem espaçados para toque confortável.
- Tipografia base 16 px e contraste AA garantem leitura sem zoom.
- Botão WhatsApp permanece visível em todo o scroll.
5. Otimização técnica e SEO (sem métricas de resultado)
Fator | Implementação |
---|---|
Velocidade | Imagens WebP + lazy loading; CSS crítico inline |
Semântica | H1 único, H2 para cada seção, listas e alt-text descritivos |
Palavra-chave | “landing page odontologia estética” distribuída em título, meta, primeiro parágrafo e subtítulos (~1 % de densidade) |
Links | Botões de WhatsApp/Agenda com rel="nofollow" ; link interno para outro case odontológico |
6. Considerações finais
Mesmo com copy e fotos previamente definidos, o redesign:
- Organizou serviços dentários e faciais em blocos claros.
- Destacou provas visuais via carrosséis segmentados.
- Manteve consistência de marca ao usar exclusivamente o degradê roxo da logomarca.
- Guiou o visitante por CTAs repetidos até o agendamento, sem distrações.