The main home page introduces the program and the visual language used on the website and related materials. The central color and typeface were inspired by the recent Hyperakt/Studio 360 branding for Teachers Redesigned.
The blog features four types of posts — quotes, innovators, news and reflections. Innovator posts are influenced by the napkin notes in Gourmet magazine. These posts can be updated via Drupal and retain their character across various screens and breakpoints.
The platform is organized around six modules, each with several activities, each comprised of a number of tasks. Color-coding (tested for maximum contrast and legibility) and distinct letter-marks promote clear wayfinding.
The module color system extends to the main interface — the main page border takes on the color of the current module.
Activity pages frame context and contain associated tasks. A running-numbering system for activities makes it easy for teachers to reference specific parts of the curriculum. A sub-numbering system is used for tasks within an activity. Both task and activity numbers are treated graphically to support wayfinding.
Tasks are displayed using an accordion pattern. Individual tasks feature the basic description and estimated time needed to complete the work, as well as related tips and worksheets.
A context-sensitive progress bar is fixed to the bottom of each activity page. This allows easy access to points within and across modules as well as a fly-out help panel.
Teachers Design for Education is a platform that introduces teachers to the design thinking process. The site offers a self/team-directed online curriculum that helps teachers use design methods to solve challenges in their classrooms. Currently in beta, and available only to a select group of teams, the platform is organized around six modules, each with several activities, each comprised of a number of tasks. The content organization, user experience, and user interface reflect several iterations of testing with teachers from varied backgrounds. The pilot program ends in June. Additional testing and iteration continue. Stay tuned for updates.
Art Direction, Visual Design and Layout, Interaction Design, Responsive Design, Front-End and Drupal Development.
Content by Lindsey Messervy, Kirtley Fisher and Emma Beede