A VIRTUAL JUKEBOX
FOR YOUR POCKET

resonatr grew out of a need to hear democratically selected music in shared spaces.

It's free, and was made to be used anywhere - at events and parties, cafés, bars, the gym, or the office.

 
app store double.jpg
 

THE MAKING OF

USER RESEARCH + EXPERIENCE

Our group of potential users agreed that hand picking party- or event music playlists and attempting to match a variety of tastes was time consuming and complicated.

Office music was thought to be largely unpredictable, gym background tracks repetitive, and café soundtracks bland at best, and annoying at worst.

Competitor analysis showed that plenty of built-with-Spotify music/playlist apps were available, but none satisfied the particular need we'd identified.

Resonatr only requires initial setup of a personal profile, just featuring your favorite tracks and artists - which then self-transfers onto systems in any enabled host venue.

Anyone can host a venue, anywhere there's a network / WiFi connection.

 

+ magnify lo-fi mobile wireframes

 

VISUAL RESEARCH

We connected with web brutalism and controlled randomness; were inspired by video game visuals, young digital art, elements of festival- and urban street culture, and the UK emerging art scene and its exciting social and digital counterparts.

Colour inspiration came through close observation of experimental digital art, the colour options intrinsic to every digital text program, the throwaway aesthetic of meme culture, a shared love of curious 90s music videos, computer game concept art and the 'festival’ feel of laser lights and neon glow.

 

 
3.resonatr_iOS.jpg

quick custom profile

 

+ magnify sector reach

 

+ magnify digital culture moodboard

4.resonatr_iOS.jpg

pop-up venues anywhere

 
So easy to use, minimum hassle.
— Tom, 26, London
 

+ magnify user segments via Spotify login

 

+ magnify colour inspiration

+ magnify style tile

 

IDENTITY

Resonatr is a music app, so we initially conceived a myriad of logo concepts using sound waves, musical notations and vibration patterns.

Then, we focused on its custom coded React Native / Google Cloud back-end tech core, and in particular how this locates and activates a user via sector-based triangulation. Together with an understanding of the physics of resonance and amplification from which the brand takes its name, we ultimately composed a shape that successfully blends both those qualities.


SHAPING THE BRAND

The brand should comfortably work online and offline, and consistency, loading speed and reliability was - and is - imperative.
Following our love of web brutalism and nascent source code formatting, the Google font Space Mono provided a delightfully uncomfortable balance of geometric foundation and sci-fi grotesque details. We built our headers with Karla, an open-faced, playful sans serif that could stand up to any gradient applied to it.

Brand values simply resonate emotions that surface when listening to music: positivity, openness, energy, relaxation, and living in the now.

 ↑   blending brand colours into one angular gradient

↑   blending brand colours into one angular gradient

 

+ magnify triangulation moodboard

+ magnify hand sketches

 

+ magnify logo concepts

Your vibe attracts your tribe
— Ellie, 34, festival visitor
 

PHOTOGRAPHY

Resonatr's core proposition is effortless use after setup, via a smart algorithm. This 'no frills' principle accounts for equally minimal in-app photography.

Staying true to the concept of resonance, three dimensional renders of growing, shape-shifting forms as an abstract visualisation of sound seemed fit for purpose.

resonatr_vis.jpg

SOCIAL LAUNCH

 ↑   LinkedIn launch

↑   LinkedIn launch

GET RESONATR

Want to give it a spin? Download free here:
App store
Google Play

 ↑ social:  Kendrick Lamar / Humble

↑ social: Kendrick Lamar / Humble

header 2.jpg
 
header 1.jpg
 

Future releases will introduce custom full-screen video backgrounds for log-in screens and special events

shutterstock_434644216.jpg

+ magnify video style guide

 
 ↑ social posts:  lo-fi copy treatment over storytelling imagery .  The Naked And Famous / Young Blood

↑ social posts: lo-fi copy treatment over storytelling imagery. The Naked And Famous / Young Blood

 ↑ social:  Azealia Banks / 212

↑ social: Azealia Banks / 212

 ↑ social:  Faith No More / Epic

↑ social: Faith No More / Epic