Games + Learning Visual identity system and website for games for learning - a growing sector for educators, researchers, developers and investors.

  • www.gamesandlearning.org

    www.gamesandlearning.org

  • Brand Guide

    Brand Guide

  • Visual Brand Brief

    Visual Brand Brief

  • Content section icons

    Content section icons

  • Preliminary (unchosen) logo design

    Preliminary (unchosen) logo design

  • Preliminary (unchosen) logo design

    Preliminary (unchosen) logo design

  • Style Tiles

    Style Tiles

  • Postcard

    Postcard

  • Timeline graphics + icons

    Timeline graphics + icons

  • Charts + graphs

    Charts + graphs

  • Graphs + charts

    Graphs + charts

 

Background 

Gamesandlearning.org is a news-oriented initiative intended to elevate the games and learning sector for Joan Ganz Cooney Center, a research division of Sesame Workshop. The site is the go-to source for scientific and market research, and analysis of the growing interest of educators, developers and investors in games for learning.

Challenge 

We began by developing a Creative Brief and a more visual Brand Brief (seen above in slideshow) in order to provide shared understanding and focus to the logo and website initiatives. This helped us gain a thorough understanding of:

  • the web user audience (game designers, investors, researchers, and educators)
  • this new brand’s attributes (innovative, authoritative, experimental)
  • the competitive landscape (other organizations in the sector)
  • business objectives (to elevate and be the essential source on the games and learning sector)

Solution

As we began the logo design process, we explored concepts such as fun discovery8-bit revolution, and a HUD control panel. After rounds of revisions, a final 8-bit revolution concept was chosen.

Next, beginning the web design process, we started with “style tiles” – a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web. They helped us form a common visual language between us, the designers, and the stakeholders (client team, developer, and editorial director) and provided a catalyst for discussions around the preferences and goals of the client.

Once a look & feel was agreed upon, we applied this concept  to the front-end page designs and icons used on the website to differentiate each content section type (for ex: Market Analysis, Learning Research, and ‘Explainer’ pages).

Unique pages highlight “specialty” content – such as this one-page scrolling “Explainer” page devoted to the topic of deciphering Common Core state standards – and this page illustrating the results of a teacher survey on using games in the classroom.

Results

We worked collaboratively with an editorial and development team over a period of 8 months on the website design.

A Brand Standards manual was delivered to the client with logo files, specifications and other graphics so that they can keep the look and feel of the identity consistent. Specific directions regarding the logo, typography, and color palette were included. Accurate implementation of the standards helps build a strong image for Games and Learning so that members of the community will have an easier time recognizing their good work and builds brand loyalty.

The result is a design site that is fresh, professional, fun and authoritative – yet not too academic-looking. For a content-driven, news-based site, the responsive design is especially easy to use and navigate on tablets & mobile devices.