Spot the Difference App

DriversEd.com

Spot the Difference is an iOS native app which trains students to be attentive to details, an important skill to have when driving on the road. This simple game challenges students to spot 5 differences between 2 images. The topics of the images are related to road scenerios, car parts, and driving. The general audience is between the age of 15 – 65. The design of this game is targeted towards the teen demographics who are mobile and tablet savvy.

This app is offered for free. Main reason is to build brand awareness through public service. In-app ads can also help promote DriversEd products. The following are screens and details of the app.

Splash and Login Screens


The Splash Screen begins with an animation of the DriversEd.com Mini floating pass the sky attached to a hot air balloon. Once the Mini reaches middle of the screen, the “Spot” logo will appeared with stars bursting. The splash screen then fades into the Login Screen.

Tutorial Screens


The next place we take our users is to the tutorial screens so they can learn how to use the app. They can choose to “skip” or continue by clicking the next arrow. The second screen demonstrates how users spot the differences. The last screen explains the functions of each icon in the tool bar.

Category and Level Screen


This is where users can choose a category of images. Then, they can select the level of difficulty. You must pass a level to unlock the next level. However, an unlocked level is always available to be revisited.

Game Screen and Menu Panel


This is the main game screen where users play spot the difference. When a difference is spotted, a star burst animation plays and the spot stays highlighted. Each spot is accounted for by the counter in the tool bar. The circle fills in when a spot is found.

The bottom of the screen is an example of an in-app ad. Users leave app to view recommended course products or click “x” to hide the ad. The next screen is the Menu Panel where users can update their account information or check on their Star Status.

Failed, Passed and Star Power Screens


These are potential screens users can end the game with. First scenario is when they run out of time, when they don’t pass the level. The second screen is if they passed. The shorter time it takes them to complete each level, the more stars they can earn. Finally the last screen is when they earn an award. Users can choose to accumulate their Star Power for bigger rewards or use what is available to claim a smaller reward.

Full Mockup