Case study
05 Live globally

Highway Heroes

Full UI system
My role
UX/UI lead designer
Studio
Grip Studios
Tools
Figma, Photoshop
Platform
iOS, Android

In this tycoon game, players juggle dozens of quests a day - so the quest card had to stay instantly readable across every type and state, without ever changing its layout.

Key decisions
  • Clear hierarchy - reward & goal read first
  • Less clutter - timed quests moved off the main card
  • Functional color - quest types recognisable at a glance

Outcome - one flexible card that scaled to every quest type and state, keeping the UI clean as the game grew.

Highway Heroes: Truck Garage logo
Quest card wireframe - grey blocks laying out reward, goal and action
Wireframe
High-fidelity quest card - layout and type set, before final art
High-fidelity
Final quest card UI with reward, goal and claim button
Final UI
The quest card in its four states: active, timed, done and expired

Card states - active · timed · done · locked

UI elements & screens

The reusable pieces behind the game - shop offer cards, color-coded resource categories, and how they come together in live screens.

Shop offer cards - the reusable offer components across categories

Shop offer cards

Gems
#9971d8
#543d85
Special offers
#8096f3
#484388
Pixel Coin
#72d8ef
#4fa0c3
Money
#90e38f
#257448
Service
#efbb72
#976123
Fuel
#e28f90
#8e3e3f

Color-coded resource categories

Live screen - daily offers and gems shop
Daily offers & gems
Live screen - money and fuel shop
Money & fuel shop
Live screen - competition quests
Competition quests
Live screen - competition leaderboard
Leaderboard