Savour every sip
We designed the full website and e-commerce web-shop for Yixing Xuan Teahouse, along with workshop booking and a custom checkout experience for promotions & discounts.
Website design
A homepage with a job to do
Each section leads somewhere:
- Full-bleed banner showcasing the mood of the teahouse
- Product categories
- Best sellers, key products and new products
- A drive to workshops
- About the teahouse and its brand
Design system
Built from components
Colors, type, headers, product cards and form elements were designed as one system, so every page feels like the same teahouse.
Efficiency & speed
Fewer taps to choose
Dropdowns hide the available options until selected, and each one takes two taps. We suggested option swatches instead: every option is visible, and each selection takes a single tap.
E-commerce
Choosing tea by taste
Product pages carry tasting notes and a profile of bitterness, sweetness and astringency, and the shop can be filtered by the same three scales.
Workshop booking
Book a tea appreciation workshop
Workshop packages sit side by side for comparison, and booking happens right on the page.
