Hero Leticia

Website Redesign

VISÃO GERAL

Como designers freelancers de UX/UI, fomos contratados por um médico para melhorar seu site, que apresenta sua experiência, fornece informações aos pacientes e atrai novos contatos. Identificamos oportunidades para aprimorar usabilidade, clareza e confiança.

Criamos um design centrado no usuário, facilitando o acesso a conteúdos relevantes, transmitindo credibilidade e aumentando conversões. Trabalhamos em parceria com o cliente para alinhar o resultado às necessidades do consultório e dos pacientes.

FUNÇÃO

UX/UI Designer

ANO

2023-2024

TEMPO

Leticia Magri
Matthias Karl Schaefle
2 Digital Marketing

ESCOPO DE TRABALHO

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

Background

O cliente é um renomado cirurgião plástico de São Paulo, com 16 anos de experiência, especializado em cirurgias corporais corretivas. Seu site apresenta sua expertise, atrai novos pacientes e oferece informações sobre os serviços.

O problema

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

A avaliação do site revelou navegação confusa, design pouco atrativo e falta de informações importantes apontadas pela pesquisa. Isso dificultava que potenciais pacientes se conectassem aos serviços do médico.

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 entender melhor o que os pacientes realmente precisavam e esperavam, fiz entrevistas com 5 pacientes e analisei as dúvidas mais frequentes.

Junto com a equipe de redes sociais e marketing, usamos stickers de perguntas no Instagram para receber dúvidas de forma mais espontânea e rápida. Depois, organizei essas perguntas em categorias para facilitar a análise.

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

Vamos analisar a interface atual, focando na página inicial, para identificar oportunidades de melhoria na experiência do usuário e no design. Também vamos validar os insights da pesquisa para garantir que o redesign atenda às necessidades dos pacientes.

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

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

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.

WIREFRAMEs

Revelando ideias: wireframes em ação

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

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.

Subpages

FAQ elaborado a partir de
pesquisas com usuários.

Versão mobile

Próximos passos

01

Teste de usabilidade

O próximo passo é realizar testes de usabilidade para refinar o site a partir do feedback dos usuários

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.

03

Otimização de desempenho

Depois da implementação, será essencial monitorar o desempenho para garantir rapidez e uma navegação fluida.

plugins premium WordPress