The 3 hero
The 3 October 2016
Product Design Mobile

The 3

Overview

The 3 is a free-to-play iOS trivia game. I owned graphics, game design, and UI across the title — from initial wireframes through visual exploration to final production. The brief was simple: three rounds, three categories, a game session you can finish on a bus ride.

Team: Game Dev Team, Game Designer
Role: Graphics, Game Design, UI
Timeline: 6 months

The 3 — v4 designs
Visual direction — v4
Wireframes

The flow boiled down to navigation, a title screen, a game screen, and a results breakdown. Wireframing was about making each one tight enough that nothing required an explanation.

Wireframe — navigation
Navigation wireframe
Wireframe — game breakdown
Game breakdown wireframe
Wireframe — title screen
Title screen wireframe
Wireframe — game screen
Game screen wireframe
Design Exploration

A few rounds of visual exploration on title screens and in-game UI — testing how illustrated versus type-led directions felt before committing.

Title screen exploration
Title screen explorations
Screen exploration
In-game screen exploration — set 1
Screen exploration
In-game screen exploration — set 2
Screen exploration
In-game screen exploration — set 3
Production

The shipped build — final visual direction across the full flow.

The 3 — final production
Final production screens