How we built

How Carmichael Lynch and Resn cre­ated an in­ter­ac­tive timeline to show­case Subaru’s im­pres­sive en­vi­ron­men­tal cre­den­tials

net magazine - - CONTENTS -

A den­drochrono­log­i­cal jour­ney for Subaru

Close up

(1) The main view of the in­ter­ac­tive timeline is the tree rings. Each ring fea­tures a click­able link, be­gin­ning with the old­est in cen­tre and get­ting more re­cent. (2) The rings open and spread or­gan­i­cally, and data points ap­pear and dis­ap­pear on hover. (3) Users can tog­gle be­tween Time mode and Cat­e­gory mode, en­abling them to ex­plore the site as a chrono­log­i­cal timeline or fil­tered by themes like movies or ways to help. (4) On click, the rings un­fold into a more tra­di­tional hor­i­zon­tal timeline, in­clud­ing months and days. (5) While not iden­ti­cal, the mo­bile version of the site pre­serves the fluid pre­sen­ta­tion of time/events in an end­lessly scrolling screen. (6) Al­though the me­chan­ics of the tree ring metaphor aren’t pos­si­ble on mo­bile, all the con­tent from the desk­top version re­mains ac­ces­si­ble.

5

6

1

2

3

4

Newspapers in English

Newspapers from Australia

© PressReader. All rights reserved.