Back to gallery
Product2020

Reflect

Tune in to your emotions.

Reflect app intro animation

01Overview

Reflect is a music app that asks one question before anything else: how do you feel today? You tune in to an emotion the way you'd tune an old radio, and the app builds a monthly playlist that mirrors it.

The mark is a speaker grille lifted from an old Dieter Rams radio — soft-embossed, split down the middle like a waveform.
The mark is a speaker grille lifted from an old Dieter Rams radio — soft-embossed, split down the middle like a waveform.

02Approach

The whole system is built on a Dieter Rams radio. the logo is a speaker grille, the mood picker is a dial, and the month selector is a tuning arc. A neomorphic language in deep violet keeps every control feeling physical, soft and pressable.

Montserrat across four weights, with a four-colour palette: #5100a2, #7d00ff, #e2c6ff and a single red accent.
Montserrat across four weights, with a four-colour palette: #5100a2, #7d00ff, #e2c6ff and a single red accent.
Wireframes — every screen mapped in flat violet before a single shadow was drawn.
Wireframes — every screen mapped in flat violet before a single shadow was drawn.

03The dial

Choosing a mood isn't a list it's a dial. You rotate between angry, sad, normal and happy, then tune the arc to a month. The interaction is the whole product in one gesture.

Prototype — tuning the emotion dial and the month arc.
Prototype — tuning the emotion dial and the month arc.
Main flow — tune in, receive the playlist, confirm.
Main flow — tune in, receive the playlist, confirm.
Playlist build — the waveform reacts as songs are added.
Playlist build — the waveform reacts as songs are added.

04Onboarding & access

Three cards explain the idea before asking for anything. Sign-up stays neomorphic and quiet Spotify and Apple first, email second.

Onboarding — welcome, tune in, receive your month.
Onboarding — welcome, tune in, receive your month.
Sign up and log in, shown in both light-cased and dark-cased devices.
Sign up and log in, shown in both light-cased and dark-cased devices.

05Outcome

A complete product story: identity, palette, wireframes, onboarding, main flow and animated prototype all held together by a single tactile metaphor.