Civic Online Reasoning

Improving Digital Literacy

COR featured

The Challenge

The Stanford History Education Group (SHEG) came back to us for help in launching a new major initiative with a mission to help students evaluate online information more skillfully. After our initial research, we recommended a new program brand and digital experience to help create awareness and engagement with a focus on empowering teachers through a modern, frictionless user experience.

The Outcome

From naming and visual branding, to planning and building a modern digital curriculum experience with over 60 custom illustrations and 6 live action and animated videos, we helped guide and produce the launch of a comprehensive brand and campaign for Civic Online Reasoning (COR). The initial launch led to thousands of downloads, and engagement continues to grow as our campaign strategies and initiatives roll out.

Services

  • Strategic Brand Building
  • Digital Infrastructure
  • Content & Campaign Consulting

Focus Areas

  • Education & Research

83k

Visitors in first 6 months

54k

Downloads in the first 6 months

4 min

Average time on site


Analysis of the Digital Literacy Space

To differentiate COR from other digital literacy brands, we evaluated eight different sites in the space in terms of color, branding, brand extension, and messaging.

COR is a research-based curriculum created by the Stanford History Education Group—a research and development group based in Stanford’s Graduate School of Education. This positioning provided a unique basis for the visual brand and messaging.

COR Inspiration
Taking a look at the digital literacy space aided us in thinking about to help COR stand out with its practical, research-backed, and classroom-ready materials.

Understanding User Needs

We conducted a series of interviews with teachers, administrators, and curriculum developers and found that they faced similar challenges, including finding high-quality digital literacy curriculum and the availability of free curriculum.

COR User Research 200504 221734
Curriculum coming from an established university like Stanford is relatively rare.

Scholastic Yet Playful

We designed the brand as a callback to basic geometry and with a bright primary color palette that evokes a school vibe while being unique in the digital literacy space.

COR brand 1
Focused on teachers, the brand still resonates with middle school and high school students.
COR Typography

Unifying Elements

The curriculum is organized on the site based on two factors:

  1. The three questions at the heart of the curriculum
  2. Curriculum collections

Lessons and assessments are colored coded to associate them with the question they address. Curriculum collections use the blue primary brand color. To deliver lessons and assessments to teachers around the world as easily as possible, the site provides multiple routes to the curriculum.

The circles, squares, and rectangles that make up the logo are used as details across the site and in print collateral.

COR UI UX design Curriculum
A full-featured system for the curriculum that allows teachers to view the information in whatever way works best for them.

Designed With Ease in Mind

Knowing that visitors will land on the site in a variety of places, the simple navigation and content flow is designed to either lead visitors to the story behind the curriculum, or to deliver the curriculum to teachers with minimal friction.

COR UI UX design Homepage 200409 185601 1

Built for Speed

The site uses JAMstack development architecture to provide fast performance (a must for busy teachers), high security, lower costs, as well as scalability. It also requires minimal maintenance and updates, and accommodates the COR team’s need to easily add new pages as the curriculum evolves and grows—functionality critical to a small organization with limited resources.

The site authorization flow requires a custom integration with the existing Drupal backend that the SHEG site uses. We also created unique reports that allow the COR team to track curriculum material downloads.

COR Login
The seamless site authorization flow allows COR to gain some insight into the type of information the user may wish to access

Consistent Yet Diverse

The icon and illustration styles reflect the geometric shapes in the COR logo. This allows us to achieve consistency across the 64 illustrations that represent the lessons, assessments, and curriculum collections.

Different hues of the four primary brand colors are used to create the illustrations, with attention paid to matching the variants in the hues across the different colors. In addition, the illustrations are intentionally varied to reflect the global diversity of the students the curriculum serves.

COR all cards3 01
Illustrations were made for each lesson, assessment, and curriculum collection

Cross-Media Consistency

We wrote and produced four animated explainer videos that introduce the curriculum and are used in lessons.

The color palette and illustration style for the site and videos was developed collaboratively with The Foreign Correspondents' Club video production company, the COR team, and ourselves to maintain the brand experience.

COR Video
COR Elements
COR art direction 200409 205218
The homepage features a unique animated illustration that acts as a CTA to watch the introductory video.
Civic Online Reasoning Explainer Video

The Curriculum In Action

Working with LensFire Films, we wrote the treatments and produced two documentary style live action videos. Consisting of interviews of teachers, administrators, students, and the COR staff combined with live footage shot in working classrooms, the videos show one of the lessons being taught and demonstrate the need, support, and enthusiasm for the curriculum.

Civic Online Reasoning in the Classroom

Establishing A Messaging Hierarchy

One critical aspect of the messaging was differentiating COR from both SHEG's and Stanford University’s messaging without diverging too far. To accomplish this, we shifted the tone slightly away from academic and toward conversational.

COR Messaging2

A Collaborative Process

We took the lead on writing the copy for the 10-page site, collaborating with the COR team to hone, simplify, and clarify a complex and nuanced message.

One exception was the What’s at Stake? page, which was written by founder and faculty director of the Stanford History Education Group, Sam Wineburg. Our strategy was to have Sam speak directly to the audience. He wrote a statement which we formatted to look like a mini-article.

COR Content Creation 200504 221711

Brand Rollout

The most effective method for curriculum marketing varies throughout the year due to teacher capacity.

Our year-long marketing strategy includes an email drip campaign at site launch with links to videos, lessons, assessments, and curriculum collections throughout the site. A corresponding Twitter campaign accompanies the email marketing efforts. The campaign drives traffic to the site focused on desired actions, including:

  • Attracting journalists;
  • Encouraging teachers to download the curriculum;
  • Promoting social sharing;
  • And enticing curriculum developers.
COR Marketing 200504 221722

Planning Ahead

The COR team is small and highly competent. With a site built to empower them to make their own changes, they are able to create their own pages and write and publish their own content. We provided them with a Brand Style Guide that promotes long-term brand cohesion.

The Guide includes details about both the print and digital elements of the site and curriculum, how to use the shapes derived from the logo to extend the brand immediately or in the future, and messaging parameters to guide content creators.

COR Manual 200504 221719
COR poster

Scope of Work

  • Strategic Brand Building

    • Brand Research
    • Visual & Messaging Landscape Analysis
    • Interviews & Focus Groups
    • Brand Identity & Design Systems
    • Naming
    • Content & Messaging Strategy
  • Digital Infrastructure

    • Modern Bespoke Website Design & Development
    • Digital Blueprints
    • Branded Website Content & Copywriting
  • Content & Campaign Consulting

    • Branded Photo & Video Production
    • Awareness & Growth Campaigns
  • Other

    • Strategy
    • Visual Identity
    • Digital

Related Work


Book a Strategy Call

Are you ready to lead a modern social impact organization? Let’s explore our fit for working together.