Trainstation 2

Event pass upgrade

My role

UX designer, UI artist, Animator

Studio

Pixel Federation

Tools

Figma, Unity, Adobe Animate

Platform

iOS, Android

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.

Key decisions

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.

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

Event Pass with 1st Class activated - gold track live — 1st class activated

Animated reveal

Motion 02

Result and navigation moments from the live game.

Competition results

Region select