02 MOBILE RPG

Shehri

YEAR

ROLE

2019

Storyboarding
Illustration
Wireframing and prototyping
Motion design

This role-playing game is a component of Shehri Pakistan’s Android app which provides synthesised civic-education information and legal aid to empower citizens, especially minority groups. This is the first game in a series of ten, and took 5 weeks to finish, from ideation to completion. The game was showcased at the APAC Safety Summit in Singapore, hosted by Facebook, in October 2018.

 

Concept

Users are presented with moral dilemmas they might face in their daily lives, and they have to choose from at least two options until the gameplay is complete. They're rewarded for morally conscious choices, and “penalised” for morally dubious ones.

The motivation behind this was to make players conscious of the moral choices they make. Our goal was to extend this active realisation in the user's actual life, making them aware of the choices they make in reality when faced with moral dilemmas.

Based on their choices, and using theories of morality (principle of least harm, utilitarianism, virtue ethics), at the end of each episode, the players get a short summary of which theory of morality they ascribe to the most.Based on their choices, and using theories of morality (principle of least harm, utilitarianism, virtue ethics), at the end of each episode, the players get a short summary of which theory of morality they ascribe to the most.

Bitmap 2.png
Bitmap.png
Bitmap 3.png
Bitmap 4.png
Bitmap 5.png
b13.png
b2.png
b16.png
a4.png

For this episode, I designed 100+ screens. I was also in charge of brainstorming and coming up with a moral dilemma to base the storyline of this episode on. I led a team of 3 people and we came up with 4 different scenarios with consequent options for the gameplay.

Process

After creating a decision tree for the game, I created clickable wireframes and had 10 people play it to get some feedback. Overall it was positive, and they especially appreciated the idea behind the games.

Suggestions regarding certain verbiage, to be culturally sensitive, were taken into account and the text was updated accordingly.

IMG_5193 2.png
IMG_5404 2.png
ezgif.com-video-to-gif.gif
Screenshot 2022-01-07 at 11.22.png
fa7ca5f0-4943-490b-80ca-ca9c8f1dab47 2.JPG

Reflection/moving forward

For future episodes, I believe the process can be further streamlined to create mockups and prototypes in less than 4 weeks. Having established the UI and art style, the time spent on design can be reduced from 2 weeks to 10 days.

For this episode, our team took about 2 weeks to brainstorm ideas and come up with scenarios and options for users to choose from. After mapping out the decision trees for all four scenarios, I proceeded to create wireframes.

Moving forward, I will directly create high-fidelity wireframes as I brainstorm ideas with the team. I believe this will further reduce the amount of time needed to create subsequent episodes significantly.

previous
Shehri
next
Engage