ACID, Site Institucional
Detalhes do Projeto
- Período:
- 02.2026 — Present
- Link
- acid.org.br
- Client Project
- TypeScript
- React
- Three.js
- React Three Fiber
- WebGL
- Vite
- Framer Motion
- Vitest

Impacto em números
Digital e integrado ao CRM
Planos, Banco de Talentos, Perfil Empresarial e Guia
Institucional, associação, banco de talentos e conteúdo
Do hero 3D ao rodapé, cada uma isolada por domínio
Sobre o projeto
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 e Perfil Empresarial. Landing page também quebra, e quando quebra custa lead.
Resultados
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.
Stack técnica
React e Vite
SPA com build rápido e code splitting por rota.
React Three Fiber e Three.js
Hero 3D com shaders customizados e fallback.
Zod e React Hook Form
Contrato de dados compartilhado com o sistema de gestão.
Vitest e Testing Library
Testes de UI nas páginas de conversão.
Galeria(2)

