Project Overview
Neon Frontier is a mobile eCommerce app concept designed for gamers shopping for gear and accessories. The goal was to create a clearer shopping experience that helps users browse products, compare options, and complete checkout with confidence.
The Problem & Goal
The Problem
Gamers often need to compare product details, prices, and features before making a purchase. When shopping experiences feel cluttered or unclear, users may lose confidence and abandon checkout.
The Goal
Design a mobile shopping experience that helps users browse products, compare gear, and complete checkout with more clarity and confidence.
Research Insights
Easy-to-Scan Details
Finding 1
Users need product details to be easy to scan.
​
Design Response
I organized the product details screen to highlight key information such as product images, price, specs, and available options.
Product Comparison
Finding 2
Users want to compare products before making a decision.
​
Design Response
I added a comparison feature so users can review gear side by side and make a more confident choice.
Simple Checkout
Finding 3
Users need checkout to feel simple and trustworthy.
​
Design Response
I designed a clearer checkout flow with organized shipping, payment, and order summary sections.
To better understand the shopping experience, I focused on common user needs around browsing, comparing products, and completing checkout.
Final Designs
The final design guides users through a complete shopping flow, from browsing gaming gear to comparing products and completing checkout.
Home Screen
Introduces featured gaming products and gives users a quick way to start browsing.
Product Listing
Organizes gear into clear product cards so users can scan options quickly.
Product Details
Highlights images, price, specs, color options, and purchase actions.
Compare Gear
Allows users to review products side by side before making a decision.
Checkout
Organizes shipping, payment, and order summary information for a clearer purchase experience.
Additional Screens
Cart
Confirmation
Profile
Design Decisions
Based on the research insights, I made design decisions that focused on clarity, comparison, and checkout confidence.
Easy-to-Scan Product Details
I designed the product details screen to highlight the most important shopping information first, including product images, price, ratings, specs, color options, and purchase actions.
Side-by-Side Comparison
I added a compare feature so users could review product options in one place instead of switching between multiple product pages.
Clear Checkout Flow
I organized checkout into clear sections for shipping, payment, and order summary so users could review their purchase before placing an order.
Outcome & Reflection
​Outcome
The final design creates a clearer mobile shopping experience that helps users browse gaming products, compare options, and complete checkout with more confidence.
What I Learned
This project strengthened my skills in mobile layout, information hierarchy, product comparison flows, and designing checkout experiences that feel clear and trustworthy.