Notebook sobre a mesa de mármore escuro de uma sala de reunião de empresa familiar à noite, com cadeiras de couro caramelo, quadro abstrato e pendente aceso ao fundo, exibindo o site da Beleski de Carvalho

Case de Web Design · Beleski de Carvalho

Mesmo site,
públicos opostos.
Duas entradas.

A Beleski de Carvalho é uma boutique jurídica de Curitiba, com seis especialidades e uma divisão de recuperação de crédito, a BC Cobranças. O site precisava receber quem procura advogado e quem vem negociar um débito.

Cliente
Beleski de Carvalho
Segmento
Sociedade de advogados
Projeto
Site institucional
PageSpeed
100 no computador

Contexto

Boutique jurídica e recuperação de crédito.

Quem procura advogado escolhe pela confiança. Quem recebe uma cobrança quer saber se ela é verdadeira.

O escritório atende empresas, famílias e a área da saúde, e a BC Cobranças recupera crédito em todo o país. O site precisava separar quem contrata de quem negocia.

Para quem o site fala

  • Empresas em busca de consultoria
  • Famílias que planejam a sucessão
  • Médicos, clínicas e hospitais
  • Pacientes com cobertura negada
  • Empresas com crédito a recuperar
  • Quem recebeu um contato de cobrança

Desafio

Quem contrata e quem deve.
No mesmo domínio.

Quem procura advogado compara especialidade e confiança. Quem recebe uma cobrança quer confirmar quem cobra e como negociar.

  1. Dois públicos, um só menu.

    A família que planeja a sucessão e quem recebeu um SMS de cobrança chegam pela mesma home. Cada um busca outra coisa.

  2. Cobrança que parece golpe.

    Mensagens falsas de negociação de dívida circulam pelo WhatsApp. Antes de pagar, o devedor quer confirmar quem cobra.

  3. A dúvida vem primeiro.

    Herança, holding, imóvel na planta: o cliente pesquisa antes de ligar. E a OAB só admite publicidade informativa.

O diagnóstico

Junto, confunde. Separado, orienta.

Projeto

Separar os públicos já no menu do topo.

  1. PrimeiroSepararquem procura advogado de quem vem negociar
  2. DepoisEncaminharcada um à conversa certa com o escritório

Duas portas no mesmo menu.

Especialidades leva às seis áreas. Recuperação de crédito reúne a BC Cobranças e a página Quero negociar um débito. E quem já é cliente segue pelo Controle de Processos.

Navegaçãomenu únicouma porta por público

Artigos no lugar do anúncio.

A home fecha com artigos do escritório sobre imóvel rural, imóvel na planta, cláusulas abusivas e testamento. É a informação que a publicidade da advocacia admite.

Conteúdoanúncio de serviçoresposta à dúvida

O monograma vira moldura.

O quadro aberto do monograma BC sai do logo e vira cantoneira cinza em volta das fotos da equipe, do prédio e dos sócios. A marca acompanha a home sem repetir o nome.

Interfacelogo só no topoa marca em cada foto

beleskidecarvalho.adv.br/
Página inicial do site da Beleski de Carvalho, inteira, no computador

A lógica que une as três

Uma porta para cada público.

Design

Grafite, branco e dourado, da abertura à página de negociação.

beleskidecarvalho.adv.br/ No ar
Página inicial do site da Beleski de Carvalho, inteira, no computador
Páginas inteiras, capturadas do site no arRole dentro da janela ou troque a aba

Exclusividade em cada pixel.

Nada sai de template. O designer UX/UI desenha a home no Figma, no computador e no celular, e o layout só segue para as outras páginas depois do ok do cliente. Cores, tipografia e componentes viram um sistema único antes da primeira linha de código.

Do Figma ao ar
Reconstituição do projeto do site da Beleski de Carvalho no Figma, montada com as telas reais do site: a home no computador e no celular, a página Quero negociar um débito e o guia de cores e tipografia
Seção Ambiente moderno e intimista da home da Beleski de Carvalho, com a foto do prédio emoldurada pela cantoneira ao lado do texto e do endereço, medida em 1440 px
Ambiente moderno e intimista · medidas em px no site no ar, a 1440 de largura
  1. 01ImersãoEquipe do projeto, necessidades e referências.
  2. 02Layout da homeComputador e celular.Aprovação
  3. 03Demais páginasCom a direção visual aprovada.Aprovação
  4. 04Front-endSite navegável, com efeitos e chamadas.Aprovação
  5. 05PublicaçãoHospedagem, domínio e backup.
  6. 06TreinamentoVídeo para o time atualizar o site.
  7. 07Performance e SEOAuditoria no PageSpeed e revisão de SEO.

Responsivo

No celular, as duas portas a um toque.

Celular · 390 px Computador · 1440 px
Página inicial do site da Beleski de Carvalho, inteira, no celular
Três celulares com as páginas Quero negociar um débito, Home e Contato do site da Beleski de Carvalho

Performance

100 de desempenho no computador, medido pelo Google.

Google PageSpeed InsightsComputador
100
Desempenho
88
Acessibilidade
100
Boas práticas
88
SEO
Relatório de 27/10/2026beleskidecarvalho.adv.br

Toda entrega termina assim

Auditoria no PageSpeed antes de chamar o site de pronto.

Entrega

Duas frentes num só painel, sem mensalidade.

  • Atendimento
  • Designer UX/UI
  • Dev front-end
  • Dev back-end
  1. Projeto exclusivo.Desenhado do zero para a Beleski de Carvalho, sem template.
  2. Seis especialidades.Uma página por área, da consultoria empresarial às indenizações.
  3. BC Cobranças.Páginas de recuperação de crédito, do modelo de atuação aos ajuizamentos.
  4. Negociação de débitos.Formulário próprio para quem recebeu a cobrança, com o campo do credor.
  5. Controle de Processos.Botão no topo e no rodapé que leva ao sistema de controle de processos.
  6. Artigos e newsletter.Textos sobre imóveis, contratos e sucessão, e cadastro para recebê-los.
  7. WhatsApp e cookies.Conversa pelo WhatsApp com mensagem pronta e consentimento de cookies.
  8. Sem mensalidade.O site é do cliente. Nenhuma taxa recorrente obrigatória.

No ar

beleskidecarvalho.adv.br

Abra no computador e no celular. É a melhor forma de conhecer o projeto.

Still fresh. Still growing.

Venha crescer
conosco.

Crescer junto começa com uma conversa. Pessoas sêniores, dado aplicado à decisão e relações que se contam em anos.
Let's grow