WebsiteOR&C Advogados2025
Duas áreas do Direito, dois públicos e um site só. Ninguém precisa ler o que não é seu.
- Cliente
- Papel
- Product builder: estratégia, design e desenvolvimento com IA
- Duração
- Cerca de 4 semanas
- Disciplinas
- Arquitetura de informação, UX/UI, Conteúdo, SEO local
- No ar
- Ver o site
O contexto
A OR&C Advogados (Oliveira Ribeiro & Chemim) é um escritório jovem de São Paulo, formado por dois sócios, que atua em duas frentes bem diferentes: direito empresarial, com foco em recuperação de crédito e cobrança, e direito imobiliário, com foco em regularização de imóveis. Quem contrata uma frente raramente é quem contrata a outra. De um lado, um diretor financeiro com uma carteira de inadimplentes. Do outro, uma família com um imóvel sem escritura.
O site tinha um objetivo claro: gerar contatos qualificados e passar a seriedade que um escritório pequeno precisa provar mais do que um grande.
A dor
Site de advocacia costuma falhar de dois jeitos. Ou é genérico demais (“soluções jurídicas completas”) e ninguém se reconhece. Ou lista trinta áreas de atuação e o visitante não sabe se o escritório resolve o problema dele.
Aqui havia um risco extra: misturar os dois públicos numa só vitrine. O empresário que quer recuperar crédito não precisa ler sobre usucapião, e vice-versa.
O estudo
A decisão central de arquitetura foi separar as duas frentes sem criar dois sites:
- Na home, abas. A seção de especialidades abre em “Direito Empresarial” e troca para “Direito Imobiliário” com um clique. Cada aba tem seus próprios cards: recuperação de crédito, cobrança judicial, acordos extrajudiciais, assessoria a fundos de investimento; e regularização imobiliária, usucapião, documentação, desmembramento e desdobro.
- Uma página por frente, com os serviços detalhados em cards (o que é, o que o escritório faz, em tópicos) e um convite para falar com um especialista ao fim.
- O banner fala com os dois públicos em rodízio: recuperação de ativos, direito empresarial, regularização imobiliária. Cada slide tem um botão com o verbo daquele público (“Recuperar créditos”, “Consultar especialista”).
- Confiança antes do formulário: princípios de atendimento, a história dos sócios com registro na OAB visível, equipe com formação, depoimentos e só então o contato.
A solução
A home é um funil curto: quem é o escritório, o que ele faz (nas abas), quem são as pessoas, o que dizem os clientes e como falar com eles.
As páginas de cada frente aprofundam sem virar texto jurídico. Cada serviço tem um parágrafo e uma lista curta do que o escritório entrega, para o visitante reconhecer o próprio caso.
O contato tem três portas: WhatsApp para atendimento imediato, formulário para descrever o caso e o endereço do escritório. O formulário envia direto para a caixa do escritório por um serviço de e-mail transacional no navegador, sem backend para manter. Quem escreve por ali já conta o caso, e a primeira conversa com o advogado começa um passo adiante.
No celular, as abas, o carrossel de serviços, a equipe e os depoimentos têm versões próprias, e o rodapé vira acordeão para não empilhar três colunas de links.
Como foi construído
React com Vite, Tailwind e componentes acessíveis, gerado e iterado com um construtor de interfaces com IA e ajustado à mão. SEO por página (título, descrição, canonical, Open Graph), dados estruturados de escritório jurídico (schema.org LegalService) com endereço, área atendida e sócios, sitemap e robots revisados depois do lançamento, quando o domínio mudou. Imagens com carregamento preguiçoso, banner de cookies com preferências por categoria, política de privacidade e tag manager para medir campanhas. O deploy sai do repositório por automação, direto para a hospedagem do escritório.
Este site também virou base para outros projetos: a estrutura (banner com rodízio, princípios, especialidades, equipe, depoimentos, CTA e contato) foi reaproveitada como ponto de partida em outro site institucional de profissional liberal.
O que eu levo desse projeto
- Dois públicos pedem separação, não dois sites. Abas e páginas por frente resolveram com metade da manutenção.
- O verbo do botão é do público. “Recuperar créditos” converte uma pessoa diferente de “Falar com especialista”. Vale a pena escrever um por slide.
- Escritório pequeno vende gente. Registro profissional visível, formação dos sócios e princípios de atendimento fazem o papel que o nome faz num escritório grande.
- Uma boa estrutura vira produto. O esqueleto deste site encurtou o projeto seguinte.
