top of page
END TO END APP DESIGN
Bridging the gap for musicians to find collaborators effortlessly
%201.png)
Overview
SUMMARY
DESIGNER
Ibrahim Asmar
DURATION
4 weeks
Ntune was created to solve a pain point by independent musicians and producers: finding collaborators in a crowded digital space As the sole UX/UI Designer, I conducted user research designed the interface, and iterated based on user feedback over a four-week timeline.
TOOLS
Problem
Independent musicians often find it difficult to connect with peers for collaborations, leading to missed opportunities and inefficient communication.
Figma
Illustrator
Photoshop
Solution
The final product features a streamlined onboarding experience, personalized profiles for musicians, and an intuitive search function for finding collaborators. Key features include:
COMPETITIVE ANALYSIS
I kicked off the project with an exciting deep dive into successful networking apps, eagerly noting all the fantastic features that make them shine!
KEY TAKEAWAYS
-
SWIPE SCREEN
-
HOME FEED
-
ACCESSIBLE REACH TO DEMOING
Summary
Empathize
DEFINING
We’ve trimmed down our priority tasks after talking with some musicians and producers.
Define
_edited.png)
SITE MAP
ONBOARDING FLOW
Onboarding flow uncovered more opportunities to explore in gaining "accuracy" in matching relevant skill types. With limited time allotted, the best solution at the time was to find a hybrid of what musicians look for and how comparable filter matches based on location and interests.
CONNECTING FLOW
this flow shows the steps a user would take to easily connect with a fellow musician
Design
SKETCHING IT THROUGH
I tried various layouts to discover one that is visually appealing yet provides comprehensive information at a glance.
REFINING AND NAVIGATION
FRAMING
.png)
I started creating frames with dark UI to visualize the final look
Hi-FI Frames
WALK-THROUGH VIDEO
Test
USABILITY TESTING
ntune was tested remotely using maze.co and Zoom. Overall, feedback from participants was positive with small changes made to the interface for clarity.
Success using expected path
Gave up or bounced
Success using expected path
Success using unexpected path
Replacing the discover icon with a globe as opposed to a search bar and labeling them helped clarify the navigation.
In early versions of the design the 'request to collaborate' CTA was a plus sign. After some confusion during testing, it was modified to a button stating 'request to collaborate'.
Participants preferred to move through the walk-through at their own pace and, a progress bar.
Click below to view the updated prototype
Prototype
bottom of page