Três médicos sorrindo sobre fundo vinho e rosa; a médica do centro segura um celular com a Home do app Dr. Pronto

Dr. Pronto

App · UX/UI · Site · Blog

Telemedicina por menos de 1 real por dia. Desenhei o app e o site para o cuidado parecer perto, simples e humano.

Cliente
Dr. Pronto · telemedicina
Meu papel
UX/UI design do app e do site
Entregas
App, landing page e blog
Site
10 seções e blog com 6 artigos

Telemedicina não precisa ter cara de hospital. Precisa caber no bolso e na rotina.

O Dr. Pronto oferece clínico geral 24h por vídeo, especialistas e descontos em farmácias por assinatura. Fiz o UX/UI design do app e do site: da Home do aplicativo à landing page, com planos, Plano Família e blog.

01A marca em uso

Vinho para confiança, rosa para calor humano.

O símbolo é um médico de fone, fazendo sinal de positivo: atendimento a distância, sem frieza. A paleta e as ilustrações seguem essa ideia em todas as telas.

Marca Dr. Pronto: médico com fone de atendimento fazendo sinal de positivo
Ilustração de teleconsulta: médico e paciente conversando pelo celular
Teleconsulta
Ilustração do clube de benefícios: compra com desconto no balcão
Clube de benefícios

Vinho

#6D0036 · Marca e ação

Vinho 900

#4A0025 · Texto sobre rosa

Rosa

#FF6099 · Destaques

Rosa texto

#C8306A · Rótulos e links

Fundo

#F8F9FB · Superfícies claras

Tinta

#17171C · Títulos

Aa

Manrope + Poppins

Consulte online.Poppins para texto e interface.Ícones de traço único, cantos generosos, toque mínimo de 44 px.

02O aplicativo

Uma Home com duas portas e um botão no centro.

Quem abre o app quer uma de duas coisas: falar com um médico ou economizar. A Home responde isso sem rolagem.

Home do app Dr. Pronto: saudação, cartões de Teleconsulta e Clube de benefícios e barra com Consulte agora
  1. 01

    Duas portas na Home

    Teleconsulta e Clube de benefícios lado a lado, cada uma com a sua ilustração e uma lista curta do que oferece.

  2. 02

    Consultar fica no centro

    O botão “Consulte agora” ocupa o meio da barra inferior. É a ação mais importante, e fica a um toque de qualquer tela.

  3. 03

    Saudação em vez de painel

    “Olá, Lucas. Vamos cuidar de você hoje?” abre a Home. O tom de conversa tira o peso de falar de saúde.

03O site

Uma landing que explica, mostra preço e leva ao app.

Dez seções contam a história na ordem das dúvidas: o que é, o que inclui, a família, a farmácia, como funciona, o app, o blog, os planos e as perguntas. Um único chamado leva ao teste grátis.

Página inicial completa do site Dr. Pronto no desktop, do topo ao rodapé
O mesmo site no celular, rolando do topo ao rodapé

04Seção a seção

Cada bloco responde uma pergunta.

Abertura A promessa em uma linha: consulte online por menos de 1 real por dia.
Benefícios Bento com fotos e objetos 3D para nutrição, psicologia e especialidades.
Plano Família Um diagrama simples mostra o titular e os dependentes.
Farmácias Desconto no caixa, com as redes parceiras em carrossel.
O aplicativo Vídeo do app, as quatro funções e o download por loja ou QR Code.
Planos Um seletor troca entre “Só para mim” e “Minha família”. Preço sempre mensal.
Blog Conteúdo de saúde com fontes oficiais, busca e categorias.

05No celular

Pensado primeiro para a tela onde a consulta acontece.

O layout responde ao espaço disponível, não ao aparelho. Até 360 px de largura, nada transborda.

Abertura do site no celular
Seção Plano Família no celular
Planos no celular com o seletor de público

06Fotografia

Pessoas reais, luz quente, celular na mão.

Médica sorrindo, apoiada no sofá
Mulher sorri ao celular perto da janela
Mãe e filha juntas em casa
Pai e filha no caixa da farmácia mostrando o app para a farmacêutica
Cérebro 3D rosa com coração, usado em psicologiaTigela 3D de frutas, usada em nutrição

07Decisões de produto

Clareza antes de conversão.

  • Um único chamado. “Testar 30 dias grátis” em todo o site. No celular abre a loja, no computador mostra um QR Code.
  • Preço sem letra miúda. Valores sempre mensais e um seletor entre “Só para mim” e “Minha família”.
  • Nada inventado. Informação de produto ainda não confirmada aparece marcada no site, em vez de um número bonito.

BRANDING & REBRANDING · UX/UI · SITE

Rübyy

Rebranding, app e site da Rübyy desenhados como um só sistema: o hexágono, o coral e o cuidado em cada tela.

Mulher sorri olhando o celular em um escritório

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 conversa

ou fale direto comigo