Following on from our previous work on the Sokka brand, we were tasked with reimagining a Sokka diary and workbook aimed at primary school children, that would accompany PE lessons incorporating the Sokka games. We needed to bring the physical document online so that it could be updated and accessed by students, teachers and Sokka staff at any time.
Site architecture and user flow were at the forefront of our minds when approaching this project. Both design tenets were imperative for an audience mostly made up of primary school children, leading us to use bright, bold colours to ensure engagement, and clear, user-friendly navigation and structure to avoid frustration – for both children and adults! One other design consideration in terms of the actual structure and content of the training sessions, was trying to reduce teachers’ marking workloads. For this very reason, we reduced the amount of purely written questions – prioritising closed true or false and multiple choice questions wherever possible. This meant that we could automate approximately 60% of the marking process for teachers.
We started with a detailed user flow analysis to fully understand the routes through the site that the various users would take – we then refined our findings by developing interactive wireframes. Ultimately, we split the site structure into three, with specific functionality being made available to each category of user – be it students, teachers or administrators. Given that the majority of users accessing the site would be doing so from tablets, we optimised the navigation and site interactivity with this in mind. The end result is a bespoke virtual learning environment, built from scratch using the CakePHP framework.