Problem
Idaho wants to teach wilderness safety to people visiting and they don’t want to be boring and/or authortain.
Solution
Gamification! We created a wilderness safety quiz so people can learn in a fun way. Depending on how well someone does they get a different cute animal. They then get an option to share on social media.
My Role
I was the front end developer on the project. It was my joy to create the page based of the designer’s mockup. In addition to making the page look good I created a program to score the quiz.
Questions
Question Unanswered
When a question is unanswered 3 choices are shown.
Question Answered Correct
When the question is answered correctly it turns green and provides more information
Question Answered Incorrect
When a question is answered incorrectly it turns red, shows the correct answer and explains why.
Question Tracking
At the top of the page each question is tracked to show how many have been answered correct, incorrect and unanswered. At the bottom of the page there is a button to submit the quiz. This button only shows if all the questions have been answered. This is to get clean analytic data in Google Tag Manager.
Results
After the quiz is submitted. The user is brought a to a results page. This page show’s the score and provides a cute animal associated with the score. Lastly it provides an easy way to share the test on social media.
