Re-imagining Xbox Settings

Project at a glance

Role & team Lead Systems Designer · Partnered with PM & Eng Leads

Core challenge Inconsistent, outdated settings screens across different devices

Key outcomes Shared component library, dynamic design tokens, responsive layouts

Overview

I redesigned the Xbox settings experience to feel cohesive, modern, and effortless to use. By replacing one-off visual patterns with flexible design tokens and shared components, we built a responsive framework that feels right at home on both console screens and mobile devices.

I led the design strategy, component updates, layout work, and token system—working hand-in-hand with our engineering team to turn design ideas into clean, working code.

Xbox Settings Notifications Page interface

Settings: Notifications Interface

System-first approach

I treated every component as a reusable building block, keeping real user needs front and center while staying mindful of engineering limits. Acting as the bridge between design and code helped us launch a polished experience without missing a beat.

Settings: Manage Games Interface

Impact & takeaways

Clarity & consistency

Turned messy, deep menu layers into intuitive patterns that feel familiar whether you are navigating with a controller, touch, or mouse.

Built to grow

Created flexible layout rules so future teams can plug in new account controls, safety features, and preferences without cluttering the screen.

Team collaboration

Worked closely with product and engineering leads to navigate tricky tradeoffs and left behind clear guidelines so the system is easy to maintain.