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

01  DISCOVER

About this project

The Upgrade Selector, a key feature of Crucial.com, offers three ways to find upgrades: browsing, a guided process, or the system scanner. Customer feedback helped us identify and address top challenges.

Review legacy Upgrade Selector tool

The legacy Upgrade Selector tool is a step-by-step process to find a system, and results display compatible RAM and SSD options, specs, benefits, cart access, and support resources.

Crucial Upgrade Selector

upgrade-selector.png

Upgrade Results​

ASUS FLOW.png

Product vision

If we unify all upgrade tools (Upgrade Finder, Three-step Selector, and Scanner) into a single AI-driven page, will enhance the user experience, boost SEO, strengthen Micron's branding, and drive trust, engagement, and conversions.

Redesigning Workflows with User-Centered Insights

By analyzing user sentiment from customer feedback on the legacy Upgrade Selector tool, we developed a user-centered design strategy to redesign workflows.

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.

02  IDEATE

Turning ideas into impactful design

Working closely with my UX manager, I translated her vision into wireframes, refining ideas until alignment with her goals and the broader objectives of stakeholders.

upgrade-selector-wireframes.png

03  DESIGN

User-centered design solution

I collaborated with the content team to align design with SEO goals, using bold colors and icons to create a friendly, Micron-branded experience that helps customers quickly find compatible upgrades on a single page.

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

04  RESULTS

Upgrade selector results tailored to customer's system

The Upgrade Selector Tool results page shows a system summary, compatible RAM and SSD options, key details, performance benefits, and links to support 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