Connect | Collaborate | Compose

Connect | Collaborate | Compose

Overview

Overview

Overview

For this project, our team really dug into the world of musicians and how they work together. We wanted to get to the bottom of what makes them tick, what hurdles they encounter, and how they make their musical journeys richer through collaboration.

Our big idea was to approach Spotify with a proposal for a partnership to develop a fresh platform. This platform would bring artists together, making it easier for them to collaborate and create music. Picture an app where users can connect with other musicians, set up jam sessions, and even record songs together, all celebrating the special bond of making music as a team.

My Role: Product Designer

Duration: 2 Weeks

Project Status: Ongoing and In development

Methods Used: Topic Mapping, Competitive Matrix, Business Model Canvas, User Interviews, Affinity Mapping, Persona & Journey Map, Feature Prioritization, Design Studio, Wireframing, Prototyping, Usability Testing

Tools: Figma, Figjam, Zeplin, Illustrator, Photoshop, After Effects, Otter AI, Keynote, Notion, Trello, Sharpies, Pencils, Sketch Paper and Post-Its

My Role: Product Designer

Duration: 2 Weeks

Project Status: Ongoing and In development

Methods Used: Topic Mapping, Competitive Matrix, Business Model Canvas, User Interviews, Affinity Mapping, Persona & Journey Map, Feature Prioritization, Design Studio, Wireframing, Prototyping, Usability Testing

Tools: Figma, Figjam, Zeplin, Illustrator, Photoshop, After Effects, Otter AI, Keynote, Notion, Trello, Sharpies, Pencils, Sketch Paper and Post-Its

Our Challenge

How might we help musicians with conflicting schedules, geographical barriers, and different work styles, connect, collaborate and record music with other artists?

Our Challenge

How might we help musicians with conflicting schedules, geographical barriers, and different work styles, connect, collaborate and record music with other artists?

Getting Around in the World of Digital Music

The big challenge for musicians right now is adapting to the digital scene. They're finding it tough to meet and team up with other artists for collaborations or just casual jamming sessions. This shift has left many feeling more isolated and frustrated, which is putting a damper on their collaborative vibe when it comes to making music together.

Getting Around in the World of Digital Music

The big challenge for musicians right now is adapting to the digital scene. They're finding it tough to meet and team up with other artists for collaborations or just casual jamming sessions. This shift has left many feeling more isolated and frustrated, which is putting a damper on their collaborative vibe when it comes to making music together.

Solution

Streamline musician connections.

Help create

diverse collaborations.

Connect musicians for collaborations.

Use advanced tools for

music composition.

Advanced tools for music composition.

Impact

Our focus was on the aftermath of COVID, where musicians are finding it hard to connect online. We dove deep into how artists work together, aiming to build an app that doesn't just fix practical problems but also meets emotional needs. This platform is set to change the game by making it easier for musicians to find each other, making planned and spur-of-the-moment collaborations a breeze while creating a strong sense of community. It's designed to combat feelings of isolation and reignite the joy of making music together.

Connect

With this feature, users can link up with fellow musicians who share similar interests online, opening up chances for collaboration.

Connect

With this feature, users can link up with fellow musicians who share similar interests online, opening up chances for collaboration.

Collaborate

This feature enables users to meet fellow musicians and arrange jam sessions effortlessly.

Compose

This feature allows users to effortlessly compose and collaborate on recordings in real-time then post them to their feed directly from their mobile devices.

View the Prototype

Our Approach...

Our team employed various methodologies, including in-depth research to guide design decisions, followed by usability testing to enhance designs prior to final delivery.

Our Approach...

Our team employed various methodologies, including in-depth research to guide design decisions, followed by usability testing to enhance designs prior to final delivery.

Research

Design

Iteration

Testing

Improvement

Research

Design

Iteration

Testing

Improvement

Research

Research

Research

Hypothesis

Musicians want to use a unified digital platform to connect and collaborate with fellow artists.

Our Focus

By understanding collaboration dynamics, the app will tackle practical challenges and fulfill emotional needs. It aims to revolutionize musician connections, creating community and seamless collaboration to alleviate feelings of isolation and frustration, revitalizing the collaborative spirit in music-making.

What We Believed…

Musicians seek ways to connect for jam sessions.

Musicians seek connections for recording sessions.

Listening to music and potential collaboration with artists is desired.

Connecting with lesser-known artists on a platform is important.

Navigating geographical and scheduling challenges for collaboration is tough.

Each artist has their preferred music creation platform.

Up-and-coming artists want to grow their audience base with like-minded peers.

