Back to WorkTianyu Wu

Oct 2021 – 2023

ROU Water Customize Mini Program

Market-driven UX for custom bottled water on WeChat

A consumer mini program that lowers MOQ and price barriers for personalized water — from scenario research through customize, checkout, and referral growth.

Role
UX Designer
Team
5-person product team + Canvas (outsourcing materials/interfaces)
Timeline
Oct 2021 – 2023
Scope
· Researched real demand: high MOQ and price blocked willingness to pay · Defined core flows: DIY label, referral community, cart, and order edit · Designed lo-fi through hi-fi, motion demos, and expandable packaging types

Motion demo

Figma motion demo — customize flow

Open on Vimeo
ROU Water customize mini program hero on two phones

Overview

Existing custom-water services asked for large minimum orders at prices users would not pay. ROU Soft Water targeted a lower MOQ and clearer DIY path in a WeChat mini program. I joined early research and owned detailed process design, high-fidelity screens, and motion demos.

Project overview, problem framing, and role
Stakeholder map including water company, users, and Canvas
Product positioning: customization, share desire, brand, and scalable app screens

Scenarios & personas

Without rich C-end data, we explored party, exhibition, reunion, and meeting scenarios, then validated with questionnaires. Two personas — B2B event buyer and family celebration — shaped goals around customization, checkout friction, and sharing.

User scenario mapping to product functions
Personas and key points for customize, checkout, and sharing

Flow & customize experience

Hand sketches became wireframes for home and bottle selection, then a hi-fi path: pick bottle type with 3D rotate preview → design label → confirm order → share after pay. Referral “helping water” and coupon loops supported acquisition.

UX flow sketches and wireframes for home and bottle selection
Customize, checkout, and purchase-success screens

Visual system

Blue as the primary brand color for water, with a bright green accent for CTAs and alerts — modern enough for younger users while keeping the interface calm and readable.

Color system with brand blues, green accent, and bottle selection screen

Scalability

The same customize spine can expand to other packaging — candy, cans, and beyond — so the company can grow SKUs without teaching users a new process.

Expanded product types and home page for scalable customization