ClassDojo for Teachers — Redesign


ClassDojo is used by millions of teachers every day, in 28 languages and 148 different countries. Doing any design work to enhance the experience for teachers meant deeply understanding how the service is used in different classrooms and different situations.

Our goal was to refresh the core flows that teachers use on a daily basis while creating a new, consistent visual style that could be applied to varying platforms and conditions. The first step was creating the visual style, known internally as Mojette, and building a set of reusable HTML and CSS components allowing front-end developers (and myself) to rapidly build new pages without worrying about design or layout consistency.


View the Mojette component guide

The second step was understanding our user's actions on the site. Collecting data over several months, conducting in-classroom interviews and observation, we gathered a picture of the most painful and delightful bits of the existing experience. We then cut away unnecessary elements and reformed core flows, arriving at a much cleaner and well-received daily experience for teachers.

The creation of Mojette alongside Mojo.js, an incredible modular JavaScript framework (created by Craig Condon), allowed us to re-write the entire front-end of the teacher web app in a record breaking 4 weeks.