Chromaz

Educational minigames for bored designers. It's all about the colours!



Overview
A simple colour game for designers to play during breaks. This app currently consists of 2 games - Odd One Out and Name It.


Team + Role
This is a project I'm doing with my brother and development is in progress! I focused on the interface design of the app.


Timeline
1 week


Tools
Figma, Photoshop, Illustrator


Project Background

This app was created for 2 reasons rather than for a specific problem:

1. My brother will have the opportunity to put his Swift skills to the test
Yep, this was a project basically for my brother! He started learning iOS development and was looking for a simple project without the use of complex databases or APIs. He also has a passion for games and what better way to make learning more enjoyable than to match the app with his interests? Hence, I settled with a couple simple minigames.

2. I can learn about colours
The second reason is more personal but hear me out - I'm not proud of it but I was the type of person who classified a colour as 'dark red,' if it was maroon. That's the reason for the first minigame and for the second, I wanted to train my eyes to see the different shades of a colour and so the other game was created.


Goal
To learn Swift! (the development goal is the most important one for this app as it was designed with basic development skills beind used to create it, in mind)

Solution

Odd One Out
Find the hexagon that's a different shade from the rest. It may seem easy at first but later, the grid gets bigger and the differences are hard to see!

Name It
Did you know Imperial was a colour? How about Pewter? Here's your chance to learn all 180 colour shades and their hex colour codes in a multiple choice-styled game! You win if you identify all 180 shades correctly!

Gamification

Prior to designing the game's flow, I researched a variety of gamification elements. Below, I have outlined a couple elements and justifications for their use case(s).

Time Pressure
By reducing the amount of time users have to focus on the problem at hand, it forces them to quickly make decisions and test whether they really know the concept or not. In reality, we don't have more than a couple seconds to state the name of a colour and so this element is suitable for Name It.


Leaderboards
Rather than comparing with other people, users will compare with themselves. Personal leaderboards are used in both mini games as indicators of personal progress. To avoid discouraging the user, the user will never be shown to be last place as any rank below 6 will appear normally with a number such as '10.' This may or may not be their lowest score.

MOCKUPS

Home

Main Menu

Odd One (Home)

Odd One (Example)

Odd One (Example 2)

Odd One (Game Over)

Odd One (Quit)

Odd One (Pause)

Odd One (Leaderboard)

Name It (Home)

Name It (Example)

Name It (Game Over)

Name It (Quit)

Name It (Pause)

Name It (Leaderboard)

Name It (Win)

Name It (Win Leaderboard)

Portfolio Shortcuts


Project Voice

BiteCheck

Midnight Sun