Preview
Weverse album Redesign
Weverse album Redesign
About
About
About
About
Conducted overall UIUX redegisn of a Weverse album app
Conducted overall UIUX redegisn of a Weverse album app
Conducted overall UIUX redegisn of a Weverse album app
Conducted overall UIUX redegisn of a Weverse album app
Duration
Duration
Duration
Duration
Sep 2022 - Oct
Sep 2022 - Oct
Sep 2022 - Oct
Sep 2022 - Oct
Role
Role
Role
Role
Problem & Solution Definiton
Problem & Solution Definiton
Problem & Solution Definiton
Problem & Solution Definiton
Wireframe on Figma
Wireframe on Figma
Wireframe on Figma
Wireframe on Figma
UX Prototype Design
UX Prototype Design
UX Prototype Design
UX Prototype Design
Team members
Team members
Team members
Team members
Solo project
Solo project
Solo project
Solo project
Quick Summary of Key Impacts..
Quick Summary of Key Impacts..
18%
18%
Engagement Rate increased by 18% based on user interaction logs.
Engagement Rate increased by 18% based on user interaction logs.
Engagement Rate increased by 18% based on user interaction logs.
12%
12%
User Retention improved by 12%, measured through returning user behavior over a 30-day period.
User Retention improved by 12%, measured through returning user behavior over a 30-day period.
User Retention improved by 12%, measured through returning user behavior over a 30-day period.
35%
35%
Positive social media reviews mentioning UX improvements increased by 35%.
Positive social media reviews mentioning UX improvements increased by 35%.
Positive social media reviews mentioning UX improvements increased by 35%.
22%
22%
Click-through rate on album-related features increased by 22%, derived from in-app analytics.
Click-through rate on album-related features increased by 22%, derived from in-app analytics.
Click-through rate on album-related features increased by 22%, derived from in-app analytics.
What is Weverse album?
What is Weverse album?
What is Weverse album?
What is Weverse album?
Weverse album is a type of digital album that you can enjoy using a dedicated app (Weverse Albums app).
Weverse album is a type of digital album that you can enjoy using a dedicated app (Weverse Albums app).
Weverse album is a type of digital album that you can enjoy using a dedicated app (Weverse Albums app).
Weverse album is a type of digital album that you can enjoy using a dedicated app (Weverse Albums app).
Weverse album offers the music of your favorite artists, and bonus content such as digital photo cards, photo books that can view in the app.
Weverse album offers the music of your favorite artists, and bonus content such as digital photo cards, photo books that can view in the app.
Weverse album offers the music of your favorite artists, and bonus content such as digital photo cards, photo books that can view in the app.
Weverse album offers the music of your favorite artists, and bonus content such as digital photo cards, photo books that can view in the app.
To use a Weverse album app :
Download the Weverse Albums app
Scan the photo card which has invisible QR in it that comes with the physical album.
To use a Weverse album app :
Download the Weverse Albums app
Scan the photo card which has invisible QR in it that comes with the physical album.
To use a Weverse album app :
Download the Weverse Albums app
Scan the photo card which has invisible QR in it that comes with the physical album.
To use a Weverse album app :
Download the Weverse Albums app
Scan the photo card which has invisible QR in it that comes with the physical album.
Weverse album can extend fandom experience with digitlized physical albums, and also promote merits only provided as digital exclusive goods.
Weverse album can extend fandom experience with digitlized physical albums, and also promote merits only provided as digital exclusive goods.
Weverse album can extend fandom experience with digitlized physical albums, and also promote merits only provided as digital exclusive goods.
Weverse album can extend fandom experience with digitlized physical albums, and also promote merits only provided as digital exclusive goods.
Problem Definition
Problem Definition
Problem Definition
Problem Definition
To define the core UX issues, I conducted a mixed-method user research approach
To define the core UX issues, I conducted a mixed-method user research approach
To define the core UX issues, I conducted a mixed-method user research approach
To define the core UX issues, I conducted a mixed-method user research approach
Persona Segmentation
Persona Segmentation
Persona Segmentation
Persona Segmentation
Identified two primary user groups:
Casual Listener : Prefers a simple and intuitive browsing experience.
Hardcore Collector : Seeks an experience closer to physical albums with a strong emphasis on exclusive content.
Key insights revealed that both groups struggled with navigation and desired a more interactive digital album experience.
Identified two primary user groups:
Casual Listener : Prefers a simple and intuitive browsing experience.
Hardcore Collector : Seeks an experience closer to physical albums with a strong emphasis on exclusive content.
Key insights revealed that both groups struggled with navigation and desired a more interactive digital album experience.
Identified two primary user groups:
Casual Listener : Prefers a simple and intuitive browsing experience.
Hardcore Collector : Seeks an experience closer to physical albums with a strong emphasis on exclusive content.
Key insights revealed that both groups struggled with navigation and desired a more interactive digital album experience.
Identified two primary user groups:
Casual Listener : Prefers a simple and intuitive browsing experience.
Hardcore Collector : Seeks an experience closer to physical albums with a strong emphasis on exclusive content.
Key insights revealed that both groups struggled with navigation and desired a more interactive digital album experience.
Qualitative Research
Qualitative Research
Qualitative Research
Qualitative Research
Conducted 4 in-depth user interviews with active Weverse Album users to understand behavioral patterns.
Conducted 4 in-depth user interviews with active Weverse Album users to understand behavioral patterns.
Conducted 4 in-depth user interviews with active Weverse Album users to understand behavioral patterns.
Conducted 4 in-depth user interviews with active Weverse Album users to understand behavioral patterns.
Quantitative Data
Quantitative Data
Quantitative Data
Quantitative Data
Analyzed over 300+ Appstore & Google Playstore reviews and social media comments to identify recurring pain points.
Analyzed over 300+ Appstore & Google Playstore reviews and social media comments to identify recurring pain points.
Analyzed over 300+ Appstore & Google Playstore reviews and social media comments to identify recurring pain points.
Analyzed over 300+ Appstore & Google Playstore reviews and social media comments to identify recurring pain points.
Conclusively, both the Hardcore Collector and Casual Listener groups share the following three user problems, differing only in degree.
Conclusively, both the Hardcore Collector and Casual Listener groups share the following three user problems, differing only in degree.
65% of users struggled to locate and switch between albums due to an inconsistent navigation structure.
65% of users struggled to locate and switch between albums due to an inconsistent navigation structure.
65% of users struggled to locate and switch between albums due to an inconsistent navigation structure.
65% of users struggled to locate and switch between albums due to an inconsistent navigation structure.
40% of users mentioned that digital albums felt ‘less collectible’ compared to physical albums, reducing long-term engagement.
40% of users mentioned that digital albums felt ‘less collectible’ compared to physical albums, reducing long-term engagement.
40% of users mentioned that digital albums felt ‘less collectible’ compared to physical albums, reducing long-term engagement.
40% of users mentioned that digital albums felt ‘less collectible’ compared to physical albums, reducing long-term engagement.
Appstore reviews + user surveys indicated that fans valued ‘ownership’ and ‘tangibility’ in album experiences.
Appstore reviews + user surveys indicated that fans valued ‘ownership’ and ‘tangibility’ in album experiences.
Appstore reviews + user surveys indicated that fans valued ‘ownership’ and ‘tangibility’ in album experiences.
Appstore reviews + user surveys indicated that fans valued ‘ownership’ and ‘tangibility’ in album experiences.
Users frequently expressed that the digital album experience lacked exclusive features that made physical albums special.
Users frequently expressed that the digital album experience lacked exclusive features that made physical albums special.
Users frequently expressed that the digital album experience lacked exclusive features that made physical albums special.
Users frequently expressed that the digital album experience lacked exclusive features that made physical albums special.
User sentiment analysis from social media comments revealed demand for interactive digital perks (e.g., animated photo cards, immersive content).
User sentiment analysis from social media comments revealed demand for interactive digital perks (e.g., animated photo cards, immersive content).
User sentiment analysis from social media comments revealed demand for interactive digital perks (e.g., animated photo cards, immersive content).
User sentiment analysis from social media comments revealed demand for interactive digital perks (e.g., animated photo cards, immersive content).
Goal
Goal
Goal
Goal
Traditional UX solution often focuses on e-commerce UX or social media UX, but fandom UX is fundamentally different:
Traditional UX solution often focuses on e-commerce UX or social media UX, but fandom UX is fundamentally different:
Traditional UX solution often focuses on e-commerce UX or social media UX, but fandom UX is fundamentally different:
Traditional UX solution often focuses on e-commerce UX or social media UX, but fandom UX is fundamentally different:
Emotion-Driven
Emotion-Driven
Emotion-Driven
Emotion-Driven
Fans engage with content not just for utility, but for emotional connection and community interaction.
Fans engage with content not just for utility, but for emotional connection and community interaction.
Fans engage with content not just for utility, but for emotional connection and community interaction.
Fans engage with content not just for utility, but for emotional connection and community interaction.
Collectible Elements
Collectible Elements
Collectible Elements
Collectible Elements
Unlike typical digital platforms, fandom UX incorporates elements of rarity, exclusivity, and user-driven content engagement.
Unlike typical digital platforms, fandom UX incorporates elements of rarity, exclusivity, and user-driven content engagement.
Unlike typical digital platforms, fandom UX incorporates elements of rarity, exclusivity, and user-driven content engagement.
Unlike typical digital platforms, fandom UX incorporates elements of rarity, exclusivity, and user-driven content engagement.
Community-Based
Community-Based
Community-Based
Community-Based
The UX of fandom platforms is shaped by shared cultural experiences, making user engagement patterns unique.
The UX of fandom platforms is shaped by shared cultural experiences, making user engagement patterns unique.
The UX of fandom platforms is shaped by shared cultural experiences, making user engagement patterns unique.
The UX of fandom platforms is shaped by shared cultural experiences, making user engagement patterns unique.
Hence, this project focuses on redesigning the Weverse Album app by addressing two core aspects of fandom UX
Hence, this project focuses on redesigning the Weverse Album app by addressing two core aspects of fandom UX
Hence, this project focuses on redesigning the Weverse Album app by addressing two core aspects of fandom UX
Hence, this project focuses on redesigning the Weverse Album app by addressing two core aspects of fandom UX
Improving navigation and discoverability
Improving navigation and discoverability
Improving navigation and discoverability
Improving navigation and discoverability
By simplifying album sorting and introducing visual hierarchy, the redesign aims to reduce user frustration and enhance the browsing experience.
By simplifying album sorting and introducing visual hierarchy, the redesign aims to reduce user frustration and enhance the browsing experience.
By simplifying album sorting and introducing visual hierarchy, the redesign aims to reduce user frustration and enhance the browsing experience.
By simplifying album sorting and introducing visual hierarchy, the redesign aims to reduce user frustration and enhance the browsing experience.
Enhancing emotional connection
Enhancing emotional connection
Enhancing emotional connection
Enhancing emotional connection
Interactive album features such as autoplay motion covers and customizable photobook layouts were designed to foster a deeper emotional connection between fans and their favorite artists.
Interactive album features such as autoplay motion covers and customizable photobook layouts were designed to foster a deeper emotional connection between fans and their favorite artists.
Interactive album features such as autoplay motion covers and customizable photobook layouts were designed to foster a deeper emotional connection between fans and their favorite artists.
Interactive album features such as autoplay motion covers and customizable photobook layouts were designed to foster a deeper emotional connection between fans and their favorite artists.
Wireframing Process..
Wireframing Process..
Wireframing Process..
Wireframing Process..
Based on the problems and goals defined for the user, I brainstormed various features to address these issues.
With these ideas, I then wire-framed possible solutions and created multiple concepts for each screen to really create varied design iterations of each page. Taking the most promising of those designs, I moved on to lay down the proposed final screen designs.
Based on the problems and goals defined for the user, I brainstormed various features to address these issues.
With these ideas, I then wire-framed possible solutions and created multiple concepts for each screen to really create varied design iterations of each page. Taking the most promising of those designs, I moved on to lay down the proposed final screen designs.
Based on the problems and goals defined for the user, I brainstormed various features to address these issues.
With these ideas, I then wire-framed possible solutions and created multiple concepts for each screen to really create varied design iterations of each page. Taking the most promising of those designs, I moved on to lay down the proposed final screen designs.
Based on the problems and goals defined for the user, I brainstormed various features to address these issues.
With these ideas, I then wire-framed possible solutions and created multiple concepts for each screen to really create varied design iterations of each page. Taking the most promising of those designs, I moved on to lay down the proposed final screen designs.
And Here are my initial sketches before I dive into the wireframe..
And Here are my initial sketches before I dive into the wireframe..
And Here are my initial sketches before I dive into the wireframe..
And Here are my initial sketches before I dive into the wireframe..
Final Design
Final Design
Final Design
Final Design
Based on the problem and goal that I defined from the user research process, I developed the final design output.
I redesigned Home / Photobook&Photocard / Player screens to meet the project’s goal.
Based on the problem and goal that I defined from the user research process, I developed the final design output.
I redesigned Home / Photobook&Photocard / Player screens to meet the project’s goal.
Based on the problem and goal that I defined from the user research process, I developed the final design output.
I redesigned Home / Photobook&Photocard / Player screens to meet the project’s goal.
Based on the problem and goal that I defined from the user research process, I developed the final design output.
I redesigned Home / Photobook&Photocard / Player screens to meet the project’s goal.
Prototype Videos
Prototype Videos
Prototype Videos
Prototype Videos
Navigating home screen
Navigating home screen
Navigating home screen
Navigating home screen
Music Player
Music Player
Music Player
Music Player
Photo cards & Photobook
Photo cards & Photobook
Photo cards & Photobook
Photo cards & Photobook
Achievements
Achievements
Achievements
Achievements
After launching the redesigned Weverse Album UI, I conducted a post-launch analysis using user engagement data.
After launching the redesigned Weverse Album UI, I conducted a post-launch analysis using user engagement data.
After launching the redesigned Weverse Album UI, I conducted a post-launch analysis using user engagement data.
After launching the redesigned Weverse Album UI, I conducted a post-launch analysis using user engagement data.
Engagement Rate increased by 18% based on user interaction logs.
User Retention improved by 12%, measured through returning user behavior over a 30-day period.
Positive social media reviews mentioning UX improvements increased by 35%.
Positive social media reviews mentioning UX improvements increased by 35%.
Click-through rate on album-related features increased by 22%, derived from in-app analytics.
Next Step
Next Step
Next Step
Next Step
Build a seamless user flow between Weverse & Weverse album
Build a seamless user flow between Weverse & Weverse album
Build a seamless user flow between Weverse & Weverse album
Build a seamless user flow between Weverse & Weverse album
Further actions need to be implemented in integrating the overall design system between Weverse-our company flagship product-and the Weverse Album for a cohesive user experience.
Further actions need to be implemented in integrating the overall design system between Weverse-our company flagship product-and the Weverse Album for a cohesive user experience.
Further actions need to be implemented in integrating the overall design system between Weverse-our company flagship product-and the Weverse Album for a cohesive user experience.
Further actions need to be implemented in integrating the overall design system between Weverse-our company flagship product-and the Weverse Album for a cohesive user experience.
