Resn puts another two certificates on the fridge for its 'beautifully immersive' Subaru site

  • Web design
  • November 12, 2015
  • StopPress Team
Resn puts another two certificates on the fridge for its 'beautifully immersive' Subaru site

A big chunk of Resn's business comes from working with international brands, and plenty of that work has ended up winning international web design awards. That trend has continued after the website it built recently to help tell the tale of Subaru of America's environmental legacy took out two site of the month awards. 

'Zero Landfill: We Are What We Leave Behind' was the result of a collaboration between Resn and US advertising agency Carmichael Lynch (let's hope no-one discovers any emissions cheating software a la Volkswagen or this could be awkward) and it resulted in Resn's first ever site of the month award in the Awwwards and another win in the CSS Design Awards

As it explained: "Growth rings are a record of the life of a tree. Each year, a tree lays down another ring, revealing clues about its history and environment. Scientists study these rings because they tell us about the environmental conditions in which the tree grew. This discipline, known as dendrochronology, offers us a window into the past ... The timeline, bark, and tree rings were built using a canvas element. As the user interacts with the tree, the points on each of the rings reposition themselves, creating an organic motion. Scrolling through the page causes the tree to unfold and form a timeline. We calculate not one, but two sets of coordinates for each point; one located on a line, and one on a circle. To acquire the final position of a point, a weighted average between these coordinates is calculated, gradually shifting between the sets. The bark, forming the outermost ring, animates using an irregular sine wave, mimicking the growth of a tree. This animation was initially prototyped using SVG, then ported to canvas for performance reasons. A content layer is placed over the canvas layer. We track coordinates along each line within the canvas layer, as the user navigates through the website. DOM elements are continually appended and detached from the content layer during this interaction. By ensuring the elements we use are transformed wherever possible, repaints are kept to a minimum."

Resn, which has offices in both Wellington and Amsterdam and is one of the leading proponents of putting strange quotes in press releases, says it is incredibly happy to receive such global recognition.

"They only give out one of these each month. So, annually, that’s only, like, ten or something. Maybe less,” an anonymous Resn spokeshuman said. 

The Awwwards are based on votes from a jury and from the public and Resn's convincing appeal on Facebook undoubtedly assisted in its quest for victory. As it said: "Studies show that voting lowers your risk of developing bad breath. As your dental hygienist, we advise you to vote. Also, floss. Seriously." 

Resn says it has had a stellar 2015 on the awards front, winning two Webbys, 25 FWA Awards, eight Awwwards and numerous others for sites such as the McWhopper proposal, the self-destructing book, Chekov is Alive, Wildflowers, the 4news Wall and KFC's Hall of Colonels. 

It has also created a Tumblr page featuring a wide range of online experiments that shows how the agency is pushing the boundaries of web design. Be prepared to spend a few hours exploring all the visual trickery. 

This is a community discussion forum. Comment is free but please respect our rules:

  1. Don’t be abusive or use sweary type words
  2. Don’t break the law: libel, slander and defamatory comments are forbidden
  3. Don’t resort to name-calling, mean-spiritedness, or slagging off
  4. Don’t pretend to be someone else.

If we find you doing these things, your comments will be edited without recourse and you may be asked to go away and reconsider your actions.
We respect the right to free speech and anonymous comments. Don’t abuse the privilege.

Vodafone's blind drift race stunt goes global

  • Advertising
  • May 30, 2017
  • StopPress Team
Vodafone's blind drift race stunt goes global

Last year, Vodafone and FCB set out with an experiment that saw Red Bull driver Mad Mike whiz around a race track in a blacked out car, surviving only by the grace of Vodafone's 4G network. Now, the ad has been recreated in seven different countries around the world, including one that puts actor Patrick Dempsey in the driving seat.

Read more
Next page
Results for
Topics
Jobs
About

StopPress provides essential industry news and intelligence, updated daily. And the digital newsletter delivers the latest news to your inbox twice a week — for free!

©2009–2015 Tangible Media. All rights reserved.
Use of this site constitutes acceptance of our Privacy policy.

Advertise

Contact Vernene Medcalf at +64 21 628 200 to advertise in StopPress.

View Media Kit