Working alongside a number of internal teams at pi-top, we were given 6 months to strategise, plan and design an online learning platform, providing a space for teacher-facilitated guides that help educators implement the pi-top products with students and students to publish their final projects and show what they know. Meet 'Project Further'.
pi-top create game-changing, programmable computing devices that combine digital making, coding, and practical projects.
In the early stages of the project, we spent a lot of time in-house with the pi-top team, planning out the project, the functionality was required, the various user categories and how they would flow through the system. This was then converted into a series of user-flow diagrams and working wireframes.
We designed a two tier modular system that could create content using a variety of sections, with the capability to add relevant modular blocks within each section. The goal here was to create as much freedom as we could for the end user while maintaining a consistent standard of visual output (published, front-end), retaining control of the brand look and feel for anything that was published. In essence, an entirely bespoke content management system (CMS) was created. This allowed for a huge variety of projects in terms of length and complexity.
As part of the project, we consulted on the creation of a design language for Further, taking some existing assets from their brand palette and introducing recommendations where there were gaps.
Accessibility & legibility
With accessibility one of the core objectives of the brief, we were able to make recommendations of how the visual assets could support this. One of the most important was the approach to typography. The research was so well received that pi-top adopted FS Me as not just a typeface for Further, but the entire pi-top brand.
We completed the project with a handover of our findings, wireframes, visuals and sufficient style guides for the pi-top team to implement with their internal development team.