UI & UX
The main aim of UI design is to provide users with an excellent experience a well-designed UI enables users to engage with a digital product easily and intuitively this simplicity minimises obstacles and mental effort enhancing the product’s efficiency consequently, users are more inclined to appreciate the product which boosts their satisfaction and involvement. More Benefits of a good UI:
- Boost user engagement
- User Retention more likely to comeback
- Competitive Advantage
On the other hand UX (user experience) design process involves market research wireframe development, prototype testing, and cross-functional collaboration as its the the element that keeps the app going making sure that is it successful ? is it usable is it creditable ? and much more.
Competition
Then I started to browns and look for already existing apps and analyses what they are doing that was already successful and I was able to come to an conclusion that most of already existing companion apps focus on online player marketplace and therefore this was my main vocal point moving forward followed by a mood board and also some initial mock up of the app.
Figma File (click here)
Game Creation
Once I had a rough Idea about the UI & UX for this project I went on to designing a brand new game that the app will be based on my inspiration for the game (Referenced at Bottom) as ‘Metin 2’a massively multiplayer online role-playing game I wanted to resemble this idea I went on to call it ‘Rebirth of the Mage’ (click here).
Then I went on to Crete the user personas and Mission statement all on figma.
User Persona Page 1 (click here)
Reference
Startups Magazin – 5 key Consideration when designing app (2019) https://startupsmagazine.co.uk/article-5-key-considerations-when-designing-app [Accessed 28/4/25]
Kyledavidgroup – Good User Interface Design (2024) https://kyledavidgroup.com/articles/good-user-interface-desig [Accessed 28/4/25]
Figma – What is the difference between UI and UX? (2025) https://www.figma.com/resource-library/difference-between-ui-and-ux/ [Accessed 28/4/25]
RookieMageGames- RookieMageGame(2025)https://www.rookiemage.com/#:~:text=About%20Rookie%20Mage%20Games&text=We%20believe%20that%20everyone%20should,join%20in%20on%20the%20fun.[Accessed 28/4/25]
Thegame – Best Companion Apps In Video Games (2023) https://www.thegamer.com/best-video-games-companion-apps/ [Accessed 28/4/25]
Mood Board Image Reference
Kalhh – pixabay (2025) https://pixabay.com/photos/space-wall-lost-place-abandoned-1686956/ [Accessed 29/4/25]
Bogitw – pixabay (2025) https://pixabay.com/photos/search/ruins/ [Accessed 29/4/25]
Atahan Demir – pexels (2025) https://www.pexels.com/photo/old-ruins-on-a-hill-and-overcast-in-sky-12563779/ [Accessed 29/4/25]
The Mageseeker – gematsu (2025) https://www.gematsu.com/2023/03/the-mageseeker-a-league-of-legends-story-launches-april-18 [Accessed 29/4/25]
XDA – xda-developers.com (2024) https://www.xda-developers.com/why-i-want-companion-apps-back/ [Accessed 29/4/25]
lynn – Pinterest Sumer Slasher (2025) https://uk.pinterest.com/pin/2955556002204178/ [Accessed 29/4/25]
Ivarted – Pinterest Pin on Necromancer (2025) https://uk.pinterest.com/pin/15481192463317269/ [Accessed 29/4/25]
solace soul ai – Pinterest (2025) https://uk.pinterest.com/pin/57983913947738088/ [Accessed 29/4/25]
Spunk – Pinterest Pin on Genezis (2025) https://uk.pinterest.com/pin/18155204743057840/ [Accessed 29/4/25]
Darius – Pinterest Pin on Creepy (2025) https://uk.pinterest.com/pin/85990674130101164/ [Accessed 29/4/25]
Darius – Pinterest Pin on Grimm Tale (2025) https://uk.pinterest.com/pin/298574650319763658/ [Accessed 29/4/25]
Aisu Sama – Pinterest Pin on Portraits (2025) https://uk.pinterest.com/pin/3940718413794605/ [Accessed 29/4/25]
Game Inspiration
Gameforge – Metin 2 (2024) https://gameforge.com/en-GB [Accessed 29/4/25]