Overview

This project was developed by a team of two as part of an assignment for the Designing Interactive Media course in the Educational Technology program. The process involved conducting a needs analysis, creating content, wireframing and storyboarding, designing visual assets, and developing the training using Articulate Storyline and Adobe Creative Suite. The final prototype was hosted on GitHub.

Contextual Narrative

Wire Framing and Storyboarding

Final Product

This page serves as the main hub of the app, where users can tap on different rooms to enter. Inside each room, they can continue playing by finding objects related to specific topics about sleep and learning more through interactive exploration.

The user is introduced to the app’s functionality through a brief tutorial. During this tutorial, they learn how to navigate between rooms, use the interface buttons, and access the hint feature to progress and locate all interactive objects. In each room, users must identify and select clickable items, which lead them to pages containing visuals or animations that explain different aspects of sleep hygiene.