top of page

MICRON

Upgrade Selector Tool

Redesigned the Upgrade Selector tool, making it easier for customers to find compatible upgrades for their systems.

ROLE

Lead UX Designer

TIMELINE

2 months
 

DELIVERABLES

Responsive end-to-end
redesign of tool

TOOLS USED

Figma, Photoshop, Illustrator
 

COLLABORATION

UX Manager, Project Manager, SMEs, Development, Commerce partners (Adobe, Digital River)

upgradeselector-galleryimage.png

01  DISCOVER

IDEATE

BACKGROUND

What is the Upgrade Selector tool

The Upgrade Selector tool is a key feature of Micron's consumer selection for compatible upgrades. It offers three ways to find upgrades: browsing, a guided process, or the system scanner. Customer feedback helped us identify and address top challenges.

Legacy Upgrade Selector Tool

Crucial Upgrade Selector

upgrade-selector.png

Upgrade Results​

ASUS FLOW.png

Objective

We analyzed customer sentiment on the legacy Upgrade Selector to craft a user-first strategy that also advanced business goals.

Build trust

Add reviews to boost engagement and reliability.

AI-driven features

Personalize recommendations for usability.

User priorities

Simplify navigation to easy access to support.

IDEATE

Turning vision into impactful designs

Working closely with my UX manager, I translated our vision into wireframes, refining ideas.

upgrade-selector-wireframes.png

WEBSITE APPLICATION

Landing page for Upgrade Selector

Collaborated with the content team to align design with SEO goals, and used bold colors and icons to create a friendly, Micron-branded experience.

Upgrade Selector new landing page

Upgrade Selector completed search

Upgrade Selector landing page
Upgrade Selector Results

Upgrade Selector core sections

Customers can leverage AI-powered search to find their system, even with imperfect query matches or they can see a list of all available systems in database with links to relevant support articles to help boost Google rankings.

upgrade-selector-landing.png

Organic search powered by Algolia

search-ai.png

Device selection powered by Algolia

search-device.png

Mobile-first design to maximize engagement

1. Landing page
Highlights upgrade benefits.

2. Find your system

Locate compatible upgrades effortlessly.

3. System selection

Use guided search to find compatible upgrades.

4. Easy continuation

Resume where left off to minimize abandonment.

Screenshot_2024-08-16_05-28-53 1.png
upgrade1.png
acermobile.png
upgrade4.png

Results tailored to customer's system

Results page shows the user's system summary, compatible RAM and SSD options, key details, performance benefits, support links, and cart.

1-Memory.png
1FAQs-small.png
mobile-searchresults-systeminfo2.png
mobile-searchresults-systeminfo.png

Laura's ability to understand and translate complex requirements into intuitive and user-friendly designs was truly impressive.

Senior Graphic Designer

crucial.com

bottom of page