Landing Page
Odontologia Pagnussatti
Landing page responsiva desenvolvida em Framer para a Odontologia Pagnussatti, consultório odontológico localizado na zona sul de Porto Alegre. O projeto teve como foco estruturar uma experiência clara e confiável, organizando informações sobre tratamentos, diferenciais e formas de contato de maneira acessível e orientada à conversão. A solução prioriza hierarquia visual, escaneabilidade e consistência estética para apoiar a tomada de decisão do paciente e fortalecer a presença digital da marca.
Odontologia Pagnussatti · Porto Alegre, RS
Landing Page · Saúde / Odontologia
2026
UX/UI Designer · Arquitetura da Informação · UI Design · Framer Development
Figma · Framer · Photoshop · Runway
Desafio
O principal desafio foi transformar serviços odontológicos técnicos em uma narrativa digital simples, compreensível e confiável para diferentes perfis de pacientes.
O consultório precisava comunicar tratamentos e especialidades sem gerar sobrecarga cognitiva, equilibrando estética clínica, clareza informacional e estímulos estratégicos para agendamento.
Além disso, era necessário estruturar a página pensando em:
• credibilidade visual
• leitura rápida em mobile
• navegação previsível
• consistência entre conteúdo e identidade da marca
Objetivos
• Organizar os serviços odontológicos em uma arquitetura clara e orientada à jornada do usuário.
• Reduzir fricção na leitura e facilitar o entendimento dos tratamentos.
• Criar uma landing page responsiva com foco em conversão e confiança.
• Fortalecer o posicionamento profissional da cirurgiã-dentista através de design estratégico.

Processo
Pesquisa e Estruturação
Mapeamento de referências em sites odontológicos e análise de padrões de comunicação em saúde para identificar boas práticas de hierarquia, tom visual e organização de conteúdo. A estrutura foi pensada para guiar o usuário da apresentação do consultório até a decisão de contato, evitando excesso de informações técnicas.
Arquitetura da Informação
A navegação foi organizada em blocos progressivos, priorizando escaneabilidade e leitura em camadas. Serviços foram agrupados por contexto de tratamento, reduzindo esforço cognitivo e facilitando o reconhecimento rápido das opções disponíveis.
Wireframes e Prototipação
Desenvolvimento de wireframes focados em ritmo visual e clareza estrutural. O layout foi iterado priorizando espaçamento, contraste e hierarquia tipográfica para garantir legibilidade em diferentes tamanhos de tela.
UI Design e Responsividade
A interface equilibra estética clínica e proximidade humana, utilizando cores suaves, imagens realistas e composição minimalista. A landing foi construída com abordagem mobile-first no Framer, garantindo adaptação fluida entre dispositivos.
Resultados
A nova landing page apresenta uma navegação mais direta, com leitura rápida e foco nas informações essenciais para decisão do paciente.
A organização visual fortalece a percepção de profissionalismo e reduz a complexidade associada a tratamentos odontológicos, contribuindo para uma experiência mais segura e objetiva.
O projeto também consolidou uma base escalável para futuras expansões do site, mantendo consistência estrutural e visual.
Conclusão
Este projeto reforçou a importância de aplicar princípios de UX estratégico em contextos de saúde, onde clareza, confiança e acessibilidade são fundamentais. A combinação entre arquitetura de informação bem definida e design visual equilibrado resultou em uma landing page funcional, responsiva e alinhada aos objetivos de negócio do consultório.


