University Projects: Interactive Multimedia Learning Application - Mengagumi Alam Semesta

Developing a gamified, web-based digital board game from scratch to simplify complex astronomical concepts into an interactive learning experience.

Role

Instructional Designer & Multimedia Developer

Industry

EdTech

Duration

2 Months

Interactive Multimedia Learning Application

Stage 1. Instructional Design & Storyboarding

Initiated the project independently by conducting a thorough curriculum analysis to translate intricate cosmological phenomena into an accessible learning format. Designed a detailed storyboard that integrated gamification principles—specifically a digital board game concept—to maximize user engagement and cognitive retention for young learners.

Stage 2. Visual & Asset Creation

Managed the UI/UX and graphic design phase to ensure high visual appeal and pedagogical clarity. Utilized Adobe Illustrator and Canva to craft custom digital assets, character designs, and an intuitive user interface. Prioritized a visually stimulating aesthetic that captured the vastness of the universe while maintaining a clean, user-friendly navigation structure.

Stage 3. Interactive Authoring

Executed the technical development using Articulate Storyline. Transformed static visual assets into a fully interactive digital ecosystem by programming custom triggers, variables, and gamified logic. This stage required rigorous attention to detail to ensure smooth transitions and immersive interactive feedback loops without relying on traditional coding.

Stage 4. Cloud Deployment & Live Product Integration

Conducted independent usability testing to identify and resolve any interactive bugs or navigational friction. Following successful iterations, I exported the project into a web-ready format and utilized GitHub as a cloud-based hosting platform. By uploading the project to a GitHub repository, I ensured the application was highly accessible, scalable, and responsive across various digital devices.

To demonstrate full transparency and technical proficiency, I provided a direct access link to the final product hosted on GitHub. This integration allows users and stakeholders to experience the interactive board game firsthand, showcasing my ability to manage the entire lifecycle of a digital learning product.

🌐 Launch "Mengagumi Alam Semesta" via GitHub Database

Reflections

Developing "Mengagumi Alam Semesta" as a solo developer was an incredibly rewarding challenge that tested my technical and analytical limits. It allowed me to wear multiple hats—from an instructional designer analyzing cognitive loads to a developer managing cloud deployment via GitHub. This project is a testament to my proficiency in Articulate Storyline, Illustrator, and Canva, and reflects my commitment to creating end-to-end educational solutions that are not only theoretically sound but also visually stunning and digitally accessible.

Other projects

Create a free website with Framer, the website builder loved by startups, designers and agencies.