Facing History and Ourselves

New architecture and design for Facing History.

Facing History helps students learn about hatred and bigotry so they can prevent them from happening in the future.

View The Site

Facing History and Ourselves provides students and teachers with educational resources that examine historical and modern bigotry. They seek to safeguard a more humane citizenry by encouraging careful study of prejudice as it affects our communities. Our engagement with Facing History began several years ago when we were approached to tackle a move from Drupal 6 to Drupal 7 using new designs from another agency. Over time, we recognized an opportunity to further improve upon the site architecture to better meet their web goals. We recommended a front-end redesign, and Facing History decided to pursue it.

History Lesson

Strategy & Structure

We identified areas where we could improve upon the end-user experience to better communicate the importance of Facing History’s work. In doing so, we also identified areas where structural changes needed to be made in order to support the subsequent design changes.

The Facing History team recognized that how they thought about their content also needed to change. They moved from their previous organizational system to one that grouped content by topic areas as opposed to content types, which was an overall shift from insider thinking to user thinking. The end result was an effective strategy for surfacing content on the site for Facing History’s diverse audiences.

Facing History on Mobile

Design & User Experience

We did things a little differently with this design process. We presented a homepage comp to Facing History stakeholders as the first step. Once Facing History signed off on that comp as a general design direction, we began building the various responsive sizes that we would need. Then came the wireframes, which we created in Sketch. From there, we moved onto the design.

Facing History’s site had a lot of moving pieces and a massive library of content that needed to be displayed in a variety of ways - from card views and teasers to full, detailed pages. We developed new calls to action that encouraged user engagement with the content. Image styling was a major element of this redesign, transforming what was formerly a primarily text-based site into a highly visual educational experience.

Facing History Home

Implementation

We built two types of related content blocks, giving Facing History the tools to pull users deeper into their content. The first was a related content block where editors could reference any number of pieces of content or media, and then have them rendered in an attractive “card” view below or beside the primary content. When a curated block of related content isn’t available, we use Apache Solr’s “More Like This” functionality to display relevant content based on its similarity with the primary content. These same blocks can also show related or relevant upcoming events. To the end user, there’s no difference between how the blocks appear, but the flexibility affords Facing History’s team the ability to carefully curate the most important content without worrying about breaking the experience in other areas.

About Facing History

Results

We launched the new Facing History with a fresh visual style and revamped information architecture. This new site tells Facing History’s story in a compelling and engaging way, encouraging users to dive deeper into the wealth of carefully curated information that awaits them.

“It is clear that the length and maturity of our working relationship with TS has brought us to a highly functioning, productive, and positive place. It is also very apparent that ThinkShout deeply understands FH’s digital landscape, our goals, and our staff/stakeholder needs. We’ve had a true partnership in executing every element of this project from discovery through to post-launch polish.”

April Lambert
Associate Director of Digital Infrastructure
Facing History and Ourselves

Launch Site

Other work

Southern Poverty Law Center

The SPLC fights hatred and bigotry, seeking justice for the most vulnerable members of society.

Transformational Change for Animals

A Digital Brochure in Honor of the 60th Anniversary of the Humane Society.

A new application for safeguarding America’s most vulnerable youth in our schools.

A new application for safeguarding America’s most vulnerable youth in our schools.

Ocean Outcomes

Healthy aquatic ecosystems, a plentiful and profitable wild seafood supply, and thriving fishing communities.