Florafresh  FRUITS

PRODUCT CATALOG

FloraFresh is a fruit production company based in North Macedonia that mainly cultivates and produces apples.
Florafresh product catalog Lab21 Web Development Studio
CLIENT
Florafresh
DELIVERABLES
RELEASE DATE
2020
AWARDS*
This project has been awarded with:
CREDITS
Design: Crom Studio
3D: Chris Ntantos

A promotional website for the apples that the Florafresh company produces.

THE REQUEST

The client’s request was to have a modern site that showcases the variety of the apples Florafresh cultivates and produces and the conditions in which they grow.

Crom studio came up with a clean-cut minimal design with bold colors and a special request: extended animations & interactions that would either play depending on the user’s scroll or play in continuous loop.

OUR SOLUTION

The main challenge for this project was to find a way to synchronize the 3D animations to the user’s scroll position in the page. Some 3D animations play as the user scrolls while others play in continuous loops. We requested the 3D artist to export all animations using the Bodymovin library, thus giving us the opportunity to achieve our goal.

We built a robust CMS based on WordPress, customized to meet the project’s needs. The client and his team can manage the pages, products, galleries and every little aspect on the site.

FLORAFRESH
Lab21 Web Development Studio-Florafresh
The products page showcases all apple varieties that Florafresh produces. Each apple has a slight floating movement calling the visitor to click on one.
Lab21 Web Development Studio-Florafresh
The site administrator can select between 3 color presets for each apple variety page. In each page the apple rotates, allowing the user to have a 360 view of the product.
Lab21 Web Development Studio-Florafresh
Lab21 Web Development Studio-Florafresh
Lab21 Web Development Studio-Florafresh
Lab21 Web Development Studio-Florafresh
We created a custom search functionality: as the user types in the search field, the results are shown in a list below, making it faster and easier for the user to find what he is looking for.
Lab21 Web Development Studio-Florafresh