Structuring user flows and designing foundations
for a music distribution platform
Structuring flows and designing foundations for a music distribution platform
Flow Auditing
Usability Improvements
Design Foundations
Flow Auditing
Concept Modeling
Usability Testing
What I Faced
Failed uploads and unclear steps frustrated musicians
Failed uploads and unclear steps frustrated musicians
Musicians faced confusing and inconsistent distribution flows on SoundPub’s platform. Edge cases like failed uploads, invalid inputs, or missing states (error, empty, loading, success) weren’t properly addressed, forcing users to guess next steps and often abandon the process. Developers also lacked a unified design reference, leading to inconsistent experiences.
Musicians faced confusing and inconsistent distribution flows on SoundPub’s platform. Edge cases like failed uploads, invalid inputs, or missing states (error, empty, loading, success) weren’t properly addressed, forcing users to guess next steps and often abandon the process. Developers also lacked a unified design reference, leading to inconsistent experiences.
What I Did
Improving usability through flow and system design
Improving usability through flow and system design
As a UX Design Intern, I audited the distribution flow, mapped edge cases, and defined clear validation and state guidelines. By reorganizing CTAs, simplifying retry paths, and building a design system foundation, I improved usability and flow reliability. This reduced user confusion, streamlined error recovery, and enabled smoother developer handoff for consistent delivery.
As a UX Design Intern, I audited the distribution flow, mapped edge cases, and defined clear validation and state guidelines. By reorganizing CTAs, simplifying retry paths, and building a design system foundation, I improved usability and flow reliability. This reduced user confusion, streamlined error recovery, and enabled smoother developer handoff for consistent delivery.
Flow optimization
Turning confusing steps into a clear path
Turning confusing steps
into a clear path
Confirmation pop-up after album registration
This appears after a user successfully registers an album, confirming that the process was completed successfully and reassuring the user that their submission was received.
Input validation during login
This refers to the process of checking and validating the user input when logging in to ensure the data entered is correct.
Input validation for album registration
If required fields are missing or incorrect, an error message prompts the user to provide the necessary information.
Pain Point
User feedback and analytics indicated that up to 30% of users abandoned key actions (such as signup, payment, and music uploads) due to confusion during the process.
User feedback and analytics indicated that up to 30% of users abandoned key actions (such as signup, payment, and music uploads) due to confusion during the process.
Goal
Enhanced user flows by adding confirmation dialogs and real-time input validation, making key actions smoother, reducing confusion, and increasing user confidence.
Enhanced user flows by adding confirmation dialogs and real-time input validation, making key actions smoother, reducing confusion, and increasing user confidence.
Result
Confirmation dialogs and real-time validation improved task completion by 20% and reduced errors by 15% in signup and payment, leading to smoother interactions and higher user confidence.
Confirmation dialogs and real-time validation improved task completion by 20% and reduced errors by 15% in signup and payment, leading to smoother interactions and higher user confidence.
Result
Confirmation dialogs and real-time validation improved task completion by 20% and reduced errors by 15% in signup and payment, leading to smoother interactions and higher user confidence.
This appears after a user successfully registers an album, confirming that the process was completed successfully and reassuring the user that their submission was received.
Confirmation pop-up after album registration
This refers to the process of checking and validating the user input when logging in to ensure the data entered is correct.
Input validation during login
If required fields are missing or incorrect, an error message prompts the user to provide the necessary information.
Input validation for album registration
Usability enhancement
Making actions simpler and easier to complete
Making actions simpler and easier to complete
Pain Point
Users struggled to find relevant notifications, causing delays and confusion, while inconsistent buttons and poor contrast created accessibility challenges.
Users struggled to find relevant notifications, causing delays and confusion, while inconsistent buttons and poor contrast created accessibility challenges.
Goal
Improved clarity and consistency by reordering notifications to surface the latest alerts first and refining visual design for better accessibility.
Improved clarity and consistency by reordering notifications to surface the latest alerts first and refining visual design for better accessibility.
Result
The design became more intuitive, helping users access important information faster. Feedback from initial testing indicated a 25% improvement in navigation speed.
The design became more intuitive, helping users access important information faster. Feedback from initial testing indicated a 25% improvement in navigation speed.
Hover Effects for Buttons
Album Status Color Changes
Live
In transit
Be Rejected
Takedown
Draft
I enhanced visual consistency by implementing hover effects and color changes for album statuses, making the interface more intuitive and providing clear feedback for users.
interaction refinement
Polishing interactions for clarity and flow
Polishing interactions for clarity and flow
Pain Point
Users wasted time selecting items individually and managing formats, while inconsistent visuals during view changes caused confusion and reduced intuitiveness.
Users wasted time selecting items individually and managing formats, while inconsistent visuals during view changes caused confusion and reduced intuitiveness.
Goal
Ensured consistency across the experience by adding a ‘Select All’ button to let users select items at once, saving time, and by making icons adjust automatically when switching viewing formats.
Ensured consistency across the experience by adding a ‘Select All’ button to let users select items at once, saving time, and by making icons adjust automatically when switching viewing formats.
Result
This adjustment enhanced usability by reducing the time needed to manage items by 20% and improved visual coherence, leading to a smoother, more intuitive experience for users.
This adjustment enhanced usability by reducing the time needed to manage items by 20% and improved visual coherence, leading to a smoother, more intuitive experience for users.
The addition of the "Select All" button simplifies item selection, allowing users to manage multiple items at once and significantly reducing time and effort.
Error Handling improvements
Helping users recover quickly from mistakes
Helping users recover quickly from mistakes
Pain Point
Users grew frustrated when failed authentication forced full restarts, while unregistered emails without guidance caused a 20% higher sign-up drop-off rate.
Users grew frustrated when failed authentication forced full restarts, while unregistered emails without guidance caused a 20% higher sign-up drop-off rate.
Goal
Improved flow by adding a resend code option in password recovery and prompting sign-up for unregistered emails, reducing frustration and boosting conversion.
Improved flow by adding a resend code option in password recovery and prompting sign-up for unregistered emails, reducing frustration and boosting conversion.
Result
These changes improved user retention by 15% and reduced user frustration, resulting in a more efficient and user-friendly account management experience.
These changes improved user retention by 15% and reduced user frustration, resulting in a more efficient and user-friendly account management experience.
If the email is not registered, we agreed to prompt the user to sign up, guiding them smoothly through the process.
If the authentication code input time expired, we decided to allow the user to resend the code instead of restarting the entire process, ensuring a more efficient and user-friendly experience without compromising data security.
Reflection
This internship taught me the importance of scrutinizing every detail of the user flow. I became skilled at identifying potential obstacles in the user journey and proposing solutions that prevent users from encountering frustration. Through this process, I learned how to anticipate user behavior and design experiences that are as smooth and intuitive as possible. I also learned the value of thinking through multiple user scenarios and considering how different users might interact with the platform. This experience helped me refine my ability to create user-centered solutions that are both functional and engaging.
This internship taught me the importance of scrutinizing every detail of the user flow. I became skilled at identifying potential obstacles in the user journey and proposing solutions that prevent users from encountering frustration. Through this process, I learned how to anticipate user behavior and design experiences that are as smooth and intuitive as possible. I also learned the value of thinking through multiple user scenarios and considering how different users might interact with the platform. This experience helped me refine my ability to create user-centered solutions that are both functional and engaging.