ACID, Site Institucional

A associação precisava de presença digital que comunicasse autoridade institucional e ao mesmo tempo convertesse empresas em associados, sem parecer site de prefeitura.

Hero 3D com React Three Fiber, Three.js e shaders customizados, com otimização de assets em tempo de build. Impacto visual sem sacrificar o LCP.

Features isoladas por domínio, em vez de pastas por tipo de arquivo. A estrutura conta o que o produto faz, não como o framework organiza.

Formulário de associação com Zod e React Hook Form, compartilhando o contrato de dados com o sistema de gestão, então o site alimenta o CRM direto, sem digitação intermediária.

O Banco de Talentos é a camada de valor recorrente: dá motivo para o profissional voltar ao site e para a empresa se associar.

Testes de UI nas páginas de conversão, que são Planos, Banco de Talentos, Perfil Empresarial e Guia Comercial. Landing page também quebra, e quando quebra custa lead.

Depois do lançamento o site ganhou memória. A página de história guarda as gestões de 2005 a 2026, com citações literais e uma busca que acha o nome mesmo digitado errado. O Guia Comercial virou o diretório público das empresas associadas, com logo e galeria de cada uma, e o Banco de Talentos passou a receber candidatura pelo próprio site.

A parte que ninguém vê também mudou. Title, canonical e Open Graph são pré-renderizados por rota no build, porque um SPA que depende de JavaScript para dizer o próprio título perde para quem não depende. Toda página tem BreadcrumbList, a de planos tem FAQPage e o funil é medido sem cookie. Quando o GA4 entra, entra pelo Consent Mode v2.

Funil de associação totalmente digital e integrado ao sistema de gestão, hero em WebGL com performance preservada e páginas de conversão cobertas por testes automatizados.