My Role
UI Design
Design System
Prototyping
My Team
Steven Pereira
Duration
4 months
Tools
Figma
Adobe Illustrator
Adobe Photoshop
Adobe After Effects
The Problem
New users find Best Buy's current cluttered website overwhelming, making shopping for the tech they need more stressful and confusing than it should be.
The Solution
Redesign the UI to create a more personal, friendly, and engaging experience, add features to help users better understand tech products, and reorganize information for a cleaner, more helpful shopping experience.
Design Direction
A bold, more colorful design for Best Buy inspired by neo-brutalism to make browsing tech products entertaining for tech newbies and experts alike. By adding illustrated characters that represent both users and Best Buy experts throughout the site, it creates a personalized experience akin to their in-person offerings at their stores.
Archetype
The Hero
Personality
Entertaining
Helpful
Expressive
Personal
Case Study Video
Task Flow
Find a Product From Category and Add to Cart
Homepage
Category
Filter
Product Page
Add to Cart
UI Design
Category Page
Product Detail Page
Cart
Design System
This design system focuses on clean, entertaining, and colorful designs for a more personal and welcoming brand look for Best Buy, making the brand more engaging for both tech newbies and experts.
Design Principles
Personal Connections with Customers & Experts
Better Understanding of the Tech World
Typography
Color Palette
Light Mode
#2D3EC6
#FCEA3A
#FFFFFF
#2D2C34
#ED7BAF
#EB5A55
#FE7122
#44A88C
Dark Mode
#263082
#E3D123
#FFFFFF
#2D2C34
#101012
#D9659A
#EB5A55
#777C9A
#2B8D72
Iconography
Illustration Style
Buttons
Cards
Reflection
By focusing on tech newcomers, Best Buy can create a user experience that makes finding the right tech product stress-free, fun, and personal for beginners and experts, building on their commitment to customer support.
