UI WORK / W-02
02 10M+ DOWNLOADS

Trainstation 2

Event pass upgrade

The Event Pass already had Free and Premium tiers. My task was to introduce a higher "1st Class" upgrade inside this dense UI - clearly, without clutter or disrupting player flow.

Animated reveal
the 1st Class ticket slides in on tab open; discoverable without permanent weight.
Integrated, not intrusive
embedded in the Event Pass header, never a popup.
Color-coded tiers
blue Premium, gold 1st Class; value read through color alone.

OUTCOME - a clearly visible upgrade path with zero added clutter; monetization visibility driven by UX, not force.

TrainStation 2 logo
MY ROLE
UX designer, UI artist, Animator
STUDIO
Pixel Federation
TOOLS
Figma, Unity, Adobe Animate
PLATFORM
iOS, Android
Event Pass upgrade wireframe
Wireframe
High-fidelity grayscale pass of the upgrade flow
Hi-fi - grayscale
Final UI - the gold 1st Class ticket in the Event Pass
Final - 1st Class ticket
Event Pass overview - free and premium reward tracks side by side
Event Pass - overview
The gold 1st Class ticket revealed in the Event Pass header
Revealed 1st class ticket
Upgrade ticket popup - what 1st Class adds, with the price
Upgrade ticket
Event Pass with 1st Class activated - gold track live
1st class activated
Animated reveal
MOTION

Result and navigation moments from the live game.

02
Competition results
Region select