Kavita Institucional

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.

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.

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.