Site institucional cinematográfico · cliente real, no ar
Kavita Institucional
Problema
A Kavita Agro já tinha a landing de drones, mas a empresa é muito maior que isso: loja de insumos, sementes, peças, assistência técnica e uma fábrica de ração própria. Não existia nada que contasse quem a empresa é para quem chega pela primeira vez.
Solução
Site institucional inteiro construído em volta de uma jornada em vídeo que o visitante conduz com o scroll, saindo do café e do gado até o centro tecnológico. Segundo projeto para o mesmo cliente, entregue e aprovado.
Como foi construído
A peça central do site é uma jornada onde o scroll não rola a página, ele move o tempo de um vídeo. São 850vh de altura de rolagem mapeados sobre uma única cena contínua, sem cortes, que atravessa café, gado, milho, drone em operação, o amanhecer e o centro tecnológico. O progresso de 0 a 1 vira o currentTime do vídeo, e as legendas de cada trecho entram e saem em cima dele conforme o instante. O efeito é o visitante conduzir o filme no próprio ritmo, em vez de assistir a um player.
Todo o texto do site vive num arquivo único, e nada nele foi escrito por suposição. O cabeçalho do content.ts registra que telefone, WhatsApp, endereço, e-mail e Instagram vieram de um briefing preenchido pela própria Kavita, e os dados cadastrais estão lá com CNPJ e data de abertura. A filial Kavita Rações aparece separada, com o CNPJ dela, o ano em que abriu e o endereço próprio na rodovia, porque é uma unidade distinta da loja matriz e tratar as duas como a mesma coisa seria informação errada no site de um cliente.
Em volta da jornada o site é organizado em cinco paradas: Quem Somos, Ecossistema, Estrutura, Diferenciais e Onde Estamos. A estrutura da loja é mostrada com fotos reais em parallax (fachada, loja, estoque, assistência, equipe) em vez de banco de imagens, e o ecossistema separa as seis frentes da empresa em cartões próprios. A base recebeu uma auditoria em cinco fases, com passagens dedicadas a acessibilidade, performance, menu mobile e extração de componentes repetidos.
Scroll controla o vídeo
850vh de rolagem mapeados sobre uma cena contínua sem cortes. O visitante conduz o filme no próprio ritmo.
Conteúdo vindo de briefing
Contato, endereço e dados cadastrais confirmados pelo cliente e registrados na fonte. Nada preenchido por suposição.
Duas empresas, dois cadastros
A fábrica de ração é filial com CNPJ e endereço próprios, tratada como unidade separada da loja matriz.
Fotos reais, não banco de imagens
Fachada, loja, estoque, assistência e equipe fotografados no local, exibidos em parallax.
Stack
- Next.js 16
- React 19
- GSAP
- Lenis
- Framer Motion
- Tailwind