north america

Google Arts & Culture Experiments

By | @googlearts | No Comments

google-arts-1
google-arts-2
google-arts-3
google-arts-4

Site showing a series of experiments combining the huge database of art collected by Google and creative technology to show some great experiments. Shows collaborations with some amazing digital artists and programmers. Some really cool stuff here, allowing you to explore the range of art by interesting means – from huge 3D spaces, to machine learning interpretation, visual similarity. Great way of shining a light on the range of art Google has catalogued in fresh and modern ways.

Created by Google Arts & Culture (@googlearts).

Site here…

Through the Dark

By | @google, @RGA | No Comments

through-the-dark-1
through-the-dark-2
through-the-dark-3
through-the-dark-4

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).

Site here…

Eye of the Stormers

By | @active_theory | No Comments

bastille-1
bastille-2
bastille-3

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 here…

Sean Klassen

By | @seanjklassen | No Comments

sean-klassen-1
sean-klassen-2
sean-klassen-3
sean-klassen-4

Site of Sean Klassen UX/UI designer co-founder of Legwork Studio fame. Lovely site that details his body of work over the years, nicely restrained to 5! Love the nav down the left that changes based on scroll position, lots of nice little details that inject personality into the folio, nice work!

Created by Sean Klassen (@seanjklassen).

Site here…

The Hidden Worlds of National Park

By | @google, @stinkdigital | No Comments

nps-1
nps-2
nps-3
nps-4

Lovely site promoting 100 years of the American National Parks System. Choosing five of the hardest to access National Parks, Google brings an immersive exploration of these parks guided by the rangers that work there every day. You can explore a crevasse, fly with thousands of bats, soar over an active volcano, dive through shipwrecks – many shot with 360 video/audio. Each location has a few interactive moments, like scrubbing through time to see glacier melt. High production values, and a beautiful and immersive experience taking you to these iconic National Parks.

Created Google Brand Studio (@google) & Stinkdigital (@stinkdigital).

Site here…

Gabe Ferreira

By | @gabe_ferreira_ | No Comments

gabe-1
gabe-2
gabe-3

Site of Gabe Ferreira US based designer and creative. Love the ultra minimal approach, beautifully pared down UX and design that really lets the work shine. Some fun interactive moments like the rollovers on the projects, and blur transitions that just add some dynamism into the site. Lovely work too!

Created by Gabe Ferreira (@gabe_ferreira_).

Site here…

Adult Swim Singles 2016

By | @active_theory | No Comments

swim-1
swim-2
swim-3
swim-4

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).

Site here…

The Fourth Phase

By | @webdesign | No Comments

fourthphase-1
fourthphase-2
fourthphase-3
fourthphase-4

Site for new snowboarding film release ‘The Fourth Phase’. Featuring a beautiful homepage, that shows locations mapped to 3D scenes that your mouse can pan around, set alongside some moody music – creates an epic scene. Nice design details and interactive moments – all wrapped up in a modern and clean design.

Site here…

Number 04

By | @_number04 | No Comments

number4-1
number4-2
number4-3

Site for US based design studio Number 04. Playful and simple with large type that spells out rather than showing what they do. Nice mixture of imagery, video, gifs and so on for the project pages. Love the fun cursor replacements that add a surprising element, lots of nice little features like this – such as rolling over the project thumbs changes the background colour, also – if you leave the site idle for a while – you can play pong! Also a closing note reveals a drawing canvas. Nice modern site with personality.

Created by Number 04 (@_number04).

Site here…

Mustang Customizer

By | @jam3 | No Comments

mustang-1
mustang-2
mustang-3
mustang-4

Fantastic 3D customizer to allow people to customize a range of Ford Mustangs. Love the detail and fidelity of the experience, from the amazing 3D model that renders wonderfully in browser that you can rotate and view from any angle. Love the way they have integrated the hotspots to allow you change options on the range of equipment and features. Taking cues from video games – and integrating slick transitions – makes for a playful and fantastically polished experience.

Created by Jam 3 (@jam3).

Site here…

Love Fila

By | @domanistudios | No Comments

lovefila-1
lovefila-2
lovefila-3
lovefila-4

Site showcasing the collaboration of FILA and Marion Bartoli. A limited edition collection is shown through a series of colourful transitions and interactivity that showcase the range. Nice touches include the thumbnails for colourways that cycle over time, love the art direction and colour. Fun playful way to inject a lot of personality into the experience.

Created by Domani Studios (@domanistudios).

Site here…

Small Victories

By | @twentynine_nyc | No Comments

sml-vic-1
sml-vic-2
sml-vic-3

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.

Created by XXIX (@twentynine_nyc).

Site here…

Paper Planes

By | @active_theory | No Comments

paper-planes-1
paper-planes-2
paper-planes-3

Lovely site for those at the 2016 Google I/O, as a way for people to spend some time and interact with the large screens in the intervals. The lovely thing about it is the mechanic and the way it worked on mobile, you would create a plane, place a geo-located stamp, fold it up, rotate your phone to landscape and imitate throwing a plane – the phone would vibrate and a little ‘swoosh’ noise would play. Once launched you could then catch other planes with a net, again moving around your phone like a net to capture a plane, once you caught one – you could again unfold it and add your stamp, and again launch it back out. Such a simple, but beautifully executed & crafted experience, using all the features of your phone to create a truly mobile first experience.

Created by Active Theory (@active_theory).

Site here…