Graduation Project 2021

Making the activity of listening to music

interactive with a completely different experience

Making the activity of listening to music

interactive with a completely different experience

Making the activity of listening to music

interactive with a completely different experience

Problem

Problem

Problem

Music listening applications try to satisfy users only with a perfect algorithm,interface and freedom of made personal playlists. But actually ignore the completely different features that music can have when used correctly.

Music listening applications try to satisfy users only with a perfect algorithm,interface and freedom of made personal playlists. But actually ignore the completely different features that music can have when used correctly.

Solution

Solution

Solution

A music listening application that can interact with people by seeing them instead of applications that interact only by hearing them. Taking the music listening experience one step further with generative visuals that move with the rhythm of the music. Moreover, the freedom to project these visuals wherever you want and turn any area into a concert area, and the ability to control these visuals with your perfect dance moves.

A music listening application that can interact with people by seeing them instead of applications that interact only by hearing them. Taking the music listening experience one step further with generative visuals that move with the rhythm of the music. Moreover, the freedom to project these visuals wherever you want and turn any area into a concert area, and the ability to control these visuals with your perfect dance moves.

Colors

Colors

Black

000000

White

FFFFFF

Green

C6D33F

White #2

EEEDED

Dark Gray

181715

Light Gray

92928E

Blue

1D6DB8

Typography

Typography

Aa

Aa

Aa

Gotham

Gotham

Gotham

Regular, Medium, Bold

Regular, Medium, Bold

Regular, Medium, Bold

Icons

Icons

Components

Components

Technology

Motion Particles


In order to bring this project to life, a dynamic artwork system was created using the program called “Touch Designer” which can move according to the rhythm and dynamism of any music desired and can be colored with the desired color tones.

Motion Particles


In order to bring this project to life, a dynamic artwork system was created using the program called “Touch Designer” which can move according to the rhythm and dynamism of any music desired and can be colored with the desired color tones.

Motion Particles


In order to bring this project to life, a dynamic artwork system was created using the program called “Touch Designer” which can move according to the rhythm and dynamism of any music desired and can be colored with the desired color tones.

Action Capture


In the design, which can be controlled by user movements, the program called Touch Designer was used. With this feature, the user can control the particles with their movements with the camera of their device, convert them into a video and save them, or create their own playlists with their movements.

Action Capture


In the design, which can be controlled by user movements, the program called Touch Designer was used. With this feature, the user can control the particles with their movements with the camera of their device, convert them into a video and save them, or create their own playlists with their movements.

Action Capture


In the design, which can be controlled by user movements, the program called Touch Designer was used. With this feature, the user can control the particles with their movements with the camera of their device, convert them into a video and save them, or create their own playlists with their movements.

Prototype

Use this Xd prototype

to see it in action

Skip ahead if you don’t feel like it, there ar nicer things down below.

Screens

Screens

Onboarding

Onboarding

Moving list covers

Moving

list covers

In app playing music

In app

playing

music

Home Screen

Home Screen

View, share and like

datas for this playlist

View, share

and like

datas for

this playlist

motion particles

list theme

motion

particles

list theme

Photo Clean, Duplicate and Similar Cleaning

Photo Clean, Duplicate and Similar Cleaning

One tap for

hide the panel

For screen mirror

Personalize

motion

particles

color

Personalize motion

particles color

Action capture button

Screenshots Cleaning

Screenshots Cleaning

You can create

playlists with

your moves

moving particles

that are sensitive

to movements

ActCap result

ActCap

result

You can edit

the playlist

You can

edit the

playlist

Large Files Cleaning

Large Files Cleaning

Record your moves front camera and screen at the same time

Record your

moves front

camera and

screen at the

same time

Recorded video, your moves from left, particle motions from right

Designed by Baran Keban

last update on Sep 25, 2024

Designed by Baran Keban

last update on Sep 25, 2024

Designed by Baran Keban

last update on Sep 25, 2024

Designed by Baran Keban

last update on Sep 25, 2024

MAIN

Works

About

SOCIAL