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.

Cliente

Cliente

Odontologia Pagnussatti · Porto Alegre, RS

Tipo de projeto

Tipo de projeto

Landing Page · Saúde / Odontologia

Ano

Ano

2026

Meu Papel

Meu Papel

UX/UI Designer · Arquitetura da Informação · UI Design · Framer Development

Ferramentas

Ferramentas

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.

Posso colaborar
com o seu projeto?

Agende uma call comigo

Helena Dias © 2026

Posso colaborar
com o seu projeto?

Agende uma call comigo

Helena Dias © 2026

Posso colaborar com o seu projeto?

Agende uma call comigo

Helena Dias © 2026