Drip

UI/UX
DEVELOPMENT
3D
MDX project image

Project overview

Drip Aqua isn’t just a bottle — it’s a smart lifestyle accessory. With UV-C purification technology, sleek stainless steel build, and immersive tech features, Drip Aqua brings a refreshing approach to hydration. We partnered with Drip to craft a digital experience that mirrors the elegance and innovation of the product itself. The result? A high-conversion e-commerce platform that feels as smart and intuitive as the bottle it sells.

Date: September 13, 2024
Location: United Kingdom

Design process

5 hours

Discovery

Product Deep Dive
Persona Analysis
Value Proposition Alignment
40 hours

Strategy

Visual Language Direction
Conversion-Oriented UX Mapping
UX Storyboarding
150 hours

Solution

Interactive Prototypes
Full UI Design System
Moodboard & Visual Exploration

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
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

Drip Aqua had a bold product and a clear mission: eliminate single-use bottles and make clean water feel cool again. But translating that message into a digital space was no small task. The challenge was to: Tell a story without overwhelming the user. Educate on tech features (UV-C, battery, materials) without feeling clinical. Build emotional connection while encouraging purchase. Design an interface that feels premium, modern, and fluid on all devices

VIEW EXPERIENCE
MDX project collage

The impact

Drip Aqua’s website now functions as more than a storefront — it’s a brand stage. The immersive layout and confident storytelling elevated product perception while simplifying the buyer’s journey.

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
MDX project carousel image
MDX project carousel image

Tech

gsap icon
react icon
blender icon
figma icon
render icon
photoshop icon
illustrator icon
three_js icon