To carry out this mandate, we conducted an in-depth study of the medical and scientific research industry and the educational platforms that already existed in these fields. We then created a visual identity for the project to standardize the illustrations, icons, PDFs, and graphics that would be implemented, so as to give Type1Support an original identity.

This approach was essential because it allowed us to build an intuitive platform that caters to the research program's needs while remaining accessible and easy to use for the target audience.

The project consisted of four main steps: website development, gamification, data compilation and coding, and scripting optimization.

Development

As the website had several functions, its development required multiple steps.

First of all, the platform had to allow users to register by creating an account and customizing their profile, while going through a tutorial process. This would give them access to a dashboard containing a summary of their experience and progress through the completed courses. In order to do this, a modular course structure was required involving multiple chapters, media and quizzes, and a summary of unlocked elements at the end of the course.

We also wanted the interface to be dynamic and the navigation between the different pages of the website to be fluid and efficient for the learner. We integrated a discussion and news forum that allows users to communicate with each other and keep up to date with the latest news about type 1 diabetes.

Subsequently, we integrated the content provided by McGill University.


Gamification

The introduction of a reward system was designed to maintain the user's interest while completing the course. This reward system includes trophies, avatars and certificates at the end of each module. Some features are also unlocked as the user progresses through the multi-level system of the courses. This system users to rank themselves against other users with an experience point system.


Data Tracking and Optimization

Data compilation was also carried out by analyzing all interactions and allowing individual monitoring of users as part of the research program. This meant pushing the usual tracking tools much further than what they usually allow for. The final stage of development involved the fine-tuning of the responsive interfaces, illustrations and functions of the platform.

Once the development stage was complete, Nara published the website in beta version to perform testing and troubleshooting alongside the client before the final version was finally launched.