Run For Your Life
Lack of exercise might literally kill you.
'Run For Your Life' is a mobile exergame (exercise video game) that I prototyped for young adults to get active by running through an apocalyptic story filled with missions and monsters.
It maintains a very consistent colour palette of purple that sets the gloomy mood of the experience but is vibrant enough to get players moving.
Several gameplay features have been designed for RFYL; such as an entire campaign-based story line where the player can embark on running missions, a fitness tracker for them to monitor their progress and achieve their goals, a building mini-game in which players can see their physical activity pay off during their wind-down time and a monster gallery for the players to fill during their adventures as they encounter all the monsters of the game's fictional world.
The above is a walkthrough of the prototype. The first slide showcases the login, home page and mission selection, the second showcases the fitness tracking, building mini-game and monster gallery. The third slide showcases the user experience when they are on the mission itself, which is supported by audio dialogue and navigation markers in reference to their real world.
As it is a fitness app, Run For Your Life is also designed to be smart watch compatible, enhancing the user experience. It has navigation features, multiplayer interactions such as racing or trading supplies with friends, boss fight progress, pick up notifications, and more.
Designer's Notes
In the development of RFYL, a great deal of research was done into other gamified fitness mobile apps, such as Zombies, Run!, Pokemon GO and Run-keeper, as well as other pop culture sources such as the anime film Sword Art Online: Ordinal Scale. A game design document was then drafted that entailed and discussed all the research findings, the game design, technical aspects and a proposed timeline and budget for developing the prototype.
A flowchart was also drafted that outlined the interconnectivity between the app's several features, to be used as a plan when developing the prototype. Everything was drafted in Adobe Illustrator first before it was imported into Adobe XD to make the prototype functional and seamless. Development pictures shown below.