Brand Website
Brand Research
01
Trusted & Reliable
Best Buy has built a strong reputation for reliable products and helpful customer service.
Bold & Recognizable
The yellow tag and blue color create a distinct, memorable brand identity.
Wide Audience
Serves tech-savvy shoppers, families, students, and professionals.
Convenience Focused
Omnichannel experience with easy online browsing and in-store pickup.
Moodboard
STYLE GUIDE
TYPOGRAPHY
Iconography
Logo
Colors
iNTER
medium
#1163CC
#FDE930
#2B3540
#D9D9D9
#FFFFFF
Inter is the primary typeface. Designed for digital interfaces, it offers high readability on screens. Use a range of weights to create clear hierarchy and maintain a clean, modern look.
Icons should be simple and legible with consistent lineweights
Aa
Visual inspiration
02
Brand Website
home
product
product view
navigate
purchase
1
2
3
4
5
03
PROJECT OVERVIEW
THE CHALLENGE
Shopping for electronics can be overwhelming, especially when customers need to compare products, understand features, and locate items inside a large store.
THE GOAL
Design an AR shopping experience that helps customers recognize products, compare options, preview setup, and navigate the store with more confidence.
MY ROLE
UX/UI Designer
Research, user flows, wireframes, visual design, prototyping, and usability-focused iteration.
TIMELINE
8-week concept project
From brand research and visual exploration through final high-fidelity screens.
TOOLS
Figma, FigJam, Maze, Adobe tools, accessibility and responsive design checks.
SOLUTION DIRECTION
The concept combines AR product recognition, side-by-side comparison, guided setup previews, personalized bundles, and AI-powered in-store navigation in one connected mobile experience.
04
STRATEGY
CORE FEATURES
AR PRODUCT RECOGNITION
Scan a product or shelf area to instantly identify the item and surface key information.
SIDE-BY-SIDE COMPARISON
Compare specifications, price, ratings, and recommended use without leaving the camera view.
GUIDED SETUP PREVIEW
Preview how a product fits into a room or setup before purchasing.
AI STORE NAVIGATION
Receive an in-store route to the product, accessories, checkout, or pickup area.
PRIMARY USER FLOW
01
Open app
→
02
Scan item
→
03
Review details
→
04
Compare options
→
05
Navigate or purchase
05
WIREFRAMES & ITERATION
EARLY STRUCTURE
Low-fidelity wireframes focused on hierarchy, camera visibility, comparison clarity, and the shortest path from discovery to decision.
WHAT CHANGED
CLEARER SCANNING
Increased the camera area and made the scan control more visible and easier to understand.
BETTER COMPARISON
Reduced repeated information and grouped the most important differences together.
STRONGER FEEDBACK
Added clear selection, loading, success, and next-step states throughout the flow.
06
FINAL INTERFACE
HIGH-FIDELITY SCREENS
The final interface uses Best Buy’s recognizable blue, yellow, and dark gray while keeping AR interactions direct, readable, and easy to navigate.
DESIGN PRINCIPLES
RECOGNIZABLE
Uses familiar brand colors and visual language.
FOCUSED
Prioritizes one clear action at a time.
ACCESSIBLE
Maintains readable contrast and tap-friendly controls.
07
TESTING & RESULTS
USABILITY FOCUS
Testing focused on whether users could understand the AR controls, find comparison information, and move from product discovery to an in-store or purchase action.
90%
Task completion
6.1 / 7
Average ease rating
4 of 5
Navigation success
High
Prototype confidence
KEY IMPROVEMENTS
SCANNER VISIBILITY
Made the scan entry point larger and moved instructions closer to the camera area.
INFORMATION HIERARCHY
Placed price, rating, major differences, and availability before secondary details.
NAVIGATION FEEDBACK
Added route progress, destination confirmation, and clearer recovery options.
08
REFLECTION & NEXT STEPS
WHAT I LEARNED
The project reinforced that AR should reduce effort, not add novelty for its own sake. The strongest ideas were the ones that made comparison, setup, and store navigation faster and easier to understand.
NEXT STEPS
Validate the concept with a larger testing group, connect live product and inventory data, improve personalization, and test the experience in a real store environment.
VIEW THE INTERACTIVE PROTOTYPE
Explore the complete Best Buy AR shopping flow in Figma.
MAURICE REID
UX/UI DESIGNER