Visão geral
Site institucional de uma advogada, no ar em luizalombard.com.br. Todo o front é HTML, CSS e JavaScript puros — sem frameworks — com tema claro/escuro sem flash de carregamento, fontes auto-hospedadas e atenção a performance e acessibilidade.
O problema
Um site profissional de verdade precisa de mais do que aparência: precisa carregar rápido em celular, ser encontrado no Google, tratar dados de visitantes conforme a LGPD e custar pouco para manter. E, sendo para cliente real, precisa ficar no ar de forma confiável.
A solução
O site foi construído estático e publicado no GitHub Pages com domínio próprio via CNAME. O SEO usa dados estruturados schema.org do tipo Attorney, sitemap e robots. O script do Google Ads só carrega depois do consentimento de cookies — conformidade com a LGPD de verdade, não um banner decorativo. O formulário de contato envia por FormSubmit com honeypot anti-spam, sem backend próprio.
Funcionalidades
- Tema claro/escuro persistente e sem flash de carregamento
- Dados estruturados schema.org (Attorney) para SEO local
- Consentimento de cookies controlando o carregamento do Google Ads
- Formulário de contato com FormSubmit e honeypot anti-spam
- Fontes auto-hospedadas e imagens otimizadas
- Domínio próprio no GitHub Pages via CNAME
Arquitetura
Arquitetura deliberadamente simples: arquivos estáticos servidos pelo Pages, JavaScript separado por responsabilidade e nenhum servidor para manter. O consentimento é a peça central do fluxo: os scripts de terceiros ficam bloqueados até o visitante aceitar, e a escolha fica registrada para as próximas visitas.
Screenshots
Desafios & aprendizados
O aprendizado maior foi o que existe em volta do código num projeto para cliente: DNS e domínio, LGPD aplicada na prática, SEO local e a responsabilidade de manter um site que representa o trabalho de outra pessoa. É o projeto que atravessou a fronteira entre exercício e produção.