Dynamic UI Design for
enhanced player experience

Created as my Final Year Project at the University of Staffordshire.

I designed and developed a responsive UI focused on clarity, usability, and immersion within a first-person shooter. My approach followed a user-centred and iterative design process, starting from wireframes through to final implementation.

I implemented and created all UI assets, ensuring consistency in visual hierarchy and readability across all aspects of UI.

Tools
Unreal Engine 5, Photoshop, After Effects, Word, Excel, Miro

Duration
18 Weeks (Oct 2024 - Feb 2025)

Role
UI/UX Designer

Team Size
Solo

View Project Development Document

Researched core UI/UX principles to establish a clear direction for readability, hierarchy, and player experience.

UI draw-overs were made to analyse UI and understand underlying principles which can be applied to my own designs.

UI Research.png

Created visual style guides for colours and typography, and the assets using Photoshop.

Icon design is informed by the context in which they appear; shooter gameplay requires simpler iconography to maintain clarity during gameplay scenarios. Colour is applied thoughtfully to UI elements to ensure attention is drawn to key places.

Dynamic UI - Visual Style.pdf

Created wireframes to explore layout, navigation flow, and UI structure before committing to final visuals.

Multiple wireframe variations were explored to ensure that the layout was as optimal as possible.

Dynamic UI - Wireframes.pdf

Built the UI in Unreal Engine 5, translating wireframes and visual design into functional GUI while maintaining original design intent from the planning stages.

Testing the UI through playtests, and applying user feedback where necessary, I refined the UI through an iterative process. At this stage I also created animations using UMG to ensure the UI appeared fluidly and with intent.

Final UI:

Next project

Page updated

Google Sites