Sites e páginas de vendas

Dr. Rafael Lazarotto · Bio

Link da bio no domínio do médico, no lugar do Linktree: um cartão por destino, a consulta dividida por cidade e a identidade do site.

Cliente
Dr. Rafael Lazarotto
Nicho
Ginecologia
Onde
Campina Grande/PB e Pato Branco/PR
um cartão para cada
6 destinos
primeiro conteúdo na tela, no celular
0,4 s

O problema

O link do perfil do Dr. Rafael levava para um Linktree: foto genérica, quatro botões iguais, a marca da plataforma no rodapé e um convite para o visitante criar o próprio. Era o primeiro contato de quem chegava pelo Instagram, e ele não dizia nada sobre o médico.

Trecho da página

O que eu fiz

A página nasceu no domínio dele, em bio.rafalazarotto.com.br, com a identidade do site: o monograma em R atrás do retrato, o vinho e o dourado, e a assinatura com CRM e RQE logo abaixo do nome.

Trecho da página

Cada destino virou um cartão com foto, no lugar do botão de texto. A consulta vem primeiro, dividida pelas duas cidades onde ele atende, cada uma com o próprio WhatsApp. Depois vêm a formação que ele integra, o site, a coluna no G1 e o canal do YouTube.

Trecho da página

A página é um arquivo só, com o CSS dentro e onze imagens em WebP. No celular, que é onde esse clique acontece, o primeiro conteúdo aparece em menos de meio segundo.

Trecho da página

No fim, o retrato sentado e a assinatura fecham a página sem nenhum botão a mais. Quem rolou até ali já escolheu.

Trecho da página
Identidade

A língua visual do projeto.

  • #1A0202
  • #4A0A12
  • #B0121C
  • #E8C872
  • #F3E6D3
Títulos Playfair Display serifada, peso 800, o nome e cada cartão

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

0 1 2 3 4 5 6 7 8 9 & ? !

Corpo DM Sans geométrica, peso 400, rótulos e assinatura

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

0 1 2 3 4 5 6 7 8 9 & ? !

Resultado

Veja o resultado final.

Escolha entre as versões para desktop ou celular. Você pode ver a página arrastando para baixo ou clicando no botão tocar.

Dr. Rafael Lazarotto · Bio — página rolando
O projeto

O que ela tem, e por quê.

  1. Um cartão por destino, com foto

    Cada link é um cartão com a foto do doutor e o que a pessoa vai encontrar, empilhados numa coluna só. O botão de texto igual ao dos outros era o que a página anterior tinha.

  2. A consulta na frente, dividida por cidade

    O primeiro cartão é o agendamento, e dentro dele Campina Grande e Pato Branco têm cada uma o próprio botão de WhatsApp. Quem chega para marcar não precisa descobrir em qual número falar.

  3. Cada botão com o verbo dele

    Marcar consulta, quero saber mais, leia meus artigos, inscrever-se: o rótulo diz o que acontece depois do toque, em vez de repetir o nome do destino.

  4. O monograma do site atrás do retrato

    O R em vinho que abre o site dele abre a bio também, com o mesmo retrato, o mesmo dourado e o CRM e o RQE embaixo do nome. Quem vem do perfil reconhece o médico antes de ler.

  5. Um arquivo, 19 requisições, 0,4 s

    A página é um HTML com o CSS dentro e onze imagens em WebP. Medido no celular: 1 MB transferido e o primeiro conteúdo na tela em 404 ms.

  6. Sem rodapé de plataforma

    A página termina no retrato sentado e na assinatura do doutor. Nenhum convite para criar a sua, nenhuma marca de terceiro.

  7. No computador, a mesma coluna no centro

    A página é feita para o celular, e no desktop ela continua uma coluna estreita centrada, com o retrato desfocado preenchendo o fundo dos dois lados. Não existe versão larga porque não existe clique largo.

Próximo passo

Análise da presença digital

Me manda os seus links. Eu olho a sua presença atual e te digo por onde começar.