TeacherQuest is a professional development workshop for educators designed to teach game-design and the fundamentals of play-based learning. During this workshop, teachers learn how to create fun, interactive learning experiences for their students.

The main goal of this project was to translate TeacherQuest's in-person workshops into an online experience.

The result was a hand-crafted Ruby-on-Rails application designed to match the workflow of the in-person sessions, while allowing for scalability as the program increases in popularity.

I served as the lead user-experience designer for the project, along side a developer and a visual designer.

How TeacherQuest Works

The online TeacherQuest experience follows a "call and response" style workflow.

TeacherQuest administrations post game-making challenges to their "Cohorts" (small groups of local participants), and the users would then reply with creative responses.

There are two different types of administrator-created challenges:

PlayQuicks
Short, weekly challenges that are designed to take no longer than a few hours.

Design Challenges
In-depth, Bi-Monthly challenges that require a longform response.

These two pieces of content are the centerpiece of the application, and the user workflow is designed to revolve around these two concepts.

Onboarding

We learned that teachers would be first introduced to the TeacherQuest online towards the end of their in-person workshops. Administrators planned on walking through the registration process together.

As a result, onboarding was designed to help users fill out their profile information.

A nice description

The Dashboard

After creating an account, the user is taken to the dashboard screen.

This page serves as a springboard to the two different types of challenges that will be offered throughout the session. Users can also see what kind of activity has been posted since they last logged in.

A nice description

Playquicks & Design Challenges

After administrators post either Playquicks or Design Challenges, users then respond with their thoughts.

Design Challenge responses contain a series of structured headlines which can be modified when creating design challenges in the CMS.

Users can also tag multiple authors in their Design Challenge responses.

A nice description

Commenting

The commenting system was a collaboration across Blenderbox's UX, Visual Design, and Development teams.

The goal was to encourage users to comment on eachother's submitted content. They can also flag content to the TeacherQuest team that they found particularly useful.

A nice description

The Homepage

The last step in the design of TeacherQuest was creating the homepage. This page acts as a platform for marketing the program as a whole.

We deemphasized the signup process (since at the time of launch, public registrations were not possible) and focused on the value proposition of the workshop.

A nice description