Site for Japanese ad agency Hotchkiss. Love the 3D tiles that shuffle and move as you scroll – really interesting way of presenting thumbnails and projects. Shame it doesn’t filter down into the project view. Nice clean minimal UI and layout that lets the content do the talking.
Created by Hotchkiss.
The next installation of interactive art piece VOID. A cube with rooms to explore in 3D space, each room with it’s own interactive element, from music sequencing, to ripple pools – music and sound plays a large part of the experience. Love the detail and mood – from the design through to the audio design – the exploratory/surreal feel is drenched in atmosphere. Great to see work like this.
Created by Hi-Res (@hireslondon) and IVXVIXVIII (@ivxvixviii).
Lovely update to digital agency Active Theory. Nice approach to the homepage – full screen case study video clips cycle through their latest projects. Dive into the work and find a similar setup – screen captures and videos – letting you see the magic. Love the slide out projects menu on the right, fantastic scrolling effect where the mask moves quicker over the underlaying image. The site is full of detail and great interactions, animations, and transitions – love the peeking strips on projects on the project view – the main menu features a cool 3D logo – lots of cool particle rollover effects. Great attention to detail and a fantastic example of a modern, fresh and beautifully executed site.
Created by Active Theory (@active_theory).
Cool site for Message Design Center agency based in Japan. Love the 3D interactive type on the homepage, which transitions into the hero image for that project when tapped. Also love the company page where 3D characters float across the screen changing into photos – very cool. Nice, clean and simple portfolio site.
Created by homunculus (@homuculu).
See the Greenpeace fleet and how they have tried to raise awareness for the ocean environment and the creatures affected by humans. Rich immersive audio and visual experience highlighting the vessels Greenpeace uses and has used over the past 40 years. Love the look and feel for the site, from the rotating reel acting as the menu to the technique used to show inside the ships – the site is full of delightful details. It works really nicely on mobile too, from the menu to the map view – all works and looks great.
Created by TWLVR (@TODAYTHE12) and Julien Renau (@julien_rno).
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.
Danish fashion label’s AW 2015 collection. Love the homepage – scroll and the photos become distorted and lead either to the men or women’s collection. Nice use of 3D and parallax in the deeper view, looks great too. Sweet transitions and subtle use of UI.
Created by e-Types.
Interactive experience for The Orchestra of Paris. Using pieces of music and setting them to dynamic 3D fly throughs of imaginary landscapes, as you move your cursor a trail appears and shapes move depending on your position. A nice interactive way of engaging with classical music. Love the way the colours change over time and fun to play with.
Created by Soleil Noir (@SN_Studio).
Norwegian Telethon campaign to help save the rainforest and raise money for forests in Peru, Brazil, DR Congo and New Guinea. Lovely 3D execution that maps a forest with areas to explore marked with areas sponsored by donors, highlight animals and stories to explore. Love the panoramas of the locations such as riverbanks, villages, trails and so on. Short videos and imagery can be explored from this view – all explaining the balance between natives, nature, and the impact modern life is having. Lots of nice transitions and animations, nicely designed layout and well integrated 3D complete the site.
Created by Try/Apt (@TRYReklame) and Pol (@polsiden).
Site promoting new compilation album ‘Alma music box’ – a collaboration with various artists using data from space observatories in Japan. The site shows 3D rotating discs playing snippets from the album, highlighting some of the data used as rhythms – tying back to the idea of star constellations. Beautiful execution and interesting way of creating a new album microsite.
Created by Epiphany Works (@Epiphanyworks) and Party NY (@prty_ny).
Site promoting the US Army and recruitment for STEM capabilities (science, technology, engineering, math). With a futuristic 3D look and feel you can play a series of challenges that map back to STEM such as guiding a drone over a landscape, decrypting codes and so on. Execution is superb, with the whole world rendered in 3D – landscapes, details, and interactions – the ‘path clearing’ is a great example. Love the look and feel of the site – very impressive, and it also works nicely on mobile.
Lovely site containing many ‘code doodles’ short and sweet interactive experiments, that are also a Chrome plugin. Real simple layout making it easy to dip in and out of the doodles. Love the breadth of doodles available, all from a range of different coders and artists. Nice wrapper for the doodles with lots of slick transitions and animations, and nice UI details too.
Created by Nexus Interactive Arts (@nexuslondon).
Beautiful 3D musical experience for band Helios and their new album Yume. Drag around the various 3D shapes to mix various elements from the tracks in the album. Different scenes have different music, love the way when you add bass or drums the landscape reacts – either in a sound reactive vibration or adding new 3D shapes into the mix. Site is minimal and simple which allows the music to take centre stage, a really beautiful and thoughtful site.
Created by WhiteVinyl (@whitevinyluk).
Site that visualises billions of data points gathered by sports and fitness tracker Strava. The nice thing about the site, is the way it puts context around the data – by pulling insights from around the world – comparing them and visualising them. Love the attention to detail with the 3D sphere – even with moving clouds – and nice shareable snippets.
Created by Stink Digital (@stinkdigital).
