www.operator.com

www.firstam.com

next slide

ignite re designsystem for fam

Non Interactable buttons

atomic design systematoms.

Scalable Design System for First AM (IGRE)

Overview

 

At First American’s, IGRE division, Jason was tasked with solving a complex problem: a fragmented digital ecosystem that lacked design consistency, scalability, and efficiency across multiple products. Each team used different components, styles, and workflows — resulting in disjointed user experiences, long development cycles, and inconsistent brand identity.

 

Our goal was to build a unified design system from the ground up, grounded in the Atomic Design methodology (atoms, molecules, organisms, templates, and pages) — ensuring every element could scale seamlessly while promoting collaboration between designers and developers.

Non Interactable buttons

www.operator.com

ignite re Design system for Fam

atomic design system

View Prototype

Non Interactable buttons

Product TitleProduct Subheader

Customize Product

Type 1

Recruitment: Intern Social Post #1Recruitment Strategy & Technique

Customize Product

Type 1

Recruitment: Intern Social Post #1Recruitment Strategy & Technique

Customize Product

Type 1

Recruitment: Intern Social Post #1Recruitment Strategy & Technique

Customize Product

Type 1

Recruitment: Intern Social Post #1Recruitment Strategy & Technique

Customize Product

Type 1

Recruitment: Intern Social Post #1Recruitment Strategy & Technique

Customize Product

Type 1

Recruitment: Intern Social Post #1Recruitment Strategy & Technique

Customize Product

Type 1

Recruitment: Intern Social Post #1Recruitment Strategy & Technique

Customize Product

Type 1

Recruitment: Intern Social Post #1Recruitment Strategy & Technique

Customize Product

Type 1

Recruitment: Intern Social Post #1Recruitment Strategy & Technique

Customize Product

Type 1

Recruitment: Intern Social Post #1Recruitment Strategy & Technique

Customize Product

Type 1

Recruitment: Intern Social Post #1Recruitment Strategy & Technique

Customize Product

View Prototype

Non Interactable buttons

Atomic structures

www.firstam.com

* Click to interact with elements *

IGRE Design System

IGRE Design System

IGRE Design System

IGRE Design System

Non Interactable buttons
Non Interactable buttons
Non Interactable buttons
Non Interactable buttons
Non Interactable buttons
Non Interactable buttons
Non Interactable buttons

Scalable Design System for First AM (IGRE)

Overview

 

At First American’s IGRE division, Jason was tasked with solving a complex problem: a fragmented digital ecosystem that lacked design consistency, scalability, and efficiency across multiple products. Each team used different components, styles, and workflows — resulting in disjointed user experiences, long development cycles, and inconsistent brand identity.

 

Our goal was to build a unified design system from the ground up, grounded in the Atomic Design methodology (atoms, molecules, organisms, templates, and pages) — ensuring every element could scale seamlessly while promoting collaboration between designers and developers.

ignite re D.S.for First am

atomic design systematoms.

www.operator.com

View Prototype

Non Interactable buttons
Non Interactable buttons

Product TitleProduct Subheader

Customize Product

Type 1

Non Interactable buttons
Non Interactable buttons
Non Interactable buttons

Recruitment: Intern Social Post #1Recruitment Strategy & Technique

Customize Product

Type 1

Non Interactable buttons
Non Interactable buttons
Non Interactable buttons

Recruitment: Intern Social Post #1Recruitment Strategy & Technique

Customize Product

Type 1

Non Interactable buttons

Recruitment: Intern Social Post #1Recruitment Strategy & Technique

Customize Product

Type 1

Non Interactable buttons

Recruitment: Intern Social Post #1Recruitment Strategy & Technique

Customize Product

Type 1

Non Interactable buttons

Recruitment: Intern Social Post #1Recruitment Strategy & Technique

Customize Product

Type 1

Non Interactable buttons

Recruitment: Intern Social Post #1Recruitment Strategy & Technique

Customize Product

Type 1

Non Interactable buttons

Recruitment: Intern Social Post #1Recruitment Strategy & Technique

Customize Product

Type 1

Non Interactable buttons

Recruitment: Intern Social Post #1Recruitment Strategy & Technique

Customize Product

Type 1

Non Interactable buttons

Recruitment: Intern Social Post #1Recruitment Strategy & Technique

Customize Product

Type 1

Non Interactable buttons

Recruitment: Intern Social Post #1Recruitment Strategy & Technique

Customize Product

Type 1

Non Interactable buttons
Non Interactable buttons
Non Interactable buttons

Recruitment: Intern Social Post #1Recruitment Strategy & Technique

Customize Product

View Prototype

Non Interactable buttons
Non Interactable buttons

atomic structures

www.firstam.com

IGRE Design System

IGRE Design System

IGRE Design System

IGRE Design System

* Click to interact w/ elements *

Scalable Design System for First American (IGRE)

Overview

 

At First American’s IGRE division, Jason was tasked with solving a complex problem: a fragmented digital ecosystem that lacked design consistency, scalability, and efficiency across multiple products. Each team used different components, styles, and workflows — resulting in disjointed user experiences, long development cycles, and inconsistent brand identity.

 

Our goal was to build a unified design system from the ground up, grounded in the Atomic Design methodology (atoms, molecules, organisms, templates, and pages) — ensuring every element could scale seamlessly while promoting collaboration between designers and developers.