Fun multi-player drawing game, where quick doodles are turned into 3D objects placed into a co-created 3D world. Created for Google’s i/o 2018 in Mountain View as the fun follow up to the Paper planes from the previous i/o. First of all the doodle recognition to a range of objects is great, and love the lively and fresh transformation to the 3D shape. Once created your doodle goes into the co-created world for you to explore in a rich 3D world.
Site documenting the earthquake damaged temples of Bagan in full 3D and LiDAR visualisations. Beautifully crafted experience taking you on a journey through these stunning temples. Love the interactive documentary approach, with voice over and storyline bringing out the history and acting like virtual tour guide.
Norman is a neat web tool to created animated 3D scenes viewable with a supported VR device. If you have the VR controllers you can create your own animated scenes – like Tiltbrush but all browser based – pretty amazing. Love the hand drawn and organic feel that really brings sketches to life.
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.
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.
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.
Site for German digital agency Humans & Machines. Elegant and minimal site for a body of work spanning identity to app design. Lots of nice transitions from section to section, with gorgeous seamless animations – that give a feel of polish and simplicity. The case studies for each of the projects are well considered and include inline videos, animations, and wireframes even to describe their process and pull out the nice features. Such a lovely, modern and fresh experience.
Campaign site for HP and their campaign ‘Magic Words’, a documentary that tells stories of illiterate people in Brazil and how HP’s new technology translates voice to print. Nice companion site that houses the documentary and showcases some of the characters who spoke for the book. Nicely designed, with some good interactive flourishes such as the gallery of speakers and the animated logo.
Site for Small Victories a neat service that converts a Dropbox folder. Simple premise, simple site that walks you through the process in a step by step way, in a fun interactive way. Love the scrolling mechanic that scrolls the ‘pages’ of content whilst the rest of the site is sticky – fun and quirky, gets the across the simplicity through its execution.
Interesting 3D experience to explore the technology and differences behind a house powered by green energy. Incredibly detailed 3D landscape of a modern house – love the walkthroughs and detailed slide out panels describing key parts of the technology. Amazing to see what level of detail is now possible with Web GL and in browser 3D.
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.
Site of Mike Bloomberg the founder of Bloomberg and a NY mayor. Lots of nice UI moments, and transitions, that breathes life into some pretty dry content. Like the top nav, and the way it evolves depending on context, and the preloader bar with slide in page content. Some nice interactive modules and carousels – all wrapped up in a nice looking layout and design.