Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /nfs/c01/h07/mnt/37256/domains/nice.danielruston.com/html/wp-content/plugins/social-networks-auto-poster-facebook-twitter-g/inc/nxs_functions_engine.php on line 168

Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /nfs/c01/h07/mnt/37256/domains/nice.danielruston.com/html/wp-content/plugins/social-networks-auto-poster-facebook-twitter-g/inc/nxs_functions_engine.php on line 175
responsive | NICE!

responsive

Oat the Goat

By | @FCBNZ, @_Assembly | No Comments




Interactive storybook featuring the adventures of Oat the Goat – tackling the topic of bullying. Beautifully crafted story and imagined 3D world – with simple tap based interactivity to make choices along the way. Love all the sound effects, music and dialogue – great attention to detail throughout. Nice way of broaching the topic of bullying through a wonderful and charming interactive story.

Created by Assembly (@_Assembly) & FCB New Zealand (@FCBNZ).

Site here…

World Draw

By | @active_theory | No Comments



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.

Created by Active Theory (@active_theory).

Site here…

Mendo

By | @buildinams | No Comments



Lovely site for speciality book store in Amsterdam – described as “A candy store for book aficionados”. Bold type, and large imagery funnel the viewer down the page with a mixture of editorial, curated, and book suggestions. Some really nice features here with smooth transitions and a great attention to detail. Love the preloader and new page slide in representing a new page – nice link back to the printed medium. On top of this it looks lovely, well designed and interesting layouts that really life the experience.

Created by Build in Amsterdam (@buildinams).

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…

Lynn Schmidt

By | @webdesign | No Comments

schmidt-1
schmidt-2
schmidt-3
schmidt-4

Ultra minimal and stylish site for fashion photography stylist Lynn Schmidt. Love the elegant simplicity and offset grid – so simple – tap on the image to cycle through images for that project. Simple slide out menu, easy to use, and works great on mobile too.

Created by OFF.

Site here…

Beoplay H5

By | @b__reel | No Comments

beoplay-1
beoplay-2
beoplay-3
beoplay-4

Another lovely B&O site, this time promoting their new wireless in ear headphones. Love the small interactive moments that tell the story and pull out the key features in a playful way. Nice design and interesting photography and location choice too – interesting moments of video scrubbing on scroll. Nice modern one-pager that pulls out all the details that users will find interesting wrapped in a nice to explore experience.

Created by B-Reel (@b__reel).

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…

Cuberto

By | @cuberto | No Comments

cuberto-1
cuberto-2
cuberto-3
cuberto-4

Site for UK based digital agency Cuberto. Full of slick transitions and nice interaction details that reveals a nice body of work spanning mobile web and native apps. Like the video headers that transition seamlessly into the project case studies. It looks great, with well considered typography and nice layout to create a fresh and modern agency folio.

Created by Cuberto (@cuberto).

Site here…

Stinkdigital

By | @stinkdigital | No Comments

stink-1
stink-2
stink-3
stink-4
stink-5

Lovely refresh of global agency Stinkdigital’s website. Clean and fresh and fast, the site shows a great folio of work. Love the transitions from page to page and pleasing gradients that accompany them, nice detail on the project pages with a mix of animated gifs, video content, and imagery. Really like the about page, and love the way they represented the different offices timezones is a smart and playful way.

Created by Stinkdigital (@stinkdigital).

Site here…

Locomotive

By | @LocomotiveMTL | No Comments

loco-1
loco-2
loco-3
loco-4

Site for digital first agency Locomotive based in Canada. Full of transitions and animations, I love the diversity of the layouts for the project pages. Each project has its own colour palette which transitions when you visit other sections. I love the energy in each of the sections, from the fun ‘play’ section of the site to the detail when you reach the end of a case study – love the colour fade. Full of detail and beautifully designed, great example of a modern agency site.

Created by Locomotive (@LocomotiveMTL).

Site here…

Consortia

By | @webdesign | No Comments

consortia-1
consortia-2
consortia-3

Site for digital agency and research group Consortia. Lovely scrolling intro that pulls apart the logo and dives you into their lovely folio of work. Simple interactivity that splits the page to reveal the project detail in-situ. The component parts of the logo follow you down the page and add a nice element of depth.

Created by Lucas Lind.

Site here…

HAUS

By | @madeinhaus | No Comments

haus-1
haus-2
haus-3

Site of LA based digital agency HAUS. Nice animated intros to each project, with nice level of detail for each of the project pages. Lots of nice details that elevate – such as the contact page where you can play a game on the map, the menu page with awesome bg animations. All in all a well designed and executed modern agency site with lots of personality.

Created by HAUS (@madeinhaus).

Site here…