Hobby musicians simply seek fun jam sessions with new people.

Musicians seek ways to connect for jam sessions.

Musicians seek connections for recording sessions.

Listening to music and potential collaboration with artists is desired.

Connecting with lesser-known artists on a platform is important.

Each artist has their preferred music creation platform.

Each artist has their preferred music creation platform.

Research Methods

To help shed light on these problems we used the following research techniques which served as fundamental tools utilized to gather insights, understand user needs, and inform design decisions.

Competitive Matrix

Identifies strengths, weaknesses, guides decisions, and boosts competitiveness effectively and efficiently.

Competitive Matrix

Identifies strengths, weaknesses, guides decisions, and boosts competitiveness effectively and efficiently.

Screener Survey

Employed surveys to pinpoint ideal interview candidates, ensuring tailored insights for informed design decisions.

Screener Survey

Employed surveys to pinpoint ideal interview candidates, ensuring tailored insights for informed design decisions.

User Interviews

Conducted user interviews to understand needs, gather insights, and inform design decisions.

User Interviews

Conducted user interviews to understand needs, gather insights, and inform design decisions.

User

Interviews

Conducted user interviews to understand needs, gather insights, and inform design decisions.

Some of what we gathered from

our discussions and interactions:

Some of what we gathered from

our discussions and interactions:

Some of what we gathered from

our discussions and interactions:

“I feel the most fulfilled when I'm playing music with people.”

“Meeting people who want to collaborate with you and are at a similar level of musicianship can be a bit of a slog, you know?”

“In the studio, there are two types of people: those who prefer minimal time inside, and those who absolutely love it. There's no in-between.”

“I feel the most fulfilled when I'm playing music with people.”

“Meeting people who want to collaborate with you and are at a similar level of musicianship can be a bit of a slog, you know?”

“In the studio, there are two types of people: those who prefer minimal time inside, and those who absolutely love it. There's no in-between.”

“I feel the most fulfilled when I'm playing music with people.”

“Meeting people who want to collaborate with you and are at a similar level of musicianship can be a bit of a slog, you know?”

“In the studio, there are two types of people: those who prefer minimal time inside, and those who absolutely love it. There's no in-between.”

Organizing Our Insights

We used affinity mapping to summarize what we learned from user interviews into key points.

Organizing Our Insights

We used affinity mapping to summarize what we learned from user interviews into key points.


Organizing Our Insights

We used affinity mapping to summarize what we learned from user interviews into key points.

1.

Users want a platform to message other artists, collaborate remotely on recordings, and share tracks.

1.

Users want a platform to message other artists, collaborate remotely on recordings, and share tracks.

1.

Users want a platform to message other artists, collaborate remotely on recordings, and share tracks.

Users want a platform to express musical interests and collaborate on songs without needing a studio.

2.

Users want a platform to express musical interests and collaborate on songs without needing a studio.

2.

Users want a platform to express musical interests and collaborate on songs without needing a studio.

2.

Users want to easily connect with like-minded artists for jam sessions or collaborative recording projects.

3.

Users want to easily connect with like-minded artists for jam sessions or collaborative recording projects.

3.

Users want to easily connect with like-minded artists for jam sessions or collaborative recording projects.

3.

Artists have preferences for both virtual and in-person collaboration when making music with others.

4.

Artists have preferences for both virtual and in-person collaboration when making music with others.

4.

Artists have preferences for both virtual and in-person collaboration when making music with others.

4.

Affinity Map Detail

Affinity Map Detail

Affinity Map Detail

Persona

We crafted a persona named Toby, representing an amateur musician and his pain points. Toby embodies the needs and characteristics of our target audience. He guided us in developing solutions, designing features, and refining our concepts.

Journey Map

We created a journey map to understand Toby's experiences and struggles trying to book a rehearsal. This helps us improve our solutions to better meet his needs as a musician.

Reframed Challenge

Following our research, we revised the problem statement to better reflect the insights we gathered and ensure it accurately addresses the identified challenges.

How might we provide Toby with an environment to connect, collaborate, and compose music with other musicians?

How might we provide Toby with an environment to connect, collaborate, and compose music with other musicians?

Design

Design

Design

Style Guide

A style guide containing custom colors, font, and logo treatments was created to ensure that the styles going into the Hi-Fidelity phase was consistent throughout all of the screens being designed.

Plus Jakarta Sans

