YuCheng Kuo

Purchase flow redesign

Streamlining the path to purchase by eliminating cross-domain friction and keeping users engaged from discovery to confirmation.

Key Impact
15% ↘ in purchase time across 2K+ monthly transactions
Restored analytics funnel to optimize pricing and promotions
oneline
Oct, 2022
team
Oen
role
UI/UX Designer
timespan
Jun,2022 – Oct, 2022
category
Product, Ecommerce
Product detail page with different device sizes showing responsive design.
Product detail page
Product details in Megaport 2023 (大港開唱)
Purchase information with two column layout.
Purchase information Form
Three interfaces showcasing adaptive theming capability for diverse merchant types.
Adaptive theming for diverse merchants
(1) 菱傳媒 (2) FELIDAE (3) 進咖啡商行

Context#

Oen offers merchants a CRM-integrated platform to sell. It was architected as a marketplace for users to browse across multiple merchants in one hub, but usage and feedback indicated the need for a new flow.

Oen's product selling services started as a donation platform for nonprofits and political organizations. Donors could browse the products/perks offered by the the organizations they donated in the centralized marketplace. As the platform expanded to serve diverse merchants, user behavior shifted: people arrived at specific merchant sites with purchase intent, not to browse across merchants.

Flow modifications#

Merchant site

Product preview [Remove step with minimal info]
(cross domain) [merchant → user]
Product detail

Cart
(cross domain) [user → merchant]
Checkout

Complete

Solution#

Product detail redesign — Established two-column layout (images left, details right) providing meaningful content before purchase, replacing pass-through pages that only redirected to checkout

Embedded checkout — Redesigned flow to eliminate domain switching, keeping users within merchant brand context while maintaining Oen's payment infrastructure

Key decisions#

  • Embedded flow over modal to maintain cart visibility and scrollability
  • Single-page progression to reduce perceived complexity and form abandonment
  • Persistent order summary to reinforce purchase details and build confidence

Impact#

  • 15% decrease in purchase completion time across 2,000+ monthly transactions
  • Restored complete analytics funnel, enabling merchants to optimize pricing and promotions
  • Foundation for subsequent features: promotion codes, subscriptions, member-only products
Before and after of cart page
Cart Before (L) and After (R)
Order complete card with summary and details
Order complete card with summary and details
  • Member-only product
  • Coupon code setting
  • Bidding product
  • Purchase limitation
  • Subscription product
  • Digital product
  • Shipping fees setting

Team#

YuCheng Kuo (Design)
Hsiyuan Chou, Nyo Fang (Product)
Jaster Chang, Charlie Chang, Trista Wei, Calvin Chang (Engineering)

Updated at

Next Project:

Oen Design Systems