Wirewolf Design logoLenka Vavrincová
Screens & system
04 R&D phase

RnD Project

Full UI system
My role
Lead UI Designer
Studio
Pixel Federation
Tools
Figma, Photoshop
Platform
Mobile

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
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%