Ice Breaker iOS illustration design and UI/UX.
Developer: Jason Chutko.
Jason created a game on iOS with the objective of crushing same coloured blocks. After considering design elements from similar games on Neopets, we went with 'Polar Bears and Ice Blocks' as our theme (fig.1).
I started out with a screen flow to visualize how the user would wayfind in the game. This was a simple game so I created a bare-bones screen flow (fig.2) based on popular games.
I created wireframes according to the screen flows. The orange buttons are interactive areas (fig.3, 4, 5). While doing the wireframes for the Game screen, I realized that presenting the options to 'Pause', 'Play Again' or 'Selection' in-game was unnecessary (fig.2). First, this increased the decision making during game play. Second, I thought, as a user, it would make more sense for 'Play Again' and 'Selection' to come up when the pause button was pressed. The solution to this is shown in the second wireframe where 'Play Again' and 'Selection' would come up as an overlay (fig.4). Since there is an overlay, I added a 'Play' to enter the game again. I renamed 'Play Again' to 'Restart' and 'Selection' to 'Quit' to avoid confusion.
The following images include a screenshot of the actual gameplay (fig.6), and illustration mockups (fig.7,8).