Logo

Command Palette

Search for a command to run...

Command Palette

Search for a command to run...

ACID, Site Institucional

Detalhes do Projeto

Período:
02.2026 — Present
  • Client Project
  • TypeScript
  • React
  • Three.js
  • React Three Fiber
  • WebGL
  • Vite
  • Framer Motion
  • Vitest
ACID, Site Institucional

Impacto em números

Funil de Associação
100%

Digital e integrado ao CRM

Páginas de Conversão Testadas
4

Planos, Banco de Talentos, Perfil Empresarial e Guia

Páginas do Site
10

Institucional, associação, banco de talentos e conteúdo

Seções na Home
10

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

01

React e Vite

SPA com build rápido e code splitting por rota.

02

React Three Fiber e Three.js

Hero 3D com shaders customizados e fallback.

03

Zod e React Hook Form

Contrato de dados compartilhado com o sistema de gestão.

04

Vitest e Testing Library

Testes de UI nas páginas de conversão.

Galeria(2)

ACID, Site Institucional — imagem 1
ACID, Site Institucional — imagem 2