UI WORK / W-04
04 R&D PHASE

RnD Project

Full UI system

An R&D project that never reached production - I defined a completely new UI direction aligned with the game's theme, and kept evolving the full system as the gameplay direction shifted.

RnD project logo - post-apocalyptic game key art
MY ROLE
Lead UI Designer
STUDIO
Pixel Federation
TOOLS
Figma, Photoshop
PLATFORM
Mobile
SCREENS - EARLY → LATER ITERATIONS
Mission inventory screen - early iteration
Victory screen - early iteration
Mission inventory screen - later iteration with reworked reward panel
Victory screen - later iteration with framed crew portraits
Main screen HUD - flooded city base with quests, barter and expedition buttons
Main screen - HUD
Hero screen - character with stats and upgrade button
Hero screen
Expedition crew screen - selecting a character for an empty slot
Expedition crew - select character
Expedition crew screen - full crew assigned, ready to start
Expedition crew start
BUTTONS & ICONOGRAPHY
Button styles - primary and secondary states
Icon set - active and inactive states
FOUNDATIONS - TYPE SCALE
TEXT TYPESIZEWEIGHTFONT
Headers72BoldMade Mirage
Header / buttons42BoldMade Mirage
Important text / HUD38SemiboldDosis
Basic text30RegularDosis
Extra small text24SemiboldDosis
FOUNDATIONS - COLOR
Primary light#E4F3D6
Secondary light#D1DAC5
Primary dark#1B211C
Secondary dark#39393C
Contrast#FF7931
Gradient#1B211C · 100% → 10%