Preparando tu entorno

Estudio de desarrolloBrasil → Mundo

🎃 EVENTO DE HALLOWEEN · HASTA EL 31/10

Códigos mueven el mundo.Sitios deotro mundo.

MILWEB® · Desarrollo creativo · Brasil → Mundo

Proyectos / Kavita Institucional

COLECCIÓN DE RECOMPENSAS · 25 misiones

05 de 25

MÁS BUSCADOKavita InstitucionalKavita InstitucionalMW/OS · CASO 05 / 25Sitio institucional cinematográfico · cliente real, en línea

05 de 25 · TRABAJO PARA CLIENTE

Kavita Institucional

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

TRABAJO PARA CLIENTEKAVITA AGROEN LÍNEA

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

CONTEXTO

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.

QUÉ SE HIZO

Sitio institucional entero construido alrededor de un recorrido en video que el visitante conduce con el scroll, saliendo del café y del ganado hasta el centro tecnológico. Segundo proyecto para el mismo cliente, entregado y aprobado.

CLIENTE REAL · SEGUNDO PROYECTO

SOLUCIONES

  • El scroll controla el video

    850vh de desplazamiento mapeados sobre una escena continua sin cortes. El visitante conduce la película a su propio ritmo.

  • Contenido venido del briefing

    Contacto, dirección y datos de registro confirmados por el cliente y registrados en la fuente. Nada completado por suposición.

  • Dos empresas, dos registros

    La fábrica de alimento balanceado es una filial con CNPJ y dirección propios, tratada como unidad separada de la tienda matriz.

  • Fotos reales, no banco de imágenes

    Fachada, tienda, depósito, asistencia y equipo fotografiados en el lugar, exhibidos en parallax.

DETALLE TÉCNICO

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

    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…

    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…

    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.

RESULTADO

Sitio institucional entero construido alrededor de un recorrido en video que el visitante conduce con el scroll, saliendo del café y del ganado hasta el centro tecnológico. Segundo proyecto para el mismo cliente, entregado y aprobado.

QUIERO ALGO PARECIDO ↗

Enter abre el primer resultado · Esc cierra · tecla / abre la búsqueda

Kavita Institucional — Sitio institucional cinematográfico · cliente real, en línea | MilWeb