Dr. Otávio Cidelino
Landing de advogado de família para um serviço só, construída a partir de três avatares, entre eles a avó.
- Cliente
- Dr. Otávio Cidelino
- Nicho
- Advocacia de família
- do início à entrega
- 12 dias
- a estrutura da copy
- PAS
O problema
O Dr. Otávio Cidelino é advogado de família e queria uma página para um serviço só, pensão alimentícia. Direito de família tem muita porta de entrada, e uma página que tentasse cobrir divórcio, guarda, inventário e alienação parental ao mesmo tempo não falaria direito com ninguém.

Quem procura advogado de pensão está no meio de uma separação, com medo do custo e com pressa. Não é uma pessoa comparando escritórios com calma: é alguém que abriu o navegador depois de uma conversa ruim. A página tinha que reconhecer esse estado antes de apresentar serviço.

O que eu fiz
Comecei pelo estudo de público, e ele definiu o resto. Saíram três avatares: a Fabiane, professora de escola pública, divorciada, com dois filhos pequenos; o Jurandir, vendedor, em separação, preocupado em manter relação boa com a ex-mulher; e a Dona Rosa, a avó. Incluir a avó foi a decisão que mudou a página, porque quem pesquisa advogado para a família muitas vezes não é quem vai assinar a procuração.

Com esse público, a estrutura de copy escolhida foi PAS, problema, agitação e solução. Pensão alimentícia é dor urgente e específica, então a página nomeia o problema logo na primeira frase, fala do futuro dos filhos, e só depois apresenta o escritório como caminho.

O atendimento entrou em passo a passo numerado. Quem nunca entrou com ação não sabe o que acontece depois que assina, e a maior parte do medo mora nessa ignorância. Descrever a sequência do processo desarma mais que qualquer adjetivo sobre o advogado.

As outras questões de família ficaram numa grade de ícones depois do assunto principal: união estável, casamento, divórcio, inventário, guarda, alienação parental, violência doméstica. Quem chegou por pensão e descobre que precisa de outra coisa acha ali, sem que isso roube espaço do serviço que a página veio vender.

A paleta é azul escuro com laranja apenas nos botões, e a tipografia usa Georgia nos títulos. Serifa em página de advogado carrega tradição sem precisar dizer que carrega, e o azul profundo evita o vermelho de urgência que ficaria mal num assunto que já é dolorido por conta própria.

A língua visual do projeto.
- #121C24
- #1C2C38
- #175680
- #EA5008
- #F8F9FA
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 & ? !
Veja o resultado final.
Você pode ver a página arrastando para baixo ou clicando no botão tocar.
O que ela tem, e por quê.
-
Uma página para um serviço só
Direito de família tem muitas portas. Cobrir todas na mesma página seria não falar direito com ninguém.
-
Os três públicos em caixas escalonadas
Mães, pais e avós, uma caixa branca para cada, deslocadas em escada sobre o fundo. Incluir a avó foi a decisão que mudou a página, porque quem pesquisa advogado para a família muitas vezes não é quem vai assinar a procuração.
-
O mesmo molde de caixa com seta em toda lista
As questões de pensão, os públicos e os serviços usam a mesma caixa branca com a seta laranja à esquerda. Um componente só, repetido, dá unidade a uma página comprida.
-
O passo a passo do processo
Quem nunca entrou com ação não sabe o que vem depois de assinar, e é aí que mora o medo. Descrever a sequência desarma mais que qualquer adjetivo sobre o advogado.
-
As outras questões em grade de ícones
União estável, divórcio, inventário, guarda, alienação parental e violência doméstica ficam numa grade depois do assunto principal. Quem chegou por pensão e descobre que precisa de outra coisa acha ali.
-
O retrato com moldura clara sobre o azul
A foto do advogado entra numa moldura fina que a separa do fundo escuro, ao lado da biografia em primeira pessoa e do nome em serifa grande.
-
Serifa nos títulos
Georgia carrega tradição sem precisar dizer que carrega, e o sobretítulo em espaçamento largo dá o ar de escritório antes de o texto começar.
-
Azul profundo com laranja só na ação
O assunto já chega dolorido, então a cor de urgência ficou de fora e o laranja aparece apenas nos botões e nas setas.
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.