USER INTERFACE | 2018
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.
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.
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
TEACHING
TEACHING
TEACHING
TEACHING
Office of Personnel Management
Office of Personnel Management
Office of Personnel Management
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