Outpost Red — UI/UX & Concept Art Case Study

Outpost Red — project case study hero with astronaut and project synopsis Role, genre and platform badges with tools and software stack
UI Game Demo — inventory system, HUD, Unreal Motion Graphics Index — ordered list of all case study sections
Information Architecture — overview, technical specifications, UI, game systems, concept art Outpost Red project information architecture tree diagram
User Flow — game launch, main menu decisions, loading, gameplay and inventory, in-game settings Combined player flow diagram from game launch through gameplay and settings
Implementation Workflow — Figma and Unreal Engine Phase 01 Figma UI/UX pipeline and Phase 02 Unreal Engine 5 implementation cards
Figma Files — information architecture, user flow, wireframe, design system, high fidelity interface
Open Full File in Figma  →
Concept Art — vehicle design, character design Vehicle design — space rover sketches Vehicle design — space rover render views Vehicle design — space rover render on Martian terrain Character design — contaminated crew member
Wireframes — skill tree, gameplay HUD, crafting, in-game shops Wireframes — additional interface screens Wireframes — inventory system screens
Style guide — typography and color palette Style guide — buttons and progress bars Style guide — UI elements and icons Style guide — inventory items
High fidelity interface — inventory items High fidelity interface — load game High fidelity interface — final interface High fidelity interface — select difficulty High fidelity interface — additional screens
In-game HUD — minimap, life bar, objectives
UE5 interface — Unreal Motion Graphics implementation Outpost Red — closing footer artwork

Next Project

Tide Hollow

→