UI WORK / W-08
08 LIVE GLOBALLY

Highway Heroes

Full UI system

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.

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
MY ROLE
UX/UI lead designer
TOOLS
Figma, Photoshop
STUDIO
Grip Studios
PLATFORM
iOS, Android
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
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