Our goal was to make history, to build a project that positions us as a young design studio, sets a new milestone in the German market, and pushes our team to aim for a new standard.
There’s a version of “product websites” that looks great in a Dribbble shot… and falls apart the moment you scroll, resize, or use a real device.
With More Nutrition, we wanted the opposite: a concept site that feels premium and playful, but is also engineered like a real product experience - responsive, performant, and intentional in every interaction.
This project ended up being awarded Site of the Day (Nov 3, 2025) on Awwwards.
The Challenge
This was a self-initiated case study built around More Nutrition’s Iced Matcha Latta, an exploration of how far we could push product staging using a tightly controlled palette, 3D, and motion as the primary storytelling tool.
The goal wasn’t “make it move”.
The goal was: make the product feel tangible, desirable, and “alive” without sacrificing usability.
“It´s a Match(a)”
Design Direction
As mentioned earlier, we built this project with a team of experts in their respective fields and partnered with Jason Harvey (Somefolk®) for the design. He’s truly a master of his craft. After an initial briefing and aligning on clear goals, he began shaping the design direction, before we transitioned into development.
Technologies
We relied on a range of technologies to make the project as performance-driven and distinctive as possible, including:
- GSAP
- CSS
- Canvas API
- Swiper
- Lenis
- Smooothy
From the page loader to hover effects, scroll-triggered animations, and 3D-style visuals, everything was crafted to build a cohesive, high-end experience.
One of the biggest highlights is the 3D section and it also sparked the most attention, with everyone asking how we built it. For the More Nutrition landing page, we didn’t use a video. Instead, we created a scroll-driven, frame-by-frame animation: individual render frames are tied to scroll using GSAP. Swapping the image source directly worked, but it got laggy when scrolling fast, so we switched to the Canvas API and draw the frames onto a canvas, which runs much smoother.
Company Info
FUTURE THREE® is based in Wiesbaden and supported by an international network. It creates brands and digital experiences where flawless functionality meets editorial aesthetics.