Last Flag
The following samples highlight a selection of my UI art, design, and implementation work on Last Flag, a competitive 5v5 multiplayer capture-the-flag title for PC. As UI/UX Lead, I balanced leadership, planning, and hands-on production, guiding the user experience from concept through implementation while supporting a multidisciplinary team.
The featured work includes contributions to the Ability Widget, Team Status Widget, Rewards Screen, and Achievements Page. In addition to designing these experiences, I was responsible for implementing many of them directly in-engine, working closely with Gameplay Engineering and Technical Art to ensure each feature was performant, scalable, and optimized for a fast-paced multiplayer environment.
To maintain visual quality while minimizing runtime cost, many of these interfaces leveraged material-driven animations and effects, allowing for engaging presentation without compromising performance. This collection represents both my creative and technical contributions to delivering a polished, responsive, and player-focused user experience.
Static UI Concept of Ability Widget for Contestants
Unreal UMG, Material, and Real Gameplay example of Ability Widget
Static UI Concept of the Team Status Widget for Contestants with VOIP icons
Unreal UMG, Material, and Real Gameplay example of Team Status
Static UI Concept of the Power Up Widget for Contestants
Static UI Concept of the Gold Cashbot counter during the Flag Hiding Phase
Style Guide page of goals for the UI
Style Guide page for inspiration
Style Guide page for Title Typography Part 1
Style Guide page for Title Typography Part 2
Style Guide page for Title Body Text
Style Guide Page for wholistic typography
Style Guide page for Color Palettes
Style Guide page for Shape Language
Style Guide page for Ability Iconography
Style Guide page for Power Up Iconography
Style Guide page for Mini Map Iconography
Style Guide page modular UI Pieces
Style Guide page for Screen Layout
Style Guide page Front End screens example
Style Guide page Settings screens example
Style Guide page for layer effect treatment
Style Guide page HUD screens example
Static UI Concept of the Base Ping Wheel
Static UI Concept of the Defend sub menu Ping Wheel
Static UI Concept of the Pyramid sub menu Ping Wheel
Static UI Concept of the Flag sub menu Ping Wheel
Static UI Concept of the Radar sub menu Ping Wheel