O preçário vira a espinha da página
Deixa de ser tabela enterrada e passa a ser a seção protagonista, em verde profundo, com os valores em monoespaçada e algarismos tabulares para se ler como documento, não como argumento de venda.
Redesign de prospecção
O preçário como argumento, não como tabela escondida.
Numa cidade onde MALO CLINIC, Smile.up, Santa Madalena e Optidente disputam o mesmo paciente, nenhuma delas publica preço. A Pascoal publica o preçário inteiro, e o site tratava isso como uma tabela no fim da página. Verifiquei clínica por clínica antes de escolher esse eixo.
Este é um redesign de prospecção, feito por iniciativa própria a partir de informação pública. Não houve contratação e a clínica não participou do processo. As fotografias são geradas e parte dos números da página publicada é ilustrativa.
Antes e depois
AntesSite atual
DepoisProposta
O que estava quebrado
- A página não tinha um único botão de marcação, em lugar nenhum
- O carrossel tinha 22 slides, todos ainda com o texto de exemplo do template: “Título do Slide / Escreva sua legenda aqui / Botão”
- As âncoras do menu nunca foram renomeadas e denunciavam o template de origem: “Preçário” apontava para #OurCustomers e “Acordos” para #Menu
- O hero era uma fotografia da fachada tirada da rua, com um automóvel estacionado à frente
Decisões de design
Direção de arte de documento público
Papel e tinta, serifa editorial, raio de 2px e separação por linha de 1px em vez de sombra. O oposto do folheto dentário com sorriso de banco de imagens.
Cinco pontos de conversão onde havia zero
Header, hero, fim do preçário, CTA final e menu mobile, todos apontando para o mesmo lugar, com o telefone sempre visível em paralelo.
Usabilidade e acessibilidade, medidas
- Contraste conferido par a par, com três correções aplicadas: o terracota passou de 4,43:1 para 5,05:1 e duas opacidades de texto subiram para acima de 5:1
- Zero alvos de toque abaixo de 44px, depois de corrigir sete links de telefone e e-mail
- Zero overflow horizontal em 390, 768, 1440 e 1920px
- Um único H1, hierarquia de títulos contínua, menu mobile com aria-expanded, bloqueio de scroll e fecho por Escape
Técnica
- Next.js estático, sem script de terceiros
- Tipografia servida do próprio domínio
- Imagens em AVIF e WebP com dimensões declaradas
- Dados estruturados de negócio local só com informação verificada
O que isso resolve
- O visitante consegue marcar consulta sem procurar o telefone no rodapé
- O preço deixa de ser um receio e passa a ser o motivo de ligar
- A clínica para de parecer mais barata do que é boa
Outros trabalhos
SoulFork
Site institucional e de captação, no ar.
Unique Odontologia
O ativo da clínica estava enterrado num bullet.
Idalgo Feres
Duas especialidades, uma página só, nenhuma decisão.
Storyboard automatizado
Do briefing na conversa ao PSD pronto, com duas aprovações minhas.