Starting from login
A simple login and registration flow.
Ultra-minimalist product pages
Only the product information, nothing else, absolutely no distractions here.
One-Page Checkout & Confirmation
Simple, but perfectly does the job.
Overview
SnapBuy is a course project created for a Prototyping & Usability Testing class. Based on the assigned theme, I designed SnapBuy as a mobile shopping app that focuses on simplifying online shopping experience.
I was responsible for the entire process: framing the problem, designing the interaction flows, building the prototype, and iterating based on usability feedback.
Problem Statement
Through analyzing existing online shopping platforms, I identified three recurring issues that consistently disrupt users’ shopping experiences.
Overwhelming Advertising
Aggressive banners, pop-ups, and promotional layers...
Overly Complex Interfaces
Dense layouts, excessive features, and unclear hierarchies...
Constant Visual Distractions
Competing colors, motion effects, and non-essential UI elements...
SnapBuy was designed with a single core principle in mind: Ultra minimalism with zero distraction.
Initial Prototype
The initial version of SnapBuy focused on implementing the core purchasing flow: login, browse products, view product details, and checkout. At this stage, I prioritized layout over visual refinement to validate whether the overall journey made sense.
Usability Testing
I conducted 5 task-based usability testing with participants. Each person was asked to:
- Create an account or log in
- Find and select an iPhone product
- Complete the checkout with a saved card
- Confirm whether their order was successfully placed
Here are two key issues that surfaced:
Lack of Reviews for Decision-Making
In the early prototype, review content was missing, leaving users uncertain when making purchase decisions.
Unclear Product Information Structure
On the product detail page, technical specifications and key parameters were not clearly categorized. Users frequently asked where to find essential product information such as features, specifications.
The Pivot: Iterating Based on Testing
Refining Visual Design
I refined the overall interface by enriching key visual elements such as spacing, hierarchy, typography, and imagery, while still maintaining a minimalist style.
Adding Reviews
To support user decision-making, I added a review system. This further enhances the app's functionality.
Enhance Information Layout
I redesigned the product detail page into a scrollable layout, clearly organizing product information into categories such as price, style, and specifications.
Interactive Prototype
Please explore SnapBuy!
Reflection
SnapBuy was my first project where I completed the entire design process—from defining the problem and building initial prototypes to conducting usability testing and iterating based on real user feedback. Experiencing this full cycle gave me a deeper understanding of how design decisions evolve over time.
The most valuable takeaway for me was learning how to efficiently extract meaningful insights from user testing and translate them into design adjustments. I learned to re-examine initial assumptions, challenge early design directions, and optimize the UX in a more targeted manner.