USER INTERFACE | 2018

Operationalizing design for a new product team

Operationalizing design for a new product team

Operationalizing design for a new product team

FEDERAL RESERVE BOARD

FEDERAL RESERVE BOARD

ABOUT

In 2016, I joined Federal Reserve Board as the first design hire on an in-house product team within the Division of Monetary Affairs for the US Government's  central bank. Now a team of three designers and three developers, we work to improve how economists interact with and share research, policy and data. 

In 2016, I joined Federal Reserve Board as the first design hire on an in-house product team within the Division of Monetary Affairs for the US Government's  central bank. Now a team of three designers and three developers, we work to improve how economists interact with and share research, policy and data. 

CHALLENGE

I was asked to create the first style guide and pattern library for the Division of Monetary Affairs. Our team had already launched multiple digital products internally, and there was a need to streamline our designs and process.

I was asked to create the first style guide and pattern library for the Division of Monetary Affairs. Our team had already launched multiple digital products internally, and there was a need to streamline our designs and process.

ROLE

I was the only designer on this project. My colleague Cathy Gurski worked with me as the front-end developer. 

I was the only designer on this project. My colleague Cathy Gurski worked with me as the front-end developer. 

PRODUCT

I kicked off the project by doing visual research. I reviewed style guides from other federal agencies, including CFPB, USPTO and the US Web Design System, and companies in the private sector.

The biggest challenge was understanding how to name and organize our design assets and patterns. The language of atoms, molecules and organisms from Brad Frost's Atomic Design Methodology was a place to start, but the terms felt unnatural and foreign to our team. Even the US Web Design System names like design tokens and utilities were not immediately understood by our team. We ultimately settled on organizing our main content into a section for design elements, which includes our brand guidelines, and a section for patterns and interactions.

I kicked off the project by doing visual research. I reviewed style guides from other federal agencies, including CFPB, USPTO and the US Web Design System, and companies in the private sector.

The biggest challenge was understanding how to name and organize our design assets and patterns. The language of atoms, molecules and organisms from Brad Frost's Atomic Design Methodology was a place to start, but the terms felt unnatural and foreign to our team. Even the US Web Design System names like design tokens and utilities were not immediately understood by our team. We ultimately settled on organizing our main content into a section for design elements, which includes our brand guidelines, and a section for patterns and interactions.

I kicked off the project by doing visual research. I reviewed style guides from other federal agencies, including CFPB, USPTO and the US Web Design System, and companies in the private sector.

The biggest challenge was understanding how to name and organize our design assets and patterns. The language of atoms, molecules and organisms from Brad Frost's Atomic Design Methodology was a place to start, but the terms felt unnatural and foreign to our team. Even the US Web Design System names like design tokens and utilities were not immediately understood by our team. We ultimately settled on organizing our main content into a section for design elements, which includes our brand guidelines, and a section for patterns and interactions.

ma-style-guide copy-01
ma-style-guide copy-02

IMPACT

Although our design guidelines are not publicly available, internally, they have made a big impact. On our team, the guidelines have improved communication between designers and developers. 

When other design teams within the Fed heard about our work, we were asked to share our guidelines and process at an internal design meetup. There is an active discussion to create a style guide for the entire Board in the near future.

Although our design guidelines are not publicly available, internally, they have made a big impact. On our team, the guidelines have improved communication between designers and developers. 

When other design teams within the Fed heard about our work, we were asked to share our guidelines and process at an internal design meetup. There is an active discussion to create a style guide for the entire Board in the near future.

fed

WORK

WORK

RESEARCH

RESEARCH

RESEARCH

RESEARCH

Applying ethnography to scale social change

Applying ethnography to scale social change

Applying ethnography to scale social change

Bridge International Academies

Bridge International Academies

Bridge International Academies

Bridge International Academies

UX

UX

UX

UX

Building a non-profit's first digital product

Building a non-profit's first digital product

Building a non-profit's first digital product

Cool Culture

Cool Culture

Cool Culture

UX

Improving usability for millions of job seekers

Improving usability for millions of job seekers

Improving usability for millions of job seekers

Improving usability for millions of job seekers

USAJOBS.gov

USAJOBS.gov

USAJOBS.gov

RESEARCH

RESEARCH

RESEARCH

RESEARCH

Using play to address health & safety issues for adolescent girls

Using play to address health & safety issues for adolescent girls

Using play to address health & safety issues for adolescent girls

ECPAT-USA

ECPAT-USA

ECPAT-USA

SERVICE

SERVICE

SERVICE

SERVICE

Championing empathy as a strategy to reduce costs

Championing empathy as a strategy to reduce costs

Championing empathy as a strategy to reduce costs

CFPB

CFPB

Consumer Financial Protection Bureau

Consumer Financial Protection Bureau

UI

UI

UI

UI

Operationalizing design for a new product team

Operationalizing design for a new product team

Operationalizing design for a new product team

Federal Reserve

Federal Reserve

Federal Reserve

Federal Reserve

TEACHING

TEACHING

TEACHING

TEACHING

Helping students solve problems using creative mindsets & methodologies

Helping students solve problems using creative mindsets & methodologies

Helping students solve problems using creative mindsets & methodologies

IDEO U

IDEO U

Medic Mobile