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.
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.
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.
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.
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.”
Associate Director of Digital Infrastructure
Facing History and Ourselves
Humane Society of the United States
Turning passion into action with the nation’s most effective animal protection organization.
Navigating the waters of Bene
Bringing the wonders of Oregon directly to you.
Dedicated to educating young people to become active participants in a diverse democracy.
Leveraging User Research and Landscape Analysis to Know What Your Users Want and Need
The Southern Poverty Law Center
The SPLC fights hatred and bigotry, seeking justice for the most vulnerable members of society.
National Center for Youth Law
A new application for safeguarding America’s most vulnerable youth in our schools.
Healthy aquatic ecosystems, a plentiful and profitable wild seafood supply, and thriving fishing communities.
Bringing Portland to the World (and the World to Portland).
University of Chicago Graham School
Making continued education for nontraditional students accessible and engaging with Drupal 8