Skip to content

Case Study

Headfirst into the world of music

Gravitate Music — design and development of a platform for professional productions

Gravitate Music is an invite-only platform for professional music productions. We got to handle design and development as a Minimal Viable Product: a player that shows tracks not as a timeline but as a soundwave, hashtags to search on with, stems instead of a plain download — and a color system in which every genre has its own tone.

  • Professional Services
  • Arts & Culture
  • Entertainment
  • Branding
  • Graphic Design
  • UI/UX Design
  • Web Design
A laptop in neon light showing the platform's playlist overview

Get to know our client

The Gravitate Music showreel
0:00 / 0:00Showreel
Curious who Gravitate Music actually is? Let this gripping video surprise you and get to know our client! Video editing and sound by Andy Gbormittah, Shan McGinley and Eleonora Quadri.

From wireframe to finished product

Animation: the wireframe draft turns into the finished page section
From a wireframe to the finished product, which shows in an exciting way which productions the platform has already been used for.

See the color, see the rhythm

The color palette as vertical stripes across the whole spectrum
With an exciting, vivid color palette we turned the variety and the fascinating range of Gravitate Music into a visual firework that electrifies the senses.

Every genre gets its color

  • Genre tile Afro Beat in blue-violet
  • Genre tile New Wave in pink
  • Genre tile Techno in green
  • Genre tile Tribal in red-orange
  • Genre tile Atmospheric in yellow-green
  • Genre tile Grime in yellow
  • Genre tile Classic in magenta
  • Genre tile Amapiano in rose
  • Genre tile Samba in red
  • Genre tile Electro in violet
  • Genre tile UK in light blue
  • Genre tile Breaks in gold
  • Genre tile Trap in turquoise
  • Genre tile Hip Hop in orange
  • Genre tile Jazz in green
Every genre was given a vibrating color that works like a kaleidoscope of soundscapes and carries you off on a visual journey where the music dances with the colors.

One login, then you're off

A laptop showing the sign-in page “Sign in to GRAVITATEMUSIC”
Before you can get going, a minimalist login is waiting that catapults the user straight into the heart of the sound adventure.

Did our work inspire you?

Tell us about your project, short and to the point. It makes no difference whether you bring a rough idea or a polished concept.

Built for professionals

A producer with headphones at a laptop, the list of results on screen
The player was developed specially for professional producers and offers a wealth of settings and filters that make a targeted search possible.

Desktop first, mobile not forgotten

A smartphone showing search and filters lies next to a pair of headphones
A hand holds a smartphone with the player running in front of a colorful gradient
Desktop focus, but mobile not forgotten. Press play and use the application on mobile without any restrictions too.

The heart of it is the bar

The player bar at full width: soundwave, running time and the tools below it
The player — the heart of the development, inspired by what users asked for, then optimized and lifted to a professional level to offer a wealth of advanced options. Get ready to elevate your music experience!

A fusion of design and development

Welcome to the heart of our development — the player that rocks the music world! Based on user requests we designed it with an eye for detail, for a groundbreaking user experience on a professional level. Here you find everything you need for a professional production — and a good deal more.

Our mission was to develop a platform in which the music library is integrated directly into the website. Users should be able to interact with soundtracks right inside the player. Gravitate Music follows an invite-only system here — nothing happens without a login. Even so, we have offered a small glimpse into the exclusive platform.

We did a thorough job of not simply presenting the track with an ordinary timeline. Instead we chose dynamic soundwaves that make the unique frequency structure clear through every single peak. Whether you are an experienced sound expert or new to music research — every beat is understood in a cool and intuitive way.

And the hashtags below? They are not just good-looking, they are practical too! Click them and explore the vibe that makes the track special, to find exactly what you are looking for — or to refine your search further.

Speaking of search: we know, of course, which professionals use Gravitate Music. We equipped the player with countless options. Among them different track versions, metadata insights and automatic suggestions for similar hits. Sharing is easy too — with colleagues who are on the platform, or by simply copying the link.

And if you love the track, we have more to offer: sort it into project folders for perfectly structured work, or download it. But careful: our player is not just an ordinary downloader! Besides the simple download you can also download the stems — the individual layers of the track such as drums, vocals and more.

Gravitate Music — a player that, thanks to us, leaves nothing to be desired. Rock on! 🎶🎧

Client
Gravitate Music
Studio
Creative Agency WAGEMUT
Services
Branding, Graphic Design, UI/UX Design, Web Design
Industry
Professional Services, Arts & Culture, Entertainment