Final Stand Ragnarok UI UX
Crafting Immersive UI for Epic Horde Experiences
Role
Senior UI/UX Designer
Tools
Figma, Adobe Creative Suite, CSS, Custom Game Engine
Methods
The Challenge
Design a cohesive UI/UX system that enhances gameplay while being intuitive, responsive, and aesthetically aligned with the game’s Norse mythology theme.
The Goal
Create a complete design ecosystem encompassing the HUD, menus, store, progression interfaces, and more to provide a seamless user experience for an online multiplayer audience.
My Role and Responsibilities
As the Senior UI/UX Designer, I drove the design process for the entire game interface, from concept to high fidelity mocks. I worked closely with developers, artists, and stakeholders to build a visually striking and highly functional game UI.
Research
Conducted player interviews to understand expectations for Horde games.
Analyzed competitor game UIs to pinpoint successful and unsuccessful design elements.
Researched Norse mythology and aesthetics to ensure thematic alignment.
Ideation
Developed low-fidelity wireframes for the HUD, customization interface, and menus.
Brainstormed layouts that balanced functionality with immersive visuals.
Design
Delivered high-fidelity designs for the HUD, Menus, UX Flows.
Built prototypes for Battle Pass and customization management to streamline the user journey.
Implemented accessible design principles, including color-blind friendly palettes and following the Web Content Accessibility Guidelines (WCAG) for contrast levels.
Testing & Iteration
Conducted usability testing with in-house and beta testers.
Improved the store UI experience by implementing a better filtering and browsing system. This resulted in a 25% increase in conversion rate for product purchases.
Outcome
Metrics:
Reduced purchasing errors by 25% based on internal QA feedback.
Improved task completion times (e.g., navigating menus) by 35% during testing.
Increased player satisfaction ratings in UI/UX surveys by 20%.
Qualitative Feedback:
Testers praised the immersive HUD design and intuitive character customization, which allowed them to fully focus on the epic battles.
Reflection:
This project solidified my ability to handle end-to-end game UI design while balancing creativity and usability in a fast-paced development cycle.
Wireframes and Low-Fidelity Prototypes
High-Fidelity Mocks
Visual Gallery
