- Year:
- 2024
- Role:
- Product Designer
- Scope:
- UX / UI Design, Branding
- Platform:
- iOS, Android
Map Mastermind
Map Mastermind is an online strategy game where players place blocks on a board to score as many points as possible.
Context
A colleague proposed this non-commercial project to me. The main idea is to transfer the experience of a board game into an application. That was what attracted me to take up this idea.
The project remained a concept.
Process
Research
The first challenge was adapting the board game experience for a mobile app. In the original game, the player paints over the dropped figure on the map. We focused on finding references for similar types of interaction.
The next step was to search for references of interaction with game cards, since the cards suggested several scenarios of interaction.
Next, we moved on to the selection of references for the overall visual style and branding.
Prototypes
We explored interactions with the game board and its supporting modals. We tried several options in search of the most obvious way to interact with the blocks.
As a result, we settled on the option presented below.
Also, during the testing process, we came across the fact that the rules of the game are far from obvious to users unfamiliar with the original game. As a solution, we added the rules of the game as a separate step of onboarding.
User interface
We've moved from the medieval setting that was in the original game to something closer to cyberpunk. We wanted to achieve cool, serious colors with acid shades. This determines the choice of the color palette of the project.
Some parts managed to be reused and they were transferred unchanged from my previous Data visualization app UI-kit project .
Alongside the game board, we designed modals that show players the current state of the match.
Next Project
