Enterprise & SaaS (Technology)

Website Redesign (Accessibility, Navigation & DEI Focus)

COMPANY

Micron Technology

ROLE

UX/UI Designer

EXPERTISE

Website Redesign

YEAR

2023

Project description

Micron Technology is a global leader in innovative memory and storage solutions. Its website serves as the primary hub for product announcements, technical resources, career opportunities, and corporate initiatives.

I led the UX design during an 8-week sprint, focusing on accessibility, navigation, and an enhanced experience for job seekers and DEI professionals. My role included research, strategy, design, prototyping, stakeholder management, and developer collaboration.

Challenge

Micron’s website struggled to serve its global users due to poor navigation, inconsistent content structure, and lack of accessibility compliance.

  • Poor navigation across key pages

  • Inconsistent content structure

  • Lack of accessibility compliance (WCAG 2.0)

Analytics Revealed

  • High bounce rates, especially on mobile

  • Unresponsive design causing drop-offs on tablets and phones

  • Non-compliance with WCAG 2.0, excluding users with disabilities

  • Disjointed content hierarchy, making it difficult for users to find relevant information

Process

A user-centered approach grounded in research, accessibility, and scalable design.

Business Need
Micron needed a scalable design system to reflect its innovation and commitment to diversity, equity, and inclusion (DEI) while ensuring accessibility for all users.‍

Goals & Objectives

Redesign the Career Page and Micron Gives to engage job seekers and DEI stakeholders

  • Ensure full WCAG 2.0 accessibility compliance

  • Streamline navigation and content hierarchy for better findability

  • Build a scalable design system for consistent UI across pages



Research & Discovery

Objective: Understand user needs, business goals, and existing usability gaps.

What I Did:

  • Conducted a website audit to identify UX and accessibility issues

  • Analyzed Google Analytics to pinpoint high-bounce pages, with the Career and DEI pages being top priorities

  • Facilitated stakeholder workshops with DEI leads and HR partners to align business goals

  • Performed competitive benchmarking against leading tech firms (Intel, NVIDIA)

Key Insights

Career and DEI pages lacked clear calls-to-action (CTAs)

  • Users were overwhelmed by complex navigation

  • Mobile users struggled with accessibility issues

  • Stakeholders prioritized showcasing DEI efforts and improving job application flows

Personas

Objective: Empathize with users and map their goals, needs, and pain points.

Persona 1: Cynthia, DEI Program Manager

Goal: Access case studies, resources, and best practices on DEI initiatives

Pain Points: Complex navigation, hard-to-find leadership content

My Solution:

  • Restructured the DEI page into an easily accessible resource library

  • Prioritized leadership content and case studies

  • Implemented filtering options to personalize content discovery

Persona 2: Alex (Aspiring Technologist & STEM Student)

Goal: Find internships and understand Micron’s career pathwaysPain Points: Poor navigation, unclear job application process

My Solution:

  • Redesigned the Career Page with filters for internships, co-ops, and job openings

  • Simplified the application process by clarifying steps and minimizing form fields

  • Added a progress indicator in the application flow for transparency


Wireframing & Prototyping

Objective: Visualize solutions and validate design decisions before development.

What I Did:

  • Created mid-fidelity wireframes in Adobe XD for:

    • Career Page navigation

    • DEI Resource Library

    • Micron Gives Page

  • Prototyped interactive filters and search functionality for job seekers

  • Conducted usability testing on mobile and desktop wireframes

  • Iterated designs based on feedback from users and stakeholders across three testing rounds



High-Fidelity Wireframes

The high-fidelity wireframes were designed to reflect Micron’s refreshed brand identity while ensuring consistency across the enterprise ecosystem. These screens prioritized accessibility (WCAG 2.1), clean information hierarchy, and responsiveness across breakpoints. Each component was mapped to the atomic design system, enabling scalable reuse and smoother developer handoffs.

The goal was to create a seamless experience that balanced modern aesthetics with functional clarity—making it easier for both internal teams and external users to navigate and engage with the platform.

Accessibility Enhancements & Design Trade-Offs

Objective: Ensure full WCAG 3.0 compliance while maintaining a modern, clean aesthetic.

Key Design Decisions & My Trade-Offs

  • Adjusted color contrast to meet WCAG guidelines without compromising brand identity

  • Enabled keyboard navigation and added ARIA labels for screen reader support

  • Reduced content density on mobile by using accordion components

  • Removed unnecessary animations to improve load times and enhance accessibility

  • Standardized UI using the new design system for consistency

These trade-offs ensured the final design was intuitive, accessible, and efficient across devices.
‍

Handoff & Developer Collaboration

Objective: Ensure a smooth transition from design to development and maintain accessibility compliance.

What I Did:

  • Delivered annotated prototypes with detailed accessibility notes

  • Worked with developers in Agile sprints to QA front-end builds

  • Provided design tokens and style guides for system consistency

  • Facilitated design QA before launch to verify WCAG 3.0 compliance and performance

Outcomes & Impact

Increased Engagement

  • Career Page visits increased by 30%, reflecting improved navigation and CTAs

  • DEI Resource Library saw higher engagement from DEI leaders (+25% resource downloads)

Improved Accessibility

  • Full WCAG 2.0 compliance across redesigned pages

  • Increased usage by screen reader users, validated through analytics (usage up by 18%)

Lower Bounce Rates

  • Mobile bounce rates decreased by 20% after implementing responsive layouts and simplified navigation

  • Users completed job applications faster, reducing drop-offs by 15%