UI/UX Design by Markuss Javier

Learning the ways of the Lord, the fun way!

In this time of the pandemic, Santi is Don Bosco Technical Institute’s means of integrating online learning into their catechetical process.

While the online learning project aims to provide a fun holistic educational experience to the students, it also intends to give teachers and administrators a more convenient and intuitive system to monitor the students’ progress.

Challenge

The challenge was to create a fun-looking, easy-to-use digital platform with the goal of improving the students’ and teachers’ experience of Don Bosco’s Christian Living Education program. To achieve this goal, these were the key constraints that needed to be solved:

• Consolidate the students’ learning experience and the instructors’ teaching & grading system into a single mobile-friendly website
• Devise a reward system that would encourage students to participate in the program more actively
• Design a lesson-tracking experience for the students where, simultaneously, teachers could check their progress

<aside> 💡 Solution

Our solution was to first identify Santi’s key features based on Don Bosco’s curriculum for Christian Learning Education, and then structure the site architecture & navigation around a model that is familiar to young people and adults alike. We then integrated a gamified experience where students are able to track their progress and earn badges for various achievements.

</aside>

Sitemap and Wireframe

User tests were done by the Don Bosco team to identify what features students and teachers believe to be important and where they would expect to find them. Data gathered from these tests helped me with designing the structure of the site, the navigation, and content hierarchy.

Initial user journey map (student).

Sitemap based on data from user tests.