ORIGO COFFEE — FUNNELMATIC® Case Study
Case study ORIGO COFFEE. by FUNNELMATIC®

THE ART OF PRECISION.

An interactive 3D journey through the tools and rituals of coffee brewing, designed for discovery on WeChat.

Scroll ↓
(01) About the project

BEYOND THE PRODUCT.

We developed a collection of interactive 3D experiences for Origo Coffee, transforming brewing equipment into engaging digital stories designed for exploration on WeChat.

Combining detailed product models, intuitive interfaces and contextual information, the experience helped users discover the design, components and functionality behind each tool.

INTERACTIVE 3DUX/UI DESIGNWECHATPRODUCT STORYTELLING
(02) The RitualORIGO COFFEE · CRAFT & PRECISION

EVERY
DETAIL
MATTERS.

BREWING
RITUAL

Great coffee begins with precision. The weight of the beans, the grind, the water and its temperature all play a part in the brewing ritual.

The experience brought these details into focus, connecting each tool to the process it was designed to support.

(03) Product Exploration

Interactive 3D.

From coffee drippers and glass servers to kettles and grinders, each product was presented through detailed 3D visuals that revealed its form, components and purpose.

PRODUCT EXPLORATION

DESIGNED TO
BE EXPLORED.

Close-up views, visual explanations and contextual product information invited users to look beyond the surface and understand the details behind the equipment.

FORM & FUNCTION.

The experience connected the design of each coffee tool with the role it played in the preparation process.

ONE SYSTEM. MANY PRODUCTS.

(04) DESIGN SYSTEM (04)

Creating experiences for an entire product collection required more than individual interfaces. It required a consistent design language that could adapt to different tools, features and product stories.

We established reusable interface patterns and templates, guiding the design team in adapting the experience across multiple products while maintaining clarity, consistency and a cohesive visual identity.

(05) Interaction Design

The challenge was to make technical product details feel simple, engaging and easy to explore within a mobile experience.

UX / UI & INTERACTION

CLARITY IN EVERY
INTERACTION.

Through guided navigation, interactive 3D views and carefully structured information, we created a consistent experience that gave each product room to tell its own story.

01

GUIDED DISCOVERY

Step-by-step navigation helped users explore coffee tools and their defining features.

02

3D PRODUCT VIEWS

Detailed visualizations highlighted product construction, form and function.

03

CONSISTENT PATTERNS

Reusable interface templates brought coherence across the wider collection.

(06) Digital Experience

FROM DISCOVERY
TO COMMERCE.

Designed for WeChat, the experience brought product storytelling, interactive 3D exploration and digital shopping into a connected mobile journey.

After discovering the tools and their details, users could continue to JD.com through a dedicated purchase link.

EXPLORE THE EXPERIENCE
SCAN TO SEE THE PROJECT
Next project BEIJING OPERA 京剧