So what we planned for was...

Design Phase

Storyboard

Attention Grabber (Page 1)	·         GIF of a soldier walking with countdown. ·         Wall mount weapon rack and a backpack with hotspot that triggers ‘Let’s go’ label and it directs to next page. ·         A GIF of skydiver.
Objective (Page 2)	·         Hotspot on three objects: A helmet, a backpack and a weapon. ·         Triggers information about the objectives. ·         A home button directs to the home page.
Home (Page 3)	·         Hotspot on three target range that triggers labels: Lesson, Practice 1 and Practice 2. ·         When hotspots are clicked, user will be directed to either lesson, practice 1 or practice 2 page.
Lesson (Page 4)	·         The user is instructed to click on medical kits. ·         Medical kits are highlighted with hotspots. ·         When clicked, a sergeant will describe the position of each medical kit. ·         A home button directs to the home page.
Practice 1 (Page 5)	·         Scenes that contain objects with different position are presented.  ·         An incomplete sentence with blank will appear in each scene that asks about the exact position of different items. ·         User will key in the preposition and it will display ‘Winner..winner, chicken dinner’ for correct answer and ‘You failed to amaze me, soldier’ for wrong answer. ·         A home button directs to the home page.
Practice 2	·         A message box with title ‘Get ready, soldier’ and a description ‘Follow the instructions given.’ ·         The user is instructed to click on different items according to instructions. ·         The items which are a medical kit, a weapon, a helmet, a hand grenade, and a backpack are highlighted with hotspots. ·         When clicked on the correct items, it will bring the user to the next instruction. ·         If it is clicked wrongly, nothing will happen. ·         A home button directs to the home page.