Fraga & Barbosa Advogados

Sobre o Projeto

Landing page institucional para o escritório de advocacia Fraga & Barbosa Advogados, especializado em direito trabalhista, previdenciário, criminal, cível e do consumidor no Norte de Minas Gerais. O objetivo principal era gerar leads orgânicos via SEO local, com um site rápido, confiável e que transmitisse credibilidade.

Arquitetura

O projeto usa Astro no modo híbrido: todas as páginas são pré-renderizadas em HTML puro no momento do build, sem processamento no servidor a cada acesso. Uma função serverless isolada cuida apenas do envio do formulário de contato. Esse modelo garante o melhor dos dois mundos — performance de site estático com capacidade dinâmica pontual.

• Home + 10 páginas de SEO local com copy único (2 cidades × 5 áreas de atuação), cada uma com meta tags e dados estruturados próprios
• Deploy na Cloudflare Pages com CDN global — os arquivos são servidos do ponto mais próximo ao visitante, sem atraso de inicialização
• Dados do escritório (endereço, horários, telefones) centralizados em um único arquivo de configuração, consumido por todos os componentes e schemas

SEO Técnico

A estratégia de SEO foi construída em camadas:

• Dados estruturados (JSON-LD): schema LegalService com coordenadas geográficas, horário de funcionamento, tipos de serviço e breadcrumbs — garantindo presença rica nos resultados de busca
• 10 páginas de cauda longa com títulos e descrições dentro dos limites recomendados pelo Google — validados automaticamente por testes antes de cada build
• Open Graph + Twitter Card completos para compartilhamento em redes sociais
• Sitemap XML automático e robots.txt declarando o sitemap
• URLs canônicas por página para evitar penalização por conteúdo duplicado

Performance

O site foi projetado para carregar rápido mesmo em conexões móveis:

• Imagens otimizadas no build: todas as fotos são convertidas automaticamente para formatos modernos (WebP/AVIF), reduzindo o tamanho em até 60% sem perda visual perceptível
• A imagem principal da página é carregada com prioridade máxima, garantindo que o visitante veja o conteúdo o mais rápido possível
• Imagens fora da área visível só carregam quando o usuário rolar até elas, economizando dados e acelerando o carregamento inicial
• Zero bibliotecas JavaScript externas — animações feitas com recursos nativos do browser, sem peso desnecessário
• Suporte a prefers-reduced-motion em todas as animações

Formulário de Contato

• Validação do e-mail com verificação real de domínio antes de enviar ao servidor — evita erros de digitação e endereços inexistentes
• Envio processado por função serverless com proteção contra duplicatas em retentativas
• Duplo disparo via Resend: notificação ao admin do escritório + e-mail de confirmação ao cliente
• Templates HTML de e-mail dedicados com identidade visual do escritório

Qualidade e Testes

• Testes automatizados cobrindo os dois pilares críticos: limites de caracteres das meta tags SEO e corretude dos dados estruturados gerados
• TypeScript em todo o projeto — tipagem explícita nos builders de dados estruturados e nos componentes