In our project, when it came to selecting a font, we made a thoughtful decision to use Plus Jakarta Sans. It bears a striking resemblance to Spotify Circular, which was deliberate. This choice was about more than just aesthetics—it was about maintaining consistency and reinforcing brand recognition among Spotify users. Plus Jakarta Sans has a sleek and modern look that aligns perfectly with Spotify's vibe, allowing us to create a similar ambiance. By leveraging this font, we're not only tapping into Spotify's trusted visual identity but also giving our project its own polished and unique feel.

ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890

ABCDEFGHIJKLMNOPqrstuvwxyz1234567890ABCDEFGHIJKLMNOPqrstuvwxyz1234567890

ABCDEFGHIJKLMNOPqrstuvwxyz1234567890ABCDEFGHIJKLMNOPqrstuvwxyz1234567890

ABCDEFGHIJKLMNOPqrstuvwxyz1234567890ABCDEFGHIJKLMNOPqrstuvwxyz1234567890

Mid-Fidelity Wireframes

We iteratively sketched multiple rounds of low-fidelity screens to visually conceptualize the prioritized features, subsequently refining them into mid-fidelity screens.

Home

News Feed

Profile

Connect

Profile

Connected

Collaborate

Feed

Collaborate

Detail Screen

Chat

Message List

Chat

Thread

Compose

Song Files

Compose

New Song Template

Compose

Active Song File

Compose

Edit Song Track

Compose

Edit Confirmation

Compose

Share Track Pop-Up

Compose

Share Confirmation

High-Fidelity Wireframes

Based on the initial usability testing, we created high-fidelity screens with improved interface elements and interactive features to enhance user experience.

Home

News Feed

Profile

Connected

Collaborate

Feed

Collaborate

Detail Screen

Chat

Message List

Chat

Thread

Chat

Thread

Compose

Song Files

Compose

New Song Track

Compose

Active Song File

Compose

Edit Song Track

Compose

Edit Confirmation

Compose

Share Track Pop-Up

Compose

Share Confirmation

Usability Testing

In response to the test results from round one, changes were made to the mid-fi screens, and hi-fidelity screens were subsequently created for further refinement.

Task 2: Confirm Attendance to Jam Session

Round 2 Changes:


  1. Adjust wording of “Going” CTA to “RSVP”Individual track scrolling disabled.

  2. Addition of available spots for session.


22

Seconds

Average

Time on Task

90%

Success Rate

Average

Task Success

Decreased

12 Seconds

Increased

10 Percent

22

Seconds

Average

Time on Task

Increased

10 Percent

90%

Success Rate

Average

Task Success

Decreased

12 Seconds

22

Seconds

Average

Time on Task

Increased

10 Percent

90%

Success Rate

Average

Task Success

Decreased

12 Seconds

Task 3: Address Track Edit

Round 2 Changes:


  1. Scroll to find track edit adjusted to be easier to locate.

  2. Individual track scrolling disabled.

  3. Additional information added to comment.

  4. Addition of chevron within the comment tooltip.


33

Seconds

Average

Time on Task

70%

Success Rate

Average

Task Success

Decreased

20 Seconds

Increased

10 Percent

22

Seconds

Average

Time on Task

Increased

10 Percent

90%

Success Rate

Average

Task Success

Decreased

12 Seconds

Task 3: Address Track Edit

Round 2 Changes:


  1. Scroll to find track edit adjusted to be easier to locate.

  2. Individual track scrolling disabled.

  3. Additional information added to comment.

  4. Addition of chevron within the comment tooltip.


33

Seconds

Average

Time on Task

Increased

10 Percent

70%

Success Rate

Average

Task Success

Decreased

20 Seconds

Prototype

In response to the test results from round one, changes were made to the mid-fi screens, and hi-fidelity screens were subsequently created for further refinement.

Next Steps

Next Steps

Next Steps

Moving forward, we'll focus on improving the user experience based on feedback from mid-fidelity tests. Task three proved to be challenging for users, so our main goal for the High-Fidelity prototype is to make it easier to understand and use. We'll also continue building partnerships in the music community to grow our user base and create more collaboration opportunities. By connecting with local music scenes, schools, and online communities, we aim to make our platform a supportive space for musicians to connect and create together.

Final Thoughts

Reflecting on this project, it's been an exciting journey of discovery and collaboration. We've worked hard to understand musician interactions and create a platform that connects and facilitates creative collaboration. Despite challenges like refining user experience and building partnerships, our progress is tangible. I'm proud of what we've achieved and optimistic about the impact we'll have on musical communities worldwide. This project highlights the transformative power of music and the role of technology in fostering meaningful connections.

Thank you for viewing. Let’s get in touch!

Thank you for viewing. Let’s get in touch!

Thank you for viewing. Let’s get in touch!