Lovely site that visualizes you and others playing a keyboard piano. Love the absolute simple elegance of the experience with the colourful dots that fade in and out along with the volume of each of the musical notes. You can even save your session and share it, and explore peoples play time.
Created by Alexander Chen (@alexanderchen) and Yotam Mann (@yotammann)
Interactive music video for LCD Sound System’s latest tune. WebVR enabled, put it on your device and experience a FPS of a ball floating through a series of 3D scenes that react to the music. You can select other characters to see their perspective too, on desktop you can toggle between the views. Lot of fun, nice concept well executed.
Created by Studio Moniker (@studiomoniker) and Google Data Arts (@google)
Interland – interactive adventure to explain to children the complex space around online security. Executed beautifully through a series of 3D worlds, interactive games, and important lessons all about security online. Love the 3D worlds, so thoughtful and detailed, with simple gaming mechanics for ease of use. Great idea, looks amazing, and is great fun to play with.
Created by Google Brand Studio (@google) and North Kingdom (@northkingdom).
Site of Centerfold a “Montreal-based organization with the aim of driving social and economic change in the art industry. Our goal is to enable artists to gain funding, visibility, and access”. You can buy the curated prints or browse around a virtual gallery a fun feature that replicates a surreal 3D exhibition space. Nice idea and nicely executed.
Created by Mackenzie Davidson (@40mackenzie).
Site of luxury swimwear brand. Beautifully executed combination of editorial style design and commerce site. Love the homepage with its combination of imagery and bold type, with a subtle parallax effect to provide some movement. Colour toned photography and nice art direction throughout.
Created by Flavien Guilvaud (@flavienguilbaud).
Interactive music video for band Real Estate. Really fun mechanic where you are presented with a blank canvas and the ability to colour in sections of the illustrated video as it plays – amazing! Once finished you can share your creation with the world.
Created by Media Monks (@mediamonks) & W+K.
Do it yourself AI project from Google. Create kits from a list of components such as Raspberry Pi, and make for example a natural language recognizer. Pretty impressive stuff, wrapped in a nicely designed site with transitions and animations to bring the content to life.
Some really interesting Web VR experiments ranging from sonic umbrellas, ping pong, through to speak to go. The depth and detail of these experiments is incredible. really interesting to play with the various aspects of interacting with a headset on using sound and space to prompt interactions.
Created by Google Creative Lab (@google) and various partners.
Site for Alphabet’s Sidewalk Labs, research group dedicated to changing the cities of the future. Really love the approach of explaining the mission through easy to digest videos, problem statements, and short article like pieces. It is also beautifully designed, with large type, editorial style layouts, all with thoughtful transitions and interactions. Great example of a modern site explaining complex ideas and concepts.
Created by Sidewalk Labs (@sidewalklabs).
Site of artist Shantell Martin. Awesome homepage comprised of her artwork reacting to mouse position – love the mirroring of the artwork in the UI. Nice transition to the projects section and great bold design. Like the lazy loading of additional content when you’ve seen each project. Lovely work.
Created by Anton & Irene (@antonandirene).
Fun little site that takes places from anywhere on the world and produces a 3D relief of the topography of the area. Type in a place and you get a grid, which you can split into a puzzle, make a 3D file and even send off to print. Love the simplicity of the experience, nice idea and nice design.
Created by Hush (@hushstudios).
Curated list of Wonder.fm’s Best indie artists of 2016. Love the top 10 format, which you scroll through to hear the tracks, really like the vinyl rotating behind the sleeve to highlight playback. Like all the details such as colour transitions and Super simple, encourages discovery and musical exploration, nice.
Created by Hydric Media (@hydricmedia).
Interactive documentary exploring the concept of communal living. Really interesting approach, using the medium to show different camera angles, extra panels to explore the concepts, and nice use of colour and type to bring points to life. I love that they really thought about the format of the documentary and allowed you to explore and find out more information contextually as you experience the site. It looks great too!
Created by Anton and Irene (@antonandirene).
Beautiful site and data vis of the words and dialogue from Game of Thrones. Divided by each of the seasons, each with their own custom ambience, you can dive into the relationships between the characters and explore the data. Love the various ways they have visualized the data, one chart showing the amount of dialogue and who they spoke to, another showing the sentiment, one allows you to explore the words, and another shows types of words with a more graphic approach. The level of polish and detail is amazing, from particle effects, fantastic imagery, to nice type – you can tell they have poured heart and soul into this project – and it shows. All of the design is lifted by transitions and animations that add a dynamic element to the experience.
Created by Impossible Bureau (@WeAreImpossible).
