OLÁ DOUTOR · EXPERIÊNCIA DO PACIENTE
Uma experiência mais clara para quem busca atendimento médico
Redesign completo do website do Olá Doutor, da arquitetura da informação à implementação. O projeto reorganizou os serviços e conteúdos da plataforma para facilitar a navegação e ajudar cada paciente a encontrar o atendimento adequado às suas necessidades.
2026
UI/UX · Product Design
SETOR
Healthcare
PROJETO
Website institucional · Mobile first
FERRAMENTAS
Figma · WordPress · Elementor
// CONTEXTO
Um único produto, diferentes necessidades
O Olá Doutor reúne diferentes serviços de atendimento médico em uma única plataforma. Ao acessar o site, cada paciente pode estar buscando algo diferente: uma consulta imediata, um atendimento agendado ou informações sobre especialidades e funcionamento do serviço. Essa diversidade exigia uma organização capaz de apresentar todas as possibilidades sem tornar a navegação complexa.
// O DESAFIO
Organizar diferentes serviços em uma navegação intuitiva
O principal desafio era reunir serviços, especialidades e conteúdos institucionais em uma estrutura que facilitasse a localização das informações. Era necessário definir prioridades, conectar páginas e orientar o paciente durante a navegação, mantendo uma experiência consistente em diferentes dispositivos.
01
COMUNICAÇÃO
Apresentar os serviços de forma objetiva, sem sobrecarregar o visitante.
02
ORGANIZAÇÃO
Conectar conteúdos e páginas em uma estrutura fácil de navegar.
03
CONSISTÊNCIA
Preservar padrões visuais e funcionais entre páginas e dispositivos.
04
IMPLEMENTAÇÃO
Transformar as interfaces em um website responsivo, desenvolvido em WordPress e Elementor.
// MINHA ABORDAGEM
Da descoberta à construção da solução
O projeto começou com a análise das pesquisas com usuários e a construção de personas, que ajudaram a identificar necessidades e orientar as prioridades do redesign. Com esses insumos, desenvolvi a arquitetura da informação, os wireframes e as interfaces, além de estruturar o design system e implementar o website em WordPress com Elementor.
JORNADA
ARQUITETURA
WIREFRAME
UI
DESIGN SYSTEM
IMPLEMENTAÇÃO
// O QUE DESCOBRI
Necessidades diferentes, decisões diferentes
A pesquisa com usuários revelou diferentes comportamentos e expectativas durante a busca por atendimento médico. A partir desses aprendizados, foram construídas personas que representam necessidades distintas e ajudam a compreender o que cada paciente espera encontrar na plataforma.
LUANA
Rapidez e praticidade
Necessidade: encontrar atendimento rapidamente, sem etapas desnecessárias.
Insight: uma jornada simples e direta reduz barreiras para iniciar o atendimento.
DONA SÔNIA
Acessibilidade e confiança
Necessidade: encontrar atendimento acessível, seguro e fácil de utilizar.
Insight: informações acessíveis e instruções claras ajudam a transmitir confiança.
RAFAEL
Continuidade e rotina digital
Necessidade: acompanhar sua saúde e acessar informações de atendimentos anteriores.
Insight: recursos que facilitam o retorno favorecem a continuidade do cuidado.
Os perfis ajudaram a identificar diferentes expectativas durante a navegação, desde a agilidade para iniciar uma consulta até a segurança necessária para utilizar os serviços de forma recorrente.
// DECISÕES DE UX
Das necessidades dos pacientes às decisões de experiência
01
A estrutura prioriza a leitura vertical, com conteúdos organizados e ações acessíveis para facilitar o uso em dispositivos móveis.
02
Serviços e informações seguem uma hierarquia que facilita a compreensão das opções e a localização do conteúdo desejado.
03
CTAs CONTEXTUAIS
Chamadas para ação são distribuídas conforme o contexto de cada página, facilitando o acesso aos próximos passos.
04
Elementos reutilizáveis estabelecem padrões entre as páginas e simplificam futuras atualizações do website.
// DA ESTRUTURA À INTERFACE
Uma arquitetura que conecta diferentes jornadas
Sitemap
Fluxo principal
WIREFRAMES
Mobile
Desktop
// IMPLEMENTAÇÃO
Do Figma ao WordPress
Além de projetar a experiência, também implementei o website em WordPress com Elementor. Desenvolvi as páginas, configurei os comportamentos responsivos e conduzi os ajustes técnicos necessários para publicar a solução.
FIGMA
EXPERIÊNCIA RESPONSIVA
WORDPRESS
ELEMENTOR
// RESULTADO
Impactos observados após o redesign
A comparação entre as versões do site, apoiada pelos dados de comportamento, permite observar mudanças no desempenho e na navegação após a publicação do redesign.
redução no tempo de carregamento
menos sessões com erro de JavaScript
mais sessões seguindo para as páginas de consulta e preço
menos cliques em pop-ups
+50%
mais sessões com cliques para lojas de apps, WhatsApp e checkout
5x
mais uso do menu “Como funciona”
+58%
mais visitas vindas do Google por dia
Fonte: Microsoft Clarity. Os indicadores de navegação desconsideram o tráfego in-app do Instagram e do Facebook. Site anterior de jun/2025 a jun/2026; Site novo de jun/2026 até nov/2026. Como os períodos têm durações diferentes, os resultados usam taxas e médias por dia.
// APRENDIZADOS
Aprendizados para construir experiências melhores
01
Arquitetura vem antes da interface
Uma estrutura bem definida orienta o desenvolvimento visual e evita que a interface precise compensar problemas de organização.
02
Contextos diferentes pedem soluções específicas.
Compreender as necessidades de cada perfil permite construir caminhos mais adequados aos seus objetivos e expectativas.
03
Design System como parte da solução
Componentes reutilizáveis ajudam a preservar padrões visuais e funcionais, simplificando a evolução do produto em diferentes páginas e dispositivos.
