Site allowing you to navigate radio stations by location on a 3D map. Really simple interaction model, drag around and the strongest signal closest to your position depicted on the map will tune in a radio station. Really fun way of listening to stations all over the world – through exploration of a 3D globe. Nice idea and nicely executed.
Created by Studio Puckey (@studiopuckey).
Site for music group FKA Twigs. Love the composition of snippets of images, video, audio that promotes a very much exploratory experience. Interesting design and interesting use of a search bar with tabs to explore the content if you want to dive a little deeper. Nice to see people experimenting with different interfaces and layouts.
Created by International Magic (@intmagicgroup).
Beautiful experience and collaboration with Google Play Music and Hilltop Hoods. Through The Dark was written by Dan Smith for his son Liam, who was diagnosed with leukaemia at eight years old. The site takes you through an interactive 3D music video – using the scroll mechanic to change the position of your view. On mobile your accelerometer performs same task. Your view transitions between the light and the dark of the world, each view with subtly different perspectives of the same scene, light representing hope and the dark, fear. Love the simple mechanic and the stunning use of 3D to draw you in. Beautiful idea brought to life in a fantastic way.
Created by R/GA Sydney (@RGA).
Love this companion site for Bastille’s new album ‘Wild World’. In a collaboration with Spotify this site maps the cities streaming the album and creates 3D ‘storms’ that represent the activity in those cities. Beautifully executed and playful site, that simply shows a world of activity and movement. Nice idea and fun to play with.
Created by Active Theory (@active_theory).
Site promoting some of the artists for the North Sea Jazz Festival – through the idea of stories from the early stages of their careers. Love the integration of sound reactive elements that respond to the music as you cycle through the artists. Fun colour accent and bold type juxtaposed with b&w photography – nice feeling and attitude – and love the integration of music.
Lovely site for Adult Swim and a collection of singles from 2016. The music triggers a 3D visualisation customised for that tune, love how the background colours transition and the way each visualisation changes. Lovely design and polished interactivity, works great on mobile too, really fun and playful way of exploring a range of music.
Created by Active Theory (@active_theory).
Simple interactive musical synth instrument in the browser. Awesome fun to play around with, simply click and drag around to change the pitch, and controls at the bottom allow you to customise the sound variables. There is even a companion app to download so you can record your creations.
Created by Femur (@femurdesign).
Website for Nosaj Thing’s No Reality EP. Love the 3D sound reactive background visualisation, which changes when you hold down the No Reality logo. Nice vibe, looks great, and fun to play around with the views and listen to the jams.
Created by Ben Wegscheider (@benbesen).
Site for French composer Nicolas Errera. Love the full screen scrubber on the homepage showing the progress of the music – lots of nice visual cues to show the progress. Also love the way the page builds up with blocks transitioning into the layout. Looks great, fun to play with and nicely executed.
Created by FCINQ (@fcinqagency).
Site allow people to create personalised 3D artworks. Sign in with Twitter / Facebook and press keys on your keyboard to create flowing colours and shapes set to music. There is a loose tie into a new Toyota car – but any excuse to create interactive artwork is a good one! Love the ambient sound and music and fun process involved in creating these artworks. I like the way a short gif is created to allow you to share your work.
Site for Google’s Cultural Institute. Teaming up with some of the worlds most iconic venues and performances experience these moments from the stage in 360 video. Lovely type treatment and nice bold imagery, love the 360 video which really dives you into the experience. One of the things I love about it is how nicely it works on mobile, with an option to use your gyro or swipe to scan around the environment. Nice work.
Created by Google Brand Studio (@google).
Beautiful interactive music experience from artist Kamra. Watch as your face gets detected and peel off to become a 3D animated object navigating a landscape of sounds and surrealism. Beautifully executed with great dynamic 3D scenes, animation and visual storytelling. Fantastic way of pairing music with a dynamic, personalized interactive experience.
Created by Invisible Designs Lab (@invisi_dl) and dot by dot inc.
Fantastic musical interactive experience for Because celebrating 10 years and 20 classic artworks. Hold down the spacebar to randomly select an artist and play with the artwork – ranging from dragging trees, lighting up a city, playing with gravity, etc etc. Each one is very cool and triggers the playback of the track – with animations, video and interactivity. Love this kind of thing – this is what the medium is all about, creating compelling interactive experiences that can only be done with the interactive medium. Beautifully executed with slick animations, fantastic transitions, pulled together with elegant UI and a nice bit of storytelling.
Created by 84.Paris (@84Paris_live).
Spotify’s year of music in review – sign in and see the facts and stats about your musical tastes in 2015. Lovely bold, colourful art direction and clear uncluttered interface. Sweet transitions between the sections and love the gradient colour changes as you navigate between key topics. Not too overwhelming with the stats, with the content flowing nicely from big topics to more granular stats. Works great on mobile too with all the same cool transitions and animations.
Created by Stinkdigital (@stinkdigital).
