Fluency runner

Fluency Runner is a language-learning mobile game shipped by Play Morgan Studios. The game is based at a college, where the student, a teenage male, is being held in detention for receiving a low grade on an exam. Instead of staying in the assigned room, the student decides to run into the halls of the college and attempt to escape the teacher who gives chase. In order to escape the teacher chasing him, he has to correctly translate as many words and sentences as possible.

Project

Client

Role

Lead UI artist

Mobile game design

Play Morgan Studios

Figma

Tools

Adobe Photoshop

Inkscape

Unity 3D

Logo design

In my capacity as the UI designer and artist, my primary responsibility encompassed the conceptualisation and development of the game's user interface, including the crafting of icons, logos, and various screens. Additionally, I was tasked with the formulation of a comprehensive set of design guidelines, meticulously designed to establish and perpetuate a sense of consistency and harmonious design elements throughout the entirety of the game's interface.

Overview

Challenges and Solutions

Ensuring that Fluency Runner effectively balances the educational aspect with the fun and engaging gameplay posed a significant challenge. Striking the right balance was crucial to keep players motivated to learn while enjoying the game.

Balancing gameplay and learning

Designing a realistic and immersive college environment while maintaining a focus on language-learning gameplay presented a design challenge.

Realistic game environment

Keeping players motivated to engage in language translation challenges while evading the chasing teacher, requires innovative solutions.

Motivating player engagement

Gamification elements were introduced such as rewards, power-ups, and progression systems to make the language-learning experience enjoyable and addictive.

An adaptive difficulty system was implemented, which adjusts the complexity of language challenges based on the player's performance, ensuring an appropriate level of challenge for individual players.

Solution

Detailed 3D graphics were utilized to create a visually appealing and realistic college environment, enhancing the overall gaming experience.

Interactive elements were also Integrated within the college setting, allowing players to engage with objects, characters, and clues that provide context for language challenges.

Solution

Narrative integrations were woven to create a compelling narrative in the game, where the player's goal is not just to escape but also to uncover the story behind their detention, creating a sense of curiosity and motivation to progress.

Leaderboards and achievements were implemented to foster competition among players and motivate them to achieve higher language proficiency levels.

Sketches

Wireframes

Style guide

Brand colours

Font

Game icons/buttons

Silom

AaBbCcDdEeFfGgHhlijj
KkXxYZz0123456789
(!" #€%;*8/)

Unity development

As part of the design process, the Unity UI software was utilized to place and align the game UI within the game. This was part of the hand-off process with the game developer, so uniformity was essential.