Web streaming platform
A full redesign of the web platform experience for a live music streaming and distribution company.
Web platform
Web streaming platform
A full redesign of the web platform experience for a live music streaming and distribution company.
Web platform
Web streaming platform
A full redesign of the web platform experience for a live music streaming and distribution company.
Web platform
Project overview
Project overview
Project overview
The problem
Live music enthusiasts face challenges using the web platform due to missing features from the mobile app, a subpar user experience, and inconsistent cross-platform functionality.
The problem
Live music enthusiasts face challenges using the web platform due to missing features from the mobile app, a subpar user experience, and inconsistent cross-platform functionality.
The problem
Live music enthusiasts face challenges using the web platform due to missing features from the mobile app, a subpar user experience, and inconsistent cross-platform functionality.
The problem
Live music enthusiasts face challenges using the web platform due to missing features from the mobile app, a subpar user experience, and inconsistent cross-platform functionality.
The goal
Increase the number of daily platform users by enhancing the user experience, incorporating features available on the mobile app, and ensuring seamless integration across platforms.
The goal
Increase the number of daily platform users by enhancing the user experience, incorporating features available on the mobile app, and ensuring seamless integration across platforms.
The goal
Increase the number of daily platform users by enhancing the user experience, incorporating features available on the mobile app, and ensuring seamless integration across platforms.
My role
I was the sole product designer on this project, working closely with a small cross-functional team, including a project manager, developers, and QA specialists.
My role
I was the sole product designer on this project, working closely with a small cross-functional team, including a project manager, developers, and QA specialists.
My role
I was the sole product designer on this project, working closely with a small cross-functional team, including a project manager, developers, and QA specialists.
Project outcomes
The number of daily users tripled, leading to a noticeable reduction in the churn rate and contributing to overall platform growth.
Project outcomes
The number of daily users tripled, leading to a noticeable reduction in the churn rate and contributing to overall platform growth.
Project outcomes
The number of daily users tripled, leading to a noticeable reduction in the churn rate and contributing to overall platform growth.
Project outcomes
The number of daily users tripled, leading to a noticeable reduction in the churn rate and contributing to overall platform growth.
Users' pain points
Users' pain points
Users' pain points
Users' pain points
Navigation
The platform's navigation was confusing due to an overloaded sidebar, inconsistency with the mobile app, and lack of structure.
Navigation
The platform's navigation was confusing due to an overloaded sidebar, inconsistency with the mobile app, and lack of structure.
Navigation
The platform's navigation was confusing due to an overloaded sidebar, inconsistency with the mobile app, and lack of structure.
Navigation
The platform's navigation was confusing due to an overloaded sidebar, inconsistency with the mobile app, and lack of structure.
Player experience
The audio player provided a challenging user experience and lacked several features, such as shuffle, available in the mobile app.
Player experience
The audio player provided a challenging user experience and lacked several features, such as shuffle, available in the mobile app.
Player experience
The audio player provided a challenging user experience and lacked several features, such as shuffle, available in the mobile app.
Player experience
The audio player provided a challenging user experience and lacked several features, such as shuffle, available in the mobile app.
Lack of features
The platform lacked essential features, such as the ability to follow artists, which is crucial for user engagement.
Lack of features
The platform lacked essential features, such as the ability to follow artists, which is crucial for user engagement.
Lack of features
The platform lacked essential features, such as the ability to follow artists, which is crucial for user engagement.
Lack of features
The platform lacked essential features, such as the ability to follow artists, which is crucial for user engagement.
Sitemap
To seamlessly align navigation with the mobile app, I applied the same structure, enhancing user accessibility.
Sitemap
To seamlessly align navigation with the mobile app, I applied the same structure, enhancing user accessibility.
Sitemap
To seamlessly align navigation with the mobile app, I applied the same structure, enhancing user accessibility.
Digital wireframes
After defining the website structure, I proceeded with creating mid-fidelity digital wireframes for the main user flows.
Digital wireframes
After defining the website structure, I proceeded with creating mid-fidelity digital wireframes for the main user flows.
Digital wireframes
After defining the website structure, I proceeded with creating mid-fidelity digital wireframes for the main user flows.
Iterations
Iterations
Iterations
Iterations
Iteration 1
Iteration 1
Iteration 1
While working on show page, “Show Notes and Reviews” were initially placed below the “Tracklist”.
While working on show page, “Show Notes and Reviews” were initially placed below the “Tracklist”.
While working on show page, “Show Notes and Reviews” were initially placed below the “Tracklist”.
Iteration 2
Iteration 2
Iteration 2
Reviews play a crucial role for our users, and to improve accessibility, 'Tracklist,' 'Show Notes,' and 'Reviews' were separated into individual tabs.
Reviews play a crucial role for our users, and to improve accessibility, 'Tracklist,' 'Show Notes,' and 'Reviews' were separated into individual tabs.
Reviews play a crucial role for our users, and to improve accessibility, 'Tracklist,' 'Show Notes,' and 'Reviews' were separated into individual tabs.
Final solution
After aligning the main user flows with all stakeholders, I created high-fidelity mockups using existing styles, as well as introducing new ones to ensure web platform’s accessibility.
Final solution
After aligning the main user flows with all stakeholders, I created high-fidelity mockups using existing styles, as well as introducing new ones to ensure web platform’s accessibility.
Final solution
After aligning the main user flows with all stakeholders, I created high-fidelity mockups using existing styles, as well as introducing new ones to ensure web platform’s accessibility.
Design library
I worked closely with the development team to create a design library from scratch, ensuring consistency, streamlining development, and simplifying the maintenance of future features.
Design library
I worked closely with the development team to create a design library from scratch, ensuring consistency, streamlining development, and simplifying the maintenance of future features.
Design library
I worked closely with the development team to create a design library from scratch, ensuring consistency, streamlining development, and simplifying the maintenance of future features.
Accessibility considerations
Accessibility considerations
Accessibility considerations
Accessibility considerations
• Made the platform compatible with screen readers.
• Made the platform compatible with screen readers.
• Made the platform compatible with screen readers.
• Increased all font sizes to improve readability.
• Increased all font sizes to improve readability.
• Increased all font sizes to improve readability.
• Utilized high-contrast colors for improved navigation readability.
• Utilized high-contrast colors for improved navigation readability.
• Utilized high-contrast colors for improved navigation readability.
Project takeaways
Project takeaways
Project takeaways
Project takeaways
Ensuring accessibility is always critical, especially for our targeted user age group.
Ensuring accessibility is always critical, especially for our targeted user age group.
Ensuring accessibility is always critical, especially for our targeted user age group.
Seamlessness across platforms plays a crucial role in achieving business goals.
Seamlessness across platforms plays a crucial role in achieving business goals.
Seamlessness across platforms plays a crucial role in achieving business goals.
Next steps
Next steps
Next steps
Next steps
• Bug fixes and small improvements.
• Bug fixes and small improvements.
• Bug fixes and small improvements.
• Bug fixes and small improvements.
• Gathering users feedback about their new experience.
• Gathering users feedback about their new experience.
• Gathering users feedback about their new experience.
• Gathering users feedback about their new experience.
• Implementing additional features beyond the MVP.
• Implementing additional features beyond the MVP.
• Implementing additional features beyond the MVP.
• Implementing additional features beyond the MVP.
🙌 Thanks for your time!
If you're interested in collaborating, please feel free to send me email.
Copy email
🙌 Thanks for your time!
If you're interested in collaborating, please feel free to send me email.
Copy email
🙌 Thanks for your time!
If you're interested in collaborating, please feel free to send me email.
Copy email
🙌 Thanks for your time!
If you're interested in collaborating, please feel free to send me email.
Copy email