Problem
Consumers looking to purchase G-Shock watches face significant challenges. The vast array of models, colors, and customization options makes it impractical for physical stores to showcase every combination. Customers often find it difficult to visualize how specific models or colors will look on their wrists, leading to hesitation in their buying decisions.
Wireframing
Created low-fidelity wireframes in paper to map out key user flows, focusing on:
Homepage navigation with bold product categories.
AR integration on the product detail page.
Streamlined checkout with multiple payment options.
Prototyping
High-fidelity prototypes brought the designs to life, showcasing:
AR try-on functionality for visualizing watches on the wrist.
A customization tool for personalizing straps, dials, and colors.
An intuitive checkout process with saved addresses and promo code options.
Testing and Iteration
We conducted usability tests with a diverse group of users, gathering feedback on the AR features, navigation, and overall design. Based on the feedback:
I optimized loading times for AR previews.
Improved accessibility with better contrast and larger touchpoints.
