top of page

Tune Hunter

Mashup Maker App

2017

Tune Hunter-main-image-wix.png

Introduction

The app Tune Hunter lets users create mashup songs. The name originates from the concept of hunting down songs/tracks and manipulating them using the app's features. I created this project as part of a UI UX class I took at Netcraft Academy in 2017.

My role

Branding, research, UI UX

Project duration

3 weeks

The problem

Yonatan enjoys live music shows and has a broad musical taste. While he has a passion for becoming a DJ, he never got the chance to try it as life is too hectic with a young family and a full-time job, not to mention having to save money for the house he and his wife want. 

What can I do to help Yonatan validate his desire to become a DJ with the least amount of resources?

The solution

  The Tune Hunter app is designed for music lovers who are interested in lightly experimenting with deejaying.

Using Tune Hunter, the user can search for songs/tracks he likes and create a mix of 2 or more. The songs/tracks are from the music service to which the user subscribes (such as Apple Music or Spotify). According to BPM, the app knows which songs/tracks to recommend. The user can combine sound effects and save the resulting mashup with Tune Hunter. With Tune Hunter, Yonatan will get the chance to have fun creating mashups in a short amount of time and money. Yonatan will be able to use Tune Hunter to determine if he wants to invest more resources into deejaying in the future.

Persona

Man with Tattoo

Yonatan Lahav, 36, TLV

Married and have 3 young daughters, a marketer in a fintech startup. 

I know that to practice deejaying and make your own music, you need to have your own stuff. That costs a lot, so I want to try it casually first to get the feels.

Frustrations

He does not have much free time to take a deejaying course.

He does not have much money to buy expensive DJ equipment.

Motivation

Admires DJs and would like to experience it for himself.

Boredom. Looking for some excitement.

Tune-Hunter_mockups for site-02.png

Research

I learned and read about the world of sound and consulted with a two DJs I know. In addition, I looked at apps that have features that inspired me in designing Tune Hunter. 

apple-music.png

Apple Music

•  Music lists
•  Songs recommendations 
•  Creating playlists

Instagram.png

Instagram

•  Feed 
•  Image editing capabilities 
•  Profile screen

Spotify.png

Spotify

Use of bright strong colors on a dark background

mugo.png

Mugo

•  Stream music from different music providers
•  Creating and sharing playlists

User story

Yonatan watching a YouTube performance by DJ he likes. It inspires him to create a particularly cool mashup.

User journey

I constructed a user flow of the mashup creating process.

This helped me understand the interactivity of the product.

Tune- Hunter-User-Journey

Wireframes

Before designing, I drew wireframes that helped me decide on the behavior of the app, these led to the UI design.

Branding

I started from designing the app's logo. I wanted to combine an element from the world of hunting with an element from the world of music.

UI design

The inspiration to use bright and strong colors comes from the atmosphere of a nightly music show as well as Spotify's color palette. The design of the logo inspired me in choosing the font and creating the icons.

Icons

TH icons.png

Colors

TH colors.png

Fonts

TH fonts.png

The final product

The app design was inspired by mental models from existing music and social apps to convey simplicity and familiarity to the user.

User flow

The app allows the user to search, select and mix 2 songs/tracks or more and to create a mashup. The app allows combining sound effects during a live session. It is possible to adjust the effect intensity. The final mashup is saved in the user’s “My Mashups” screen.

Takeaways

Empathy is key

This was one of the first projects I did as a product designer. Although the product was fictitious, the need was real, and the persona was based on a good friend of mine. I enjoyed showing him the final product and get his enthusiastic feedback.

© 2023 by Gili Gorenstein

bottom of page