Direito · Site institucional
Sarah Barreto
Site de advogada de direito do consumidor em Teófilo Otoni, organizado pelos problemas que o cliente vive, com contato direto no WhatsApp.
- Cliente
- Advogada de direito do consumidor no Vale do Mucuri
- Onde
- Teófilo Otoni, MG · atendimento online e presencial
- Tecnologia
- HTML · CSS · JavaScript · Node.js · Express · Claude API · Hostinger
- Situação
- No ar · sarahbarreto.nexialabs.com.br
- Desenvolvimento
- André Gomes · NexiaLabs
Em resumo
Sarah Barreto é advogada de direito do consumidor em Teófilo Otoni, Minas Gerais, com atendimento no Vale do Mucuri e online. André Gomes, da NexiaLabs, fez o site em HTML, CSS e JavaScript, organizado em oito áreas como descontos indevidos no INSS, golpe do Pix e negativação indevida. O primeiro contato vai para o WhatsApp com mensagem já escrita, e o código inclui um painel de leads em Node.js com agentes de IA.
O cliente
Sarah Barreto atua em direito do consumidor a partir de Teófilo Otoni, no Vale do Mucuri. Os clientes dela são, em boa parte, aposentados com desconto que não autorizaram, pessoas com empréstimo consignado que não pediram e consumidores em conflito com banco, plano de saúde, Cemig ou Copasa. Antes, a presença online era um único arquivo HTML de cerca de 1 MB, com a logo embutida em base64 e apenas botões de WhatsApp. Não havia captura de dados, metadados de busca nem estrutura para as áreas de atuação.
O desafio
Quem tem um desconto indevido no benefício não procura por "direito do consumidor", procura pelo problema que está vivendo. O site precisava falar nesses termos e ser encontrado em Teófilo Otoni e nas cidades do Vale do Mucuri. O arquivo pesado atrasava a primeira visita, justamente no celular de quem mais precisa. E o contato precisava chegar à advogada com informação suficiente para ela responder rápido.
O que foi construído
André reorganizou a página em oito áreas nomeadas pelo problema, cada uma com um botão de ação próprio, como "Recuperar meu dinheiro" ou "Limpar meu nome". A logo saiu do base64 e as imagens passaram para WebP com JPG de reserva, o que tirou peso da página. Entraram canonical, Open Graph, metadados de geolocalização, sitemap e robots. O botão de WhatsApp abre a conversa com a mensagem pronta, e as perguntas frequentes respondem as dúvidas mais comuns antes do contato.
O que o sistema faz
- Oito áreas de atuação apresentadas pelo problema do cliente, cada uma com chamada para ação própria.
- Botão de WhatsApp que abre a conversa com mensagem já escrita para a advogada.
- Formulário de análise do caso com tipo de problema e cidade, que guarda a origem da campanha pelos parâmetros UTM.
- Explicação do atendimento em três passos e perguntas frequentes sobre cada tipo de caso.
- SEO local para Teófilo Otoni e Vale do Mucuri, com metadados de geolocalização, Open Graph e sitemap.
- Imagens em WebP com reserva em JPG e favicons próprios.
// Para quem avalia o código: arquitetura e decisões.
Por dentro
O site publicado é HTML, CSS e JavaScript sem framework, servido pela Hostinger. No repositório existe também uma API em Node.js com Express que recebe os leads, protege o painel com JWT e senha com bcrypt e limita envios por IP. O painel usa Chart.js e conversa com três agentes na API da Anthropic: um qualifica o lead com nota e urgência, outro escreve a mensagem de WhatsApp e um terceiro categoriza o caso. Os dados ficam em arquivos JSON, para rodar em qualquer hospedagem com Node sem módulo nativo. Essa parte do back end ainda não está publicada, então hoje o canal que funciona no ar é o WhatsApp.
Decisões técnicas
- Tirar a logo do base64 e servir imagens em WebP com reserva em JPG, porque um HTML de 1 MB pesava no celular de quem chega pela busca.
- Nomear cada área pelo problema que o cliente vive, e não pelo ramo do direito, porque é assim que a pessoa digita na busca.
- Guardar leads em arquivo JSON em vez de SQLite no back end, para não depender de módulo nativo compilado na hospedagem.
Seu negócio parece com esse?
Para advogado ou escritório que atende problemas do dia a dia do consumidor e quer ser encontrado pelo nome do problema na própria região.
Perguntas frequentes
Quem desenvolveu Sarah Barreto?
Sarah Barreto foi desenvolvido por André Gomes Andrade, desenvolvedor full stack de Carlos Chagas, Minas Gerais, pela NexiaLabs, do planejamento à publicação.
Onde fica o cliente de Sarah Barreto?
Advogada de direito do consumidor no Vale do Mucuri. Teófilo Otoni, MG · atendimento online e presencial.
Com quais tecnologias Sarah Barreto foi feito?
Sarah Barreto usa HTML, CSS, JavaScript, Node.js, Express, Claude API e Hostinger.
Dá para fazer um projeto parecido para o meu negócio?
Dá. Cada projeto é feito sob medida, com código e acessos no nome do cliente. O primeiro passo é uma conversa pelo WhatsApp +55 (33) 98465 6356 para entender o que você precisa.
Outros projetos de direito
Flávio Prado
Site de captação e painel do escritório para advogado criminalista do Tribunal do Júri, com CRM, financeiro e robô de tribunais.
Advogado criminalista com atuação no Tribunal do Júri
Ver o projeto
Oliveira & Jesus Advogados
Site de nove áreas do direito e painel interno para escritório em Itamaraju, BA, com blog, CRM, financeiro e robô de tribunais.
Escritório de advocacia de atendimento geral no extremo sul da Bahia
Ver o projeto