Descoberta
iFood
- Localização primeiro: o endereço define a vitrine
- Atalhos circulares por categoria
- Carrossel de lojas com logo
- Preço visível antes do pedido
Dental Card
O app pedia o pagamento antes de mostrar um dentista. Redesenhei a experiência para o paciente escolher primeiro.
- Cliente
- Dental Card
- Meu papel
- UX/UI e product design
- Entregas
- Estratégia, arquitetura, UI e protótipo
- Protótipo
- 26 telas navegáveis
O app pedia o cartão de crédito antes de mostrar um único dentista.
O Dental Card dá acesso a uma rede de clínicas odontológicas. Fiz o UX/UI e o product design do novo app: da estratégia de produto ao protótipo navegável, passando por arquitetura, fluxos e interface.
01O ponto de partida
Um clube de descontos com cara de anúncio.
O app antigo tinha 33 telas e vendia uma assinatura. Antes de redesenhar, li cada uma delas como um paciente leria.
Pagar para ver
Cadastro, escolha de plano e pagamento vinham antes da primeira clínica. A pessoa assinava sem saber quem iria atendê-la.
Promessas que mudavam de tela em tela
Até 70% na abertura, até 60% no cartão, 50% OFF no preço e planos com 30%, 50% e 70%. Quatro percentuais para o mesmo produto.
Prova sem fonte
Nota 4,8, “+30 mil membros” e “economia média de R$ 450 por ano” apareciam sem origem declarada, um risco em publicidade de saúde.
Cores disputando o clique
Roxo, laranja, verde e gradiente competiam pelo mesmo botão. Nenhuma ação era claramente a principal.
Uma home que era um menu
Quatro botões e uma dica de saúde. Nenhuma clínica, nenhum dentista, nenhum próximo passo à vista.
- telas no app antigo
- 33
- percentuais de desconto diferentes
- 4
- planos pagos para escolher
- 3
- dentistas com rosto e nome
- 0
Contagens feitas nas telas do app antigo.
02Diagnóstico
O paciente não queria desconto. Queria segurança para escolher.
Organizei as dúvidas de quem procura um dentista em quatro frentes. Cada tela nova responde a pelo menos uma delas.
Escolher um dentista com confiança
Confiança
- Quem vai me atender?
- A promessa é verdadeira?
Clareza
- Quanto custa?
- Qual é o primeiro passo?
Acesso
- Ver a rede sem pagar
- Cadastro curto
Rotina
- Cartão na recepção
- Acompanhar a solicitação
03Benchmark
O que o iFood e o Wellhub já ensinaram ao público.
Estudei os dois modelos para entender o que adaptar e o que evitar. Do iFood, a descoberta. Do Wellhub, o uso na rede. Dos dois, a lição de não depender de cupom.
Uso na rede
Wellhub
- Gratuito para quem usa, receita vinda do parceiro
- Validação de uso na recepção
- Rede de parceiros como produto
- Cartão digital sempre à mão
O novo app
04A virada
De assinatura de desconto para vitrine de cuidado.
Antes
Pague a assinatura para ver a rede.
Depois
Veja a rede, escolha e solicite. A clínica confirma.
Mostrar antes de pedir
A rede aparece na primeira tela. O app não pede pagamento para mostrar clínicas e dentistas.
Escolher como se escolhe comida
Três portas de entrada: pelo procedimento, pela clínica ou pelo dentista, cada uma com foto.
Um primeiro passo claro
Todo novo membro começa pela avaliação. Ela libera os procedimentos do plano de tratamento.
Solicitar, não prometer
A pessoa solicita o horário e a clínica confirma pelo app. Nada de agenda garantida que não existe.
05Arquitetura
De um corredor para um centro com cinco portas.
O caminho antigo era uma fila: só depois de pagar a pessoa chegava a uma clínica. O novo parte da Home e chega a qualquer lugar em um toque.
Antes · linear
- Abertura
- Cadastro · 3 etapas
- Plano e pagamento
- Confirmação
- Home: menu de 4 botões
- Buscar serviço
- Clínica
Depois · cinco abas
Dental Card
Home
- Cartão recolhido
- Primeiro passo
- Procedimentos
- Busca única
- Dentistas perto
Buscar
- Localização
- Clínicas perto
- Dentistas
Serviços
- Próximos
- Histórico
Cartão
- Dados do cartão
- Apresentar
- Como usar
Perfil
- Dados
- Notificações
- Ajuda
- Excluir conta
06Fluxo principal
Da curiosidade ao horário confirmado.
Seis telas levam a pessoa de “quero clarear os dentes” até a solicitação. Role para o lado.
01
Home
O primeiro passo já aparece: a avaliação.
02
Procedimento
O que inclui e por que começa pela avaliação.
03
Clínica
Endereço, procedimentos e preços antes de decidir.
04
Dentista
Rosto, especialidade e onde atende.
05
Solicitação
Três etapas. A clínica confirma o horário.
06
Serviços
Acompanhar o que foi solicitado e realizado.
07Antes e depois
Arraste para comparar.
Home. De um menu de botões para uma vitrine: cartão, primeiro passo, procedimentos e dentistas.
08Interface
Componentes que explicam sozinhos.
Um sistema enxuto: uma cor de ação, a tipografia Inter, cantos generosos e áreas de toque de no mínimo 44 px.
Ação
Marca
Sorriso
Texto
Apoio
Superfície
Aa
Inter
Título 28Seção 16Corpo 14Legenda 12
09O protótipo
26 telas, um app navegável.
Login, cadastro, tutorial, busca, clínica, dentista, solicitação, cartão, perfil e exclusão de conta, com estados de erro e de vazio.
10O que muda
O paciente escolhe primeiro.
- A rede na primeira tela. Clínicas e dentistas aparecem antes de qualquer pedido de pagamento.
- Uma regra, explicada sempre igual. Avaliação primeiro, na Home, no procedimento e em Serviços.
- Pessoas no centro da escolha. O dentista tem rosto, nome, especialidade e clínica.
Clínicas, dentistas e preços do protótipo são dados de demonstração.
SITES & EXPERIÊNCIAS DIGITAIS
Estudo de experiência digital
Estudo conceitual de site: narrativa, tipografia e ritmo a serviço da percepção de valor.
o próximo passocomeça aqui.
Responda umas perguntas rápidas, leva poucos minutos, e eu chego na nossa primeira conversa já entendendo o seu projeto.
Começar a conversaou fale direto comigo