Kong

UI/UX
DEVELOPMENT
3D
MDX project image

Project overview

Kong Rolls is not your average eco brand—it’s a bold, animated universe built around a bamboo toilet paper product with a mission to “save the world one sheet at a time.” As a creative agency, we were brought in to craft a UI/UX experience that matched the brand’s vibrant energy and environmental message. From a surfing gorilla to intergalactic eco-deliveries, our role was to transform these ideas into an intuitive, immersive interface that never loses sight of fun—or functionality.

Date: November 15, 2024
Location: United states

Design process

4 hours

Discovery

Value prop breakdown
Target persona insights
Brand essence alignment
40 hours

Strategy

Interactive storytelling
UX flow for conversions
Visual tone: bold & playful
140 hours

Solution

Fully responsive layouts
Adaptive design system
High-fidelity UI design

Initial concepts

Early UI Concepts and Visual Explorations.

MDX project image
MDX project image
MDX project image
MDX project image
MDX project image
MDX project image
MDX project image
MDX project image
MDX project image
MDX project image
MDX project image
MDX project image
MDX project image
MDX project image
MDX project image
MDX project image
MDX project image
MDX project image

The challenge

The client had a strong brand personality and concept, but needed a digital space that could house it all—without overwhelming the user. The biggest challenge was balancing entertainment with usability: how do you let a giant blue gorilla surf a wave of change while still making it easy for customers to subscribe to bamboo toilet paper? Our task was to design a site that felt cinematic and playful, but also clear, easy to navigate, and conversion-focused.

VIEW EXPERIENCE
MDX project collage

The impact

The result is a site that feels like a Pixar short film with a Shopify backend. Users don’t just land on a homepage—they step into Kong’s world. The playful UX encourages scrolling, reading, and subscribing, while the clean structure ensures users can find what they need without getting lost in the visuals. It's a perfect blend of purpose and play.

VIEW EXPERIENCE

Responsive

MDX project carousel image
MDX project carousel image
MDX project carousel image
MDX project carousel image
MDX project carousel image
MDX project carousel image
MDX project carousel image
MDX project carousel image
MDX project carousel image

Tech

gsap icon
react icon
blender icon
figma icon