When I was confident that my storyboard laid out an engaging, learner-centered experience, I moved on to the visual decision step of the process by creating mockups using Canva.

My main objective was to include visuals and scenes that helped tell the story while maintaining a balance of verbal, visual, and auditory information. I created a style guide to ensure I was keeping fonts, colors, and spacing consistent with the Cool Points branding, which I also created as part of the style guide. 

After completing a style guide, I used Adobe Xd to create a slide for each changing situation and scene in my learning experience. I made a mentor slide, a slide for each scenario, and correct and incorrect consequence slides. I iterated on these slides until all visual and instructional information flowed together seamlessly and made sense for the learner.

Once I was fully confident with the look and functionality of my prototype, I developed the rest of the scenario-based slides and iterated on them until all animations, sounds, visuals, and triggers flowed perfectly together. I also made a few changes based on user testing and feedback to enhance the learning experience.