Teach For America

Teach For America came to Blue State looking for solutions to several challenges. A large nation-wide nonprofit organization, TFA’s ethos is to improve educational disparity by mobilizing recent graduates to teach in one of over 50 high-need areas across the U.S. Every year, they evaluate 56,000 applicants and then prepare around 3,000 corps members for their first year of teaching — but this application process and training was made difficult by the fact that every year, corps members, applicants, and TFA staff had to find their way around a very fragmented online experience, spread across multiple platforms and not integrated at all.

Designing an integrated experience

The first experience that a potential corps member was likely to have with TFA was visiting the public site and signing up to start an online application to be considered for a place in the corps. The public site and the logged-in application site were hosted on two different platforms — and other than the moment when public site visitors were sent over to begin their application, the two sites felt completely unrelated.

TFA_portfolio_Iconography.jpg

To unify the the whole experience the first step for our design team was to redefine Teach for America’s visual identity. Having a strong and consistent design language was imperative to help inform and guide the user into achieving whatever their goal was in a given moment, whether it be finding information or beginning the application process.

My Role

Senior Designer along with another designer, Andy Babb

moodboard_TFA.jpg
 

The new design system needed to be robust, flexible and fully responsive to accommodate multiple content needs and devices. We relied heavily on a strong typographic hierarchy and lots of white space to guide the user through the content.

 

Public Site

Once the visual identity was established we worked in constant collaboration with User Experience designers to make sure we designed a visual system that could provide great ease of use and provide constant support to applicants.

The public site was informative and relied heavily on photography and story telling. This experience is about introducing themselves, their mission and the 51 regions where they work.

 
TFA_Homepage_Animation 5.gif
2 screens@2x.jpg

Regional Landing Pages

A key piece of the TFA experience is the relocation aspect of the program. Young professionals apply to become teachers in a school from a region that is probably unknown to them. We felt it was important to highlight this part of the experience in order to give each region the opportunity to showcase their uniqueness and also to best inform the applicants when the time to choose their preferred regions comes in the application process. As a logged in applicant the experience would support you by showing personalized touts and other graphic reminders.

Regional_Landing-pages.jpg
2-screens_regions@2x.jpg

Application Journey

Due to the nature of the content, compared to the public-facing site, the application process would have to be much denser in terms of text, instructions, and form fields for the user to complete.

aplicacion_process.gif