Lost Ark
Lost Ark
Lost Ark
Enhance Your Journey With Every Tap
Enhance Your Journey With Every Tap
Mobile End-to-End Design
Mobile End-to-End Design
Role :
Role :
Role :
UX/UI Designer
UX/UI Designer
UX/UI Designer
Platform :
Platform :
Platform :
Mobile App
Mobile App
Mobile App
Tools :
Tools :
Tools :
Style Guide, Wireframes, Logo Design, High Fidelity Screens, User Testing
Style Guide, Wireframes, Logo Design, High Fidelity Screens, User Testing
Style Guide, Wireframes, Logo Design, High Fidelity Screens, User Testing
Year :
Year :
Year :
2024
2024
2024
Project Overview
Project Overview
Brief Introduction
Brief Introduction
This project aims to develop a companion app that enhances the gaming experience by providing players with a user friendly platform to manage in game activities. Offering features such as inventory management, store for browsing and purchasing, class and raid guides, and honing your gear!
This project aims to develop a companion app that enhances the gaming experience by providing players with a user friendly platform to manage in game activities. Offering features such as inventory management, store for browsing and purchasing, class and raid guides, and honing your gear!
This project aims to develop a companion app that enhances the gaming experience by providing players with a user friendly platform to manage in game activities. Offering features such as inventory management, store for browsing and purchasing, class and raid guides, and honing your gear!
The Problem
The Problem
Lost Ark is an amazing game, but it can be a bit overwhelming. The complex system can be tough to navigate, especially without the right tools or guidance. This can lead to frustration and make it harder for players to fully enjoy what the game has to offer.
Lost Ark is an amazing game, but it can be a bit overwhelming. The complex system can be tough to navigate, especially without the right tools or guidance. This can lead to frustration and make it harder for players to fully enjoy what the game has to offer.
Lost Ark is an amazing game, but it can be a bit overwhelming. The complex system can be tough to navigate, especially without the right tools or guidance. This can lead to frustration and make it harder for players to fully enjoy what the game has to offer.
The Solution
The Solution
Lost Ark provides a highly useful, user-friendly resource for Lost Ark players. Making the game more accessible and enjoyable by providing guides, inventory management, and tips tailored to Lost Ark's unique gameplay. Whether you're a newcomer or a seasoned player, this project is designed to enhance your experience and help you make the most of your time in and out of the game.
Lost Ark provides a highly useful, user-friendly resource for Lost Ark players. Making the game more accessible and enjoyable by providing guides, inventory management, and tips tailored to Lost Ark's unique gameplay. Whether you're a newcomer or a seasoned player, this project is designed to enhance your experience and help you make the most of your time in and out of the game.
Lost Ark provides a highly useful, user-friendly resource for Lost Ark players. Making the game more accessible and enjoyable by providing guides, inventory management, and tips tailored to Lost Ark's unique gameplay. Whether you're a newcomer or a seasoned player, this project is designed to enhance your experience and help you make the most of your time in and out of the game.
Research
Research
Competitor Analysis
Competitor Analysis
The market lacks real time integrated apps for Lost Ark. In fact, there are only third party websites that provide guides and information on Lost Ark. This Lost Ark companion app aims to be similar like Final Fantasy and Destiny 2 where the app is integrated to real time.
The market lacks real time integrated apps for Lost Ark. In fact, there are only third party websites that provide guides and information on Lost Ark. This Lost Ark companion app aims to be similar like Final Fantasy and Destiny 2 where the app is integrated to real time.
The market lacks real time integrated apps for Lost Ark. In fact, there are only third party websites that provide guides and information on Lost Ark. This Lost Ark companion app aims to be similar like Final Fantasy and Destiny 2 where the app is integrated to real time.
User Interview Insights
User Interview Insights
After reviewing competitors' strengths and weaknesses, I spoke with several Lost Ark players to gather some insights on features that could enhance with a mobile application. A common frustration was Inventory management and the lack of in game guides. Players frequently relied on third party sources like Maxroll.gg or YouTube to have a better understanding of the game's mechanics. This feedback allowed me to prioritize the focus on creating inventory management and guides for players on the mobile application.
After reviewing competitors' strengths and weaknesses, I spoke with several Lost Ark players to gather some insights on features that could enhance with a mobile application. A common frustration was Inventory management and the lack of in game guides. Players frequently relied on third party sources like Maxroll.gg or YouTube to have a better understanding of the game's mechanics. This feedback allowed me to prioritize the focus on creating inventory management and guides for players on the mobile application.
After reviewing competitors' strengths and weaknesses, I spoke with several Lost Ark players to gather some insights on features that could enhance with a mobile application. A common frustration was Inventory management and the lack of in game guides. Players frequently relied on third party sources like Maxroll.gg or YouTube to have a better understanding of the game's mechanics. This feedback allowed me to prioritize the focus on creating inventory management and guides for players on the mobile application.
Inventory Management
Players found it difficult to manage gear especially for those that managed alt's stated it was overwhelming and time consuming.
Guides & Tutorials
Players found themselves resorting to third party websites for build and raid guides.
Honing System
Players often resorted to third party guides to understand efficient paths but also suggested having an in app to game sync to hone via the app would be a great feature.
Personas
Personas
I crafted personas based on the different type of Lost Ark players needs when using the mobile app appealing to both competitive and casual players.
I crafted personas based on the different type of Lost Ark players needs when using the mobile app appealing to both competitive and casual players.
I crafted personas based on the different type of Lost Ark players needs when using the mobile app appealing to both competitive and casual players.
POV & HMW
POV & HMW
I centered the POV and HMW on addressing the problem of managing gear, exploring new builds and implementing tools that syncs with the game in real time.
I centered the POV and HMW on addressing the problem of managing gear, exploring new builds and implementing tools that syncs with the game in real time.
I centered the POV and HMW on addressing the problem of managing gear, exploring new builds and implementing tools that syncs with the game in real time.
POV
Players are overwhelmed by how complex it is to manage multiple characters and need a simpler way to track progress, manage gear, and daily tasks.
POV
Players who enjoy exploring new builds and want to stay updated on in game events need a tool that syncs with the game.
HMW
How can we simplify the process of managing multiple characters gear and progression within the app so players don’t have to rely on outside tools?
HMW
How can we create a tool within the app that syncs with the game so players can can explore and test new builds without needing to log in?
Ideation Process
Ideation Process
Sitemap
Sitemap
The sitemap was structured based on the current game design to show the hierarchy of different pages and act as a navigation guide. It helps users easily find and access key features like honing gear, managing inventory, purchasing items in the store, and exploring builds.
The sitemap was structured based on the current game design to show the hierarchy of different pages and act as a navigation guide. It helps users easily find and access key features like honing gear, managing inventory, purchasing items in the store, and exploring builds.
The sitemap was structured based on the current game design to show the hierarchy of different pages and act as a navigation guide. It helps users easily find and access key features like honing gear, managing inventory, purchasing items in the store, and exploring builds.
User/Task Flows
User/Task Flows
I created a user flow mapping out the steps a user would take when utilizing the new honing gear features, purchasing additional materials from the store, and easily exploring and modifying character builds.
I created a user flow mapping out the steps a user would take when utilizing the new honing gear features, purchasing additional materials from the store, and easily exploring and modifying character builds.
I created a user flow mapping out the steps a user would take when utilizing the new honing gear features, purchasing additional materials from the store, and easily exploring and modifying character builds.
Branding
Branding
Lost Ark Logo
Lost Ark Logo
I wanted to create an app for Lost Ark that would feel like an official version, so I used the same title rather than rebranding. I incorporated letters within the book icon to showcase it as an app that showcased a guide and additional features.
I wanted to create an app for Lost Ark that would feel like an official version, so I used the same title rather than rebranding. I incorporated letters within the book icon to showcase it as an app that showcased a guide and additional features.
I wanted to create an app for Lost Ark that would feel like an official version, so I used the same title rather than rebranding. I incorporated letters within the book icon to showcase it as an app that showcased a guide and additional features.
Design Process
Design Process
Low-Fidelity Wireframes
Low-Fidelity Wireframes
Low-Fidelity Wireframes
Participants were asked to navigate a low-fidelity prototype of the app
Participants were asked to navigate a low-fidelity prototype of the app
Participants were asked to navigate a low-fidelity prototype of the app
Low-Fidelity Wireframes
Starting with low-fi wireframes, I focused on layouts and navigation. I focused on how players would navigate through the app and ensuring the layout was clean and tasks were simple to complete.
High-Fidelity Wireframes
High-Fidelity Wireframes
High-Fidelity Wireframes
Once the lo-fi structure was validated, I created a hi-fi wireframe that utilized the same theme and structure in game to mobile so that the app would feel aligned.
Once the lo-fi structure was validated, I created a hi-fi wireframe that utilized the same theme and structure in game to mobile so that the app would feel aligned.
Once the lo-fi structure was validated, I created a hi-fi wireframe that utilized the same theme and structure in game to mobile so that the app would feel aligned.
UI Kit
UI Kit
After going over the fonts, colors, and icons in Lost Ark, I wanted to make sure everything stayed consistent and kept the same theme.
After going over the fonts, colors, and icons in Lost Ark, I wanted to make sure everything stayed consistent and kept the same theme.
After going over the fonts, colors, and icons in Lost Ark, I wanted to make sure everything stayed consistent and kept the same theme.
Testing & Iterations
Testing & Iterations
Prototype
Prototype
The final prototype allowed players to interact with the app in real time, simulating inventory management, honing equipment's, browsing store, and guides. This prototype demonstrated how seamlessly the app could enhance players in and out of the game.
The final prototype allowed players to interact with the app in real time, simulating inventory management, honing equipment's, browsing store, and guides. This prototype demonstrated how seamlessly the app could enhance players in and out of the game.
The final prototype allowed players to interact with the app in real time, simulating inventory management, honing equipment's, browsing store, and guides. This prototype demonstrated how seamlessly the app could enhance players in and out of the game.
View Prototype
Usability Test Results
Usability Test Results
Initial testing revealed that users preferred consistent CTAs similar to the log in for improved clarity. Additionally, recommendations included changing the navigation bar for better visibility, and a dedicated homepage was missing after the login.
Initial testing revealed that users preferred consistent CTAs similar to the log in for improved clarity. Additionally, recommendations included changing the navigation bar for better visibility, and a dedicated homepage was missing after the login.
Initial testing revealed that users preferred consistent CTAs similar to the log in for improved clarity. Additionally, recommendations included changing the navigation bar for better visibility, and a dedicated homepage was missing after the login.
Success Metrics
Success Metrics
Completion Rate : % of participants able to complete the tasks successfully.
Error Rate : Number of errors made by users during tasks.
Time Completion : Average time taken to complete tasks.
Completion Rate : % of participants able to complete the tasks successfully.
Error Rate : Number of errors made by users during tasks.
Time Completion : Average time taken to complete tasks.
Recommendations
Recommendations
Users had mentioned the inventory bag could use a different icon such as a backpack
Users mentioned the CTAs being the same color as the login might help with the consistency
Missing a homepage
Users had mentioned the inventory bag could use a different icon such as a backpack
Users mentioned the CTAs being the same color as the login might help with the consistency
Missing a homepage
Results
Results
100% users completed tasks
80% users located guides without hesitation
80% users mentioned a different icon for navigation
60% of users mentioned using same CTA colors for consistency
100% users tried to select other pages out of curiosity
100% users completed tasks
80% users located guides without hesitation
80% users mentioned a different icon for navigation
60% of users mentioned using same CTA colors for consistency
100% users tried to select other pages out of curiosity
Revisions
Revisions
Based on feedback, I refined the navigation bar for better visual clarity and changed the CTA to a consistent color as the login so users can feel the need to progress forward to the next screen or step.
Based on feedback, I refined the navigation bar for better visual clarity and changed the CTA to a consistent color as the login so users can feel the need to progress forward to the next screen or step.
Based on feedback, I refined the navigation bar for better visual clarity and changed the CTA to a consistent color as the login so users can feel the need to progress forward to the next screen or step.
Reflection
Reflection
Looking back on the Lost Ark companion app project, it's been a rewarding experience that combined useful functionality with real player interactions. The goal was to make it more than just a tool, I wanted to make it an app to in game extension. Implementing unique features such as accessing the store, honing equipment, managing inventory, and viewing guides are ways to keep players connected even when they're not actively playing. It has been satisfying to see all of this come together and showcase this project.
Looking back on the Lost Ark companion app project, it's been a rewarding experience that combined useful functionality with real player interactions. The goal was to make it more than just a tool, I wanted to make it an app to in game extension. Implementing unique features such as accessing the store, honing equipment, managing inventory, and viewing guides are ways to keep players connected even when they're not actively playing. It has been satisfying to see all of this come together and showcase this project.