Kavita Institucional

Sitio institucional cinematográfico · cliente real, en línea

Kavita Agro ya tenía la landing de drones, pero la empresa es mucho más grande que eso: tienda de insumos, semillas, repuestos, asistencia técnica y una fábrica de alimento balanceado propia. No existía nada que contara quién es la empresa a quien llega por primera vez.

• 01La pieza central del sitio es un recorrido donde el scroll no desplaza la página, mueve el tiempo de un video. Son 850vh de altura de despla…+

  LEER EL DETALLE TÉCNICO

  La pieza central del sitio es un recorrido donde el scroll no desplaza la página, mueve el tiempo de un video. Son 850vh de altura de desplazamiento mapeados sobre una única escena continua, sin cortes, que atraviesa café, ganado, maíz, dron en operación, el amanecer y el centro tecnológico. El progreso de 0 a 1 se convierte en el currentTime del video, y los subtítulos de cada tramo entran y salen encima según el instante. El efecto es que el visitante conduce la película a su propio ritmo, en vez de mirar un player.

• 02Todo el texto del sitio vive en un archivo único, y nada en él fue escrito por suposición. El encabezado del content.ts registra que teléfon…+

  LEER EL DETALLE TÉCNICO

  Todo el texto del sitio vive en un archivo único, y nada en él fue escrito por suposición. El encabezado del content.ts registra que teléfono, WhatsApp, dirección, e-mail e Instagram vinieron de un briefing completado por la propia Kavita, y los datos de registro están ahí con CNPJ y fecha de apertura. La filial Kavita Rações aparece separada, con su propio CNPJ, el año en que abrió y su dirección propia en la carretera, porque es una unidad distinta de la tienda matriz y tratar a las dos como lo mismo sería información errónea en el sitio de un cliente.

• 03Alrededor del recorrido el sitio se organiza en cinco paradas: Quiénes Somos, Ecosistema, Estructura, Diferenciales y Dónde Estamos. La estr…+

  LEER EL DETALLE TÉCNICO

  Alrededor del recorrido el sitio se organiza en cinco paradas: Quiénes Somos, Ecosistema, Estructura, Diferenciales y Dónde Estamos. La estructura de la tienda se muestra con fotos reales en parallax (fachada, tienda, depósito, asistencia, equipo) en vez de banco de imágenes, y el ecosistema separa los seis frentes de la empresa en tarjetas propias. La base recibió una auditoría en cinco fases, con pasadas dedicadas a accesibilidad, performance, menú móvil y extracción de componentes repetidos.

CONSTRUIDO CON — Next.js 16 · React 19 · GSAP · Lenis · Framer Motion · TailwindCÓDIGO ↗

Cliente real · segundo proyecto

[ QUIERO ALGO PARECIDO ]