Hero Leticia

Website Redesign

VISÃO GERAL

Fomos contratados para redesenhar o site de um médico com o objetivo de melhorar a clareza das informações, fortalecer a credibilidade profissional e facilitar o contato com novos pacientes.

O projeto focou em reorganizar o conteúdo, aprimorar a usabilidade e criar uma experiência mais confiável e acessível para quem busca informações sobre o profissional e seus serviços.

FUNÇÃO

UX/UI Designer

TIME

Leticia Magri
Matthias Karl Schaefle
2 Digital Marketing

ESCOPO DE TRABALHO

Pesquisa com usuário, wireframes, UI Design, prototipagem.

Background

O cliente é um cirurgião plástico especializado em cirurgias corporais corretivas. O site tem como objetivo apresentar seus serviços, fornecer informações aos pacientes e facilitar o contato para novos agendamentos.

O problema

Navegação confusa, design pouco atrativo e informações incompletas

Esses problemas comprometiam a clareza das informações e a capacidade do site de apoiar a conversão de novos pacientes.

Minha função

Atuei como Product Designer, com foco em UX/UI, participando de pesquisas com usuários e colaborando na criação de interfaces intuitivas.

Destaques

Propusemos uma experiência focada na usabilidade, com conteúdo alinhado aos interesses dos pacientes e design moderno e responsivo, garantindo consistência e navegação fluida.

RESEARCH

Explorando necessidades e perspectivas

Entrevista com o stakeholder

Na entrevista inicial com o cliente, buscamos compreender os objetivos do projeto e obter uma visão mais aprofundada sobre a trajetória do médico.

01

Objetivos primários

Elevar a autoridade profissional, atrair mais pacientes, fidelizar clientes e ampliar a presença online.

02

Destacando inovações médicas

O médico deseja promover sua técnica inovadora como principal diferencial.

03

Cor azul na identidade da marca

Foi destacado que o tom de azul deveria ser mantido, por isso o incorporamos ao novo design.

Entendendo as necessidades dos pacientes

Para compreender as necessidades e expectativas dos pacientes, realizei entrevistas com 5 participantes e analisei as dúvidas mais recorrentes.

Para complementar essa investigação, coletei perguntas enviadas via Instagram em parceria com a equipe de marketing e organizei os dados em categorias, facilitando a identificação de padrões e prioridades.

Seleção de perguntas frequentes no Instagram do médico

Esses métodos geraram insights valiosos, revelando padrões e temas que orientaram os principais achados e estratégias de design.

01

Dúvidas frequentes

Pacientes costumam ter dúvidas comuns sobre questões práticas, como convênios aceitos e formas de pagamento. Tornar essas informações facilmente acessíveis é essencial para melhorar a experiência.

02

Transparência e feedback

Pacientes usam fotos e depoimentos para esclarecer dúvidas e decidir com mais segurança sobre procedimentos de cirurgia plástica.

Observação: Até a entrega do projeto, a exibição de fotos de antes e depois era proibida por lei no Brasil.

03

Pesquisa pré-procedimento

Antes de realizar uma cirurgia plástica, os pacientes costumam ler blogs e publicações online para se informar sobre todo o processo cirúrgico.

AVALIAÇÃO

Pequenas mudanças na UI, grande impacto na UX

Analisei a interface atual para identificar melhorias e validar insights da pesquisa, garantindo um redesign centrado nos pacientes.

Passe o mouse sobre os pontos para ver meus comentários

Vale manter o blog, já que as
entrevistas mostram que os
pacientes usam muito esse
recurso para se informar.

A listagem de cirurgias
poderia ser mais clara e bem
estruturada.

Falta destaque para a
especialização e a técnica do
médico.

Seria útil implementar um
grid, já que o site atual não
tem consistência no layout.

Falta link para a página do
médico, importante para
gerar confiança e mostrar
suas credenciais.

Pouco contraste nas fontes e
inconsistência nos boxes do
blog podem ser melhorados.

Falta o endereço da clínica,
informação que facilita a
localização e aumenta a
credibilidade.

WIREFRAMEs

Revelando ideias: wireframes em ação

Da pesquisa aos ajustes, os wireframes deram forma ao design final.

Arquitetura da informação

Reestruturação da navegação

A arquitetura da informação foi reorganizada para simplificar a navegação e facilitar que os usuários encontrem rapidamente o que procuram.

style guide

Tornando o design mais harmonioso

Criei um guia de estilo estruturado para manter a consistência visual e agilizar o design.

Identidade da marca

O logo reflete a essência do médico e integra o guia de estilo como elemento central da marca.

E já marca presença em itens físicos oferecidos às pacientes.

Cores

o redesign

Do caos à clareza

O redesign transformou navegação confusa em uma experiência fluida e confiável, alinhando estética, informação e usabilidade.

Página inicial

Adicionamos o botão “Saiba
mais” para que os usuários
conheçam melhor o médico e
sua técnica.
Destacamos os
procedimentos mais
populares na página inicial
com fotos para chamar
atenção e facilitar a busca.
Incluímos na página inicial
uma seção sobre a primeira
consulta, refletindo o que os
pacientes apontaram como
prioridade nas entrevistas.

Subpáginas

FAQ elaborado a partir de
pesquisas com usuários.

Versão mobile

Próximos passos

01

Validação com usuários

Realizar testes de usabilidade com pacientes para validar a clareza das informações, a navegação e os fluxos principais antes da etapa de implementação.

02

Recursos futuros

No futuro, novos recursos como a página de antes e depois (quando permitida) poderão mostrar resultados e fortalecer a confiança dos pacientes.