Building the Edge Design System

Redesign of the Edge's visual language to position the browser as modern, refined and competitive.

Redesign of the Edge's visual language to position the browser as modern, refined and competitive.

ROLE

ROLE

Auditied, designed, and defined usage guidelines for Edge's core UI elements. One of 2 India-based designers on a cross-geo team.

TEAM

TEAM

Designer (Myself), and other Product Designers, Lead Senior Designer and Senior Design Manager

Designer (Myself), and other Product Designers, Lead Senior Designer and Senior Design Manager

Designer (Myself), and other Product Designers, Lead Senior Designer and Senior Design Manager

STATUS

STATUS

Shipped

Context

Edge needed to shed its legacy perception and present as a modern, refined browser. Phoenix was the initiative to rebuild Edge's visual language from the ground up — a new component library, updated interaction patterns, and a refreshed design system that set the foundation for how Edge would be designed and built going forward.

My role

Owned flyouts, dialogs, and popup surfaces across the Edge browser. Audited existing patterns, redesigning for consistency, and defining usage guidelines adopted by the broader design team.

Collaborated closely with Redmond designers to ship a coherent, modernised UI at scale.

In the media