Preparando seu ambiente

Estúdio de desenvolvimentoBrasil → Mundo

🎃 EVENTO DE HALLOWEEN · ATÉ 31/10

Códigos movem o mundo.Sites deoutro mundo.

MILWEB® · Desenvolvimento criativo · Brasil → Mundo

Projetos / Kavita Institucional

COLEÇÃO DE RECOMPENSAS · 25 missões

05 de 25

MAIS PROCURADOKavita InstitucionalKavita InstitucionalMW/OS · CASO 05 / 25Site institucional cinematográfico · cliente real, no ar

05 de 25 · TRABALHO PARA CLIENTE

Kavita Institucional

Site institucional cinematográfico · cliente real, no ar

TRABALHO PARA CLIENTEKAVITA AGRONO AR

Kavita Institucional — tela inicial
CLIENTE
KAVITA AGRO
Tipo
Site Institucional Premium
Stack
Next.js 16 · React 19 · GSAP · Lenis · Framer Motion · Tailwind

CONTEXTO

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.

O QUE FOI FEITO

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.

CLIENTE REAL · SEGUNDO PROJETO

SOLUÇÕES

  • 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.

DETALHE TÉCNICO

  • 01A 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 …

    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.

  • 02Todo 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, WhatsAp…

    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.

  • 03Em volta da jornada o site é organizado em cinco paradas: Quem Somos, Ecossistema, Estrutura, Diferenciais e Onde Estamos. A estrutura da lo…

    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.

RESULTADO

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.

QUERO ALGO PARECIDO ↗

Enter abre o primeiro resultado · Esc fecha · tecla / abre a busca

Kavita Institucional — Site institucional cinematográfico · cliente real, no ar | MilWeb