Redesigning a website from top to bottom is always a huge project, and the new Teach for America site we launched in April of 2015 was no exception. Not only did we redesign all the visual elements, we completely re-thought all the content and navigation. It was a major overhaul in every sense of the word.
One of our main challenges with the redesign was how to display the large amount of information we had while still keep things clean and easy to navigate and also reflecting the spirit of TFA. We had a lot of stakeholders from various teams within the organization, all clamoring for different features and elements. We did a lot of research, followed by extensive requirements grooming and wireframing.
The site is built on Drupal, and to give us the most flexibility, we established a series of different interchangeable layout panes, such as text block with images, horizontal/vertical lists, video slideshow, and pull quotes. This allowed each stakeholder group to build each page as they saw fit.
Another main goal of the site was to bring TFA's 52 regions under one roof. Each region functions somewhat autonomously, so there were separate regional sites all over the place with no real unified design. I was the lead designer on the regional template pages, working with our UX designer and devs to create a a platform for regions to publish information that was unique to them, but still maintained the same UX/UI as the main TFA site. One of the main components I redesigned was the Regional Expenses Calculator, which helps prospective Corps Members figure out what living in each particular region might cost.
One Day is Teach For America's alumni magazine, which publishes reporting and commentary on critical issues in pre-K–12 education and on the evolving work of Teach For America’s alumni and corps members.
The magazine had previously only been in print, reaching Teach For America's tens of thousands of alumni, staff, and corps members. After the launch of the new Teach For America site in 2015, it was time to bring One Day online so that we could harness the power of online storytelling to reach an even wider audience.
Working very closely with the One Day editorial team and the product development team, myself and another designer lead the project from conception to completion. We began with wireframing and style tiles, and after nailing down a look and feel and basic structure, we moved onto the visual design, focusing in on establishing strong typography and hierarchy, both in desktop and mobile.
In addition to impeccable web type, we knew we needed to bring in impactful and vivid imagery to help illustrate and bring the stories to life. We're fortunate to have many great photographers on staff who helped us realize that vision. In addition to large imagery in the article pages, we also developed a Photo section, where viewers can be immersed in compelling imagery in a snapshot-type story.
One Day online's success hinged on being able to display it's long-form storytelling in an engaging but refined way, so we worked hard to keep it free of clutter and used white space to let the story and images be the main focus.
Forefront Magazine is an interactive tablet magazine. It is designed for and dedicated to corporate leaders, focusing on the human element of their stories. Forefront profiles men and women in decision-making roles across all industries, the common thread being the business savvy they demonstrate in their respective spaces.
I worked as Art Director for the magazine and brand, designing interactive feature story layouts that are created specifically to be viewed in an iPad or tablet. I also designed the logo and masthead, as well as various marketing materials and social media graphics.
Teach for America's Annual Reports had always been done the same way: a very long, very un-user-friendly PDF. For 2014, they wanted to do something new, so I helped usher them into a new era with this entirely web-based and interactive Annual Report.
I was the only designer on this project, so I owned every piece of it. I started by making wireframes and a style tile, so we could present the general idea to the stakeholders. I worked with the copywriter to figure out how to organize the large amount of content we needed to work with, and how we wanted to break each section down. I worked very closely with the front-end developer, supplying her with the CSS for type, spacing and color styles, and making sure the site looked good in all responsive breakpoints.
I designed all of the custom infographics, and made an animated gif map showing Teach For America's regional growth from 1990-2014. I selected all the photos, making sure that we displayed an authentic and diverse group of students and corps members, striking that balance between celebratory and stoic.
The goal of this Annual Report was to inform our donors (and the general public) of the amazing progress we made in 2013-2014, but also to give some transparency into our future goals as an organization. It was a huge success, and we were able to reach many more people in a more impactful, immediate way than previous Annual Reports.
Teach For America Social Media
Teach for America has a very strong social media presence on Twitter, Facebook and Instagram, often posting 2x a day. I helped support our Social Media team with graphics and images for a multitude of things, like the Recruitment campaign, live tweets from events, Instagram quotes, and our annual Corps Announcement.
Teach for America's primary targets are college kids who scroll through their social media accounts at lighting speed, so I needed to produce images that were not only colorful and eye-catching, but that were easily digestible and shareable. And although every campaign has a different look and feel, it still needed to reflect the larger TFA brand.
Hospitality Lighting magazine
Hospitality Lighting is a B2B magazine that focused solely on lighting trends in the hospitality industry, covering everything from hotels to restaurants to casinos. The lighting featured in the magazine was bold, innovative and often large-scale, and required design that matched in intensity but didn't overpower the images.
Teach For America Event Swag
Although I mostly worked on the web side of Teach for America, occasionally I got to indulge my passion for lettering and illustration for various event swag and office decor.
Various logos and type treatments.
The Winchendon School
The Winchendon School is a co-ed, college preparatory boarding school for grades 8-12 located in Winchendon, Massachusetts. It's a unique environment that helps foster academic success through small classes, individualized support, and a diverse, multi-cultural student body.
I work with the Academic Development office on a variety of marketing pieces, including their yearly Progress Magazine, a 32-page magazine that chronicles the events of the school year and has become an exciting and integral marketing piece for them.
I also work with the Alumni Relations Office, who recently launched an initiative to increase alumni involvement with the school, as well as to increase alumni donations. I have created marketing and event materials for their Annual Alumni Reunion, Annual Golf Classic, and regional reunions around the country.
Home View magazine
Home View is a magazine that brings timely content and useful discussion to interior designers and home furnishings retailers. It is designed to be big, bold and splashy. I helped create and concept the look and feel for the entire brand, including the logo, color palette and type system for the magazine. The magazine is produced quarterly.