Wavelength

music everyone loves

Wavelength started when I took a road trip with friends, and we all wanted to listen to music but no one wanted to DJ. Each of us worried the others wouldn't like our music taste. This conflict led to the idea to create an app that plays music everyone loves. I teamed up with two developers and a product manager and designed the first version of Wavelength for the LinkedIn Hackathon. After receiving positive responses, we decided to move forward with the project. I then worked with an iOS and Android developer as the sole designer, marketer, and content strategist for Wavelength. 

Wavelength plays songs people have in common on their Spotify playlists.

 

The App

Wavelength is intentionally simple and easy to use. Here's how it works!

A brief onboarding tutorial introduces new users to the app and teaches them about various features.

A brief onboarding tutorial introduces new users to the app and teaches them about various features.

When creating a wave, users start by adding other Wavelength users to their wave.

When creating a wave, users start by adding
other Wavelength users to their wave.

After, Wavelength generates a playlist of songs everyone shares on their Spotify playlists.

After, Wavelength generates a playlist of songs everyone shares on their Spotify playlists.

After logging in, users can create a wave or join a wave, which sends their location to nearby users.

After logging in, users can create a wave or join
a wave, which sends their location to nearby users.

Users can quickly select people who have joined the wave through the nearby friends feature.

Users can quickly select people who have joined the wave through the nearby friends feature.

Users can access additional information about the app and log out through the sliding menu.

Users can access additional information about
the app and log out through the sliding menu.

When joining a wave, a message pops up, telling users to wait while they broadcast their location.

When joining a wave, a message pops up, telling users to wait while they broadcast their location.

Users can also manually search for other users in the search field and select their names. 

Users can also manually search for other users
in the search field and select their names. 

 

The Website

I created the UX, visuals, and written content for our website, where people can learn more about Wavelength and sign up for the app.

 

UX Process

I started by creating a flow diagram for how a user would interact with the app. The solid rectangles represent the features we decided to implement during this round of development. The dotted lines are for features we hope to add in the future. I wanted to consider these additional features now, so they would integrate into the app easily and intuitively when the time comes.

 

Wireframes

I then created a series of Wireframes to visualize the various interactions. Throughout this process, I thought extensively about how to create an intuitive experience for people navigating through the app. Here is a selection from my process.

Onboarding swipe tutorial

Onboarding swipe tutorial

Loading screen, start screen, listening screen, and main navigation

Loading screen, start screen, listening screen, and main navigation

Initial search screen scenarios

Initial search screen scenarios

Quick add friends

Quick add friends

Manual search and add friends

Manual search and add friends