FYBR

Company: Frontier Communications | Date: Summer 2023

Scope: Create design system based on the atomic design principles

Role: Senior Design Lead

Tools: Figma

Team: Self directed

Background

In 2012 I created the first version of the design system. Only back then, it was referred to as the “digital style guide”.
It was a webpage that was used to centralize both code and design styles such as colors, and typography.

However, after attending an Event Apart convention in 2013, founded by Jeffery Zeldman, my mentor and pioneer in web design.
It was there that I first was introduced to Atomic Design. Brad Frost’s speech about design systems left me truly inspired.

It altered the entire way I viewed design. It was no longer about one single project or website. A bigger picture was painted for me.
How could collectively multiple designers come together and create and execute a seamless vision?
Not only about the documentation but also communication. In order for it to be successful it required buy-in which was a mammoth task in itself.

Since then, I have built and rebuilt what is now referred to as the design system in various programs from Adobe Photoshop, to XD,
to most recently Figma in 2022. FYBR is built from research on industry best practices for optimal CX.

Through close collaboration with cross-functional teams including marketing, brand, and development.
In compliance with WCAG 2.2 accessibility guidelines.

Built with simplicity and flexibility in mind FYBR contains 267 components. It is presented, reviewed, and updated regularly.

Goals

Establish design consistency of UI patterns to be shared with both internal, external designers, frontend developers and vendors.