The part of the work that I most enjoyed at CFPB was probably the least flashy, but most challenging projects. Breaking down complex information into more visually enjoyable and understandable chunks is my JAM. I enjoyed helping passionate people who are excited about their work reach a larger audience.

Building blocks of financial education

The youth financial education team needed a simple and visually appealing graphic to engagingly explain to parents how children develop their understanding of financial concepts across developmental stages. 

After many iterations, like using a rainbow rock and stack toy as a visual metaphor, this Pinterest-worthy graphic has become the main visual way the CFPB explains learning financial concepts as part of child development. It illustrates how learning aspects of financial literacy iteratively over multiple stages in a child's life compound on one another and lead to better financial well-being in adulthood. 

Money as you grow building blocks

Understanding variations in credit scores explainer

Because consumers can now readily access their credit scores from multiple banks or other institutions, they may see a variation in the numbers. The task of explaining this variation was complicated by the fact that there is no consistent formula for credit scores, and most factors that go into these formulas are beyond a consumer's immediate control.

Through a collaborative process the financial education team and I decided that we wanted a simple graphic that conveyed the following:

  • it was ok to see some slight variation in scores

  • why scores might be different

  • the aspects that the consumer could control to improve their score

After workshop-ing numerous options, I came up with the concept of using marbles or sand art as a visual metaphor. It helped tie the graphic together and give a concrete example of an abstract formula. 

This graphic has lived beyond the one blog post it was created for, and found a home on the difference between credit scores and credit reports page of the site.

different credit scores

Legal Coverage Flowcharts

Recently, the Bureau has begun to create yes/no flowcharts as a simple way to help people understand if they need to follow particular regulations. It's a high level look to provide more information on when the rule should be followed. 

These complex charts need to be clear and printable because lawyers hang them up in their offices to easily access. 

Adding subtle color to the yes/no boxes helps clarify the flow and makes it easier for users to recognize the difference between the options, because often a yes doesn't lead to a positive outcome. 

Because of the success of this style, we've started to make similar flowcharts for more of our rules and regulations.

prepaid coverage chart
coverage chart page 3
coverage chart page 4
coverage chart page 5

Curriculum Review Tool

This is one of the more complex projects that I've worked on at the Bureau. This tool helps financial educators evaluate different financial education curricula. It involved creating a simple system for a 4 part, 100+ question form that has 2 scoring metrics, and takes users 4+ hours to complete.

Because it takes users so much time to complete, it's rare that people complete it in one sitting. We try to avoid unnecessary data collection about the public, so we don't have a log-in or save mechanism for the tool. The final tool is a 50 page fill-able pdf with JavaScript to automatically calculate scoring. It can also be printed and completed. Different shades of green subtlety distinguish the 2 different types of questions, and small icons work to identify the different sections.

Full PDF tool:

CRT graphic
CRT report
CRT utility inside
CRT utility scoring

Guide for K-12 financial education resources

This project involved making a dense 120 page guide of full of useful resources and case studies easily manageable for educators and policymakers. The report is broken into 3 sections with 11 subsections. 

My solution was to create a system of mock tabs to help users navigate what section of the report they are in and to easily flip between them. Color works to unify each section, and add visual interest. 

There's also a visual guide with questions in gray boxes that helps to connect users to the section that will meet their needs. Each section can also be broken out and distributed individually. 

The result is a report that works better and more dynamically for its users. 

Full report:

state engagement inside
state engagement section page