Kavita Institucional

CONTEXT

Kavita Agro already had the drone landing page, but the company is much bigger than that: farm supplies, seeds, parts, technical assistance and its own feed factory. Nothing existed to tell a first-time visitor who the company actually is.

WHAT WAS DONE

A full company site built around a video journey the visitor drives with the scroll, going from coffee and cattle all the way to the tech hub. Second project for the same client, delivered and approved.

REAL CLIENT · SECOND PROJECT

SOLUTIONS

• Scroll drives the video

  850vh of scroll mapped onto one continuous uncut shot. The visitor drives the film at their own pace.

• Copy sourced from a briefing

  Contact, address and registration data confirmed by the client and recorded at the source. Nothing filled in by assumption.

• Two companies, two records

  The feed factory is a branch with its own company number and address, treated as a unit separate from the main store.

• Real photos, not stock

  Storefront, shop floor, stockroom, service desk and team shot on location, shown in parallax.

TECHNICAL DETAIL

• 01The centerpiece is a journey where scrolling doesn't move the page, it moves a video's time. 850vh of scroll height is mapped onto a single …+

  The centerpiece is a journey where scrolling doesn't move the page, it moves a video's time. 850vh of scroll height is mapped onto a single continuous shot, no cuts, going through coffee, cattle, corn, a drone at work, sunrise and the tech hub. Progress from 0 to 1 becomes the video's currentTime, and each segment's captions fade in and out on top of it according to the moment. The visitor drives the film at their own pace instead of watching a player.

• 02All the site's copy lives in a single file, and none of it was written by assumption. The header of content.ts records that phone, WhatsApp,…+

  All the site's copy lives in a single file, and none of it was written by assumption. The header of content.ts records that phone, WhatsApp, address, email and Instagram came from a briefing filled in by Kavita themselves, and the registration data is there with the company number and founding date. The Kavita Rações branch appears separately, with its own company number, opening year and its own highway address, because it's a distinct unit from the main store and treating them as one thing would put wrong information on a client's site.

• 03Around the journey the site is organised into five stops: Who We Are, Ecosystem, Structure, Differentials and Where We Are. The store's stru…+

  Around the journey the site is organised into five stops: Who We Are, Ecosystem, Structure, Differentials and Where We Are. The store's structure is shown with real parallax photos (storefront, shop floor, stockroom, service desk, team) instead of stock imagery, and the ecosystem splits the company's six fronts into their own cards. The codebase went through a five-phase audit, with dedicated passes for accessibility, performance, the mobile menu and extracting repeated components.

RESULT

A full company site built around a video journey the visitor drives with the scroll, going from coffee and cattle all the way to the tech hub. Second project for the same client, delivered and approved.

I WANT SOMETHING SIMILAR ↗