3d

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…

More and More

By | @buero_unfun, @stefanendress | No Comments

moremore-1
moremore-2
moremore-3

Site of London based More and More a motion and design studio. Reel upfront followed by case study thumbnails all with nice looping motion so in a full scrolls you get the picture of what they do. Click into a project and you get a case study with lovely detailed moments of the design / motion work. Love the way you can zoom into a project, click and drag to cycle through the work and scroll to go back to previous screen – very simple and elegant mechanic. Lovely work, great site.

Created by Stefan Endress (@stefanendress) and Unfun (@buero_unfun).

Site here…

BMW Paris Motorshow

By | @84Paris_live | No Comments

bmw-1
bmw-2
bmw-3
bmw-4
bmw-5

Site documenting the BMW presence at the Paris Motorshow. In depth 360 degree photospheres showing the range of BMW cars – love that you can jump inside the cars and see the cockpit view. Sweet transitions when looking at the details of the cars / model detail, nice way of mapping the view of the motorshow and highlight additional information. Love the 3D map of the exhibition space that allows you to jump around, loads of details and thoroughly polished experience.

Created by 84.Paris (@84Paris_live).

Site here…

Pell Mell

By | @FlyCherAmi | No Comments

pellmell-1
pellmell-2
pellmell-3

Site for UK & France based collective of artists and illustrators. Great collection of work – nice homepage carousel – love the dots with the circle growing around to show time between the carousel cycling. Colourful design that mirrors the colourful work – transitions between each section and pages are fun and playful. Nice and fun body of work in a simple and easy to use wrapper.

Created by Cher Ami (@FlyCherAmi).

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…

Bello

By | @adoratorio_cc | No Comments

bello-1
bello-2
bello-3

Site of Italian design firm specializing in 3D renders and animation. Dark and simple – love the layers of the hero images slightly moving and the nice text transitions. Nice thoughtful project pages that inject a sense of movement and show the work in a simple way. Lots of nice little details that lift the experience and add some personality.

Created by Adoratorio (@adoratorio_cc).

Site here…

Dev Random Notes

By | @webdesign | No Comments

dev-notes-1
devnotes-2
devnotes-3

Site of Chinese based designer and coder Du Haihang. Nice exploratory of visual code experiments that play with 3D, textures, and physics. Simple scroll mechanic to go through the experiments, love the transitions and bold type – nicely wrapped up in a minimal interface, fun to play around with.

Created by Du Haihang.

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…

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…

Belligerent Eyes

By | @webdesign | No Comments

b-eyes-1
b-eyes-2
b-eyes-3

A digital art piece that in their own words “Through a chat-bot, contents are imported in realtime by a custom AI censoring algorithm, displaying itself in an infinte loop of hyper-medial elements. Visitors will experience the flow changes in realtime, exploring contents and features of this new media.” The end result is a 3D stream of modified visuals floating in space. Interesting experimentation with the concept of censorship.

Created by display.

Site here…

Tank Magazine

By | @tankmagazine | No Comments

tank-1
tank-2
tank-3

Site for Tank magazine, UK independant quarterly on contemporary culture, design, art and so on. Love the 3D panels showing the latest issues content outline – some interesting interaction, where the entire paragraph splits and reveals imagery. Minimal design makes a nice juxtaposition with the content and imagery from the magazine.

Created by Tank Magazine (@tankmagazine).

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…