{"id":1141,"date":"2013-01-04T17:37:08","date_gmt":"2013-01-04T17:37:08","guid":{"rendered":"http:\/\/rux-werx-here.net\/rwh_v3\/?post_type=portfolio&p=1141"},"modified":"2020-01-29T17:53:39","modified_gmt":"2020-01-29T17:53:39","slug":"wherever-ships-could-sail","status":"publish","type":"portfolio","link":"https:\/\/rux-werx-here.net\/rwh_v3\/portfolio\/wherever-ships-could-sail","title":{"rendered":"Wherever Ships Could Sail"},"content":{"rendered":"
[vc_row thb_divider_position=”bottom” el_class=”align-center” css=”.vc_custom_1473955780919{padding-top: 6vh !important;padding-bottom: 2vh !important;}”][vc_column animation=”animation bottom-to-top” offset=”vc_col-lg-6 vc_col-md-8″][vc_column_text]\n

01. Brief<\/h2>\n

We were\u00a0 asked to introduce Johnnie Walker an icon of personal progress by demonstrating the brand\u2019s pioneering spirit and moments throughout history that have been a part of it.<\/h3>\n

These moments and points in history are called our Reasons to Believe.
\nAs an agency, we were tasked with bringing the Reasons to Believe to life in a richly digital experience. This would be an integral piece that helped give Johnnie Walker a leg to stand on when discussing personal progress and the next step.<\/p>\n

While the video, Wherever Ships Could Sail<\/i>, would live online in video format our challenge was to create an interesting and engaging way to bring it to the House of Walker and live events. That\u2019s where the interactive project came in.[\/vc_column_text][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” el_class=”align-center”][vc_column offset=”vc_col-lg-7 vc_col-md-9″][vc_empty_space]\t

\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” el_class=”align-center” css=”.vc_custom_1473955780919{padding-top: 6vh !important;padding-bottom: 2vh !important;}”][vc_column animation=”animation bottom-to-top” offset=”vc_col-lg-6 vc_col-md-8″][vc_column_text]\n

02. Context<\/h2>\n

The House of Walker is a social and entertaining environment.<\/strong><\/h3>\n

As such we had to consider not only the conversations happening and noise levels but also limited attentions span. We knew we had not only to get the users attention but also keep them involved throughout the experience.<\/p>\n

We looked for natural interactions, with none to little learning, that could bring a little magic:
\nWhile voice interactions and touch screens were initially considered they were quickly dismissed based on the context contraints (noise levels and spilling risks).
\nWe then turned to mid air gestural interaction, users would be probably holding a drink on one hand and that left us one free hand.[\/vc_column_text][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” el_class=”align-center” css=”.vc_custom_1473955815884{padding-top: 4vh !important;padding-bottom: 6vh !important;}”][vc_column animation=”animation bottom-to-top” offset=”vc_col-lg-6 vc_col-md-8″][vc_column_text]\n

03. Gestural Solutions<\/h2>\n

We explored different ways of plotting events in time and different ways of navigating time using gestures.<\/strong><\/h3>\n

Starting from the simplest form of sequencing events in time (a timeline!) we explored simple and intuitive gestures to navigate forward and backward in time and selecting specific events by litterally grabbing them.[\/vc_column_text][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” el_class=”align-center”][vc_column offset=”vc_col-lg-7 vc_col-md-9″][vc_video link=”https:\/\/vimeo.com\/384098369″][vc_empty_space][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” el_class=”align-center” css=”.vc_custom_1473955815884{padding-top: 4vh !important;padding-bottom: 6vh !important;}”][vc_column animation=”animation bottom-to-top” offset=”vc_col-lg-6 vc_col-md-8″][vc_column_text]\n

04. Letting the narrative lead<\/h2>\n

Using the narrative as a conduit. Remember, we’re telling a story.<\/strong><\/h3>\n

By looking into the events sequence as part of the narrative rather than a plain timeline we now had the opportunity to leverage the curves of tension and catharsis as well as its triggers as a interaction cues.<\/p>\n

The user moved from spectator to participant by letting himself resolve the tensions and trigger the events\u00a0 to unfold the story with an matching action\/gesture.<\/p>\n

Johnnie Walker’s history and story of progress is literally in the users’ hands.[\/vc_column_text][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” el_class=”align-center” css=”.vc_custom_1579710636630{background-color: #eaeaea !important;}”][vc_column offset=”vc_col-lg-7 vc_col-md-9″]\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t[vc_empty_space][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” el_class=”align-center”][vc_column offset=”vc_col-lg-7 vc_col-md-9″][vc_empty_space height=”64px”][vc_column_text animation=”animation fade-in”]\n
HOW IT WORKS<\/h6>\n[\/vc_column_text][vc_video link=”https:\/\/www.youtube.com\/watch?v=ZY_-aHLFWLk”][vc_empty_space][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” el_class=”align-center” css=”.vc_custom_1473955815884{padding-top: 4vh !important;padding-bottom: 6vh !important;}”][vc_column animation=”animation bottom-to-top” offset=”vc_col-lg-6 vc_col-md-8″][vc_empty_space][vc_column_text]\n

05. From Sketch to Party<\/h2>\n

This project was super fast paced project with very limited time and team resources. I was a crucial part in the early discovery phase of the project, participating and co-directing the initial brainstorms and conceptualization, as well as, research and prototyping.<\/p>\n

It was also my responsability to defined the User Experience and designing and developing the gestural engine. I was also responsible for defining the physical structure ergonomic and technical requirements and managing external vendors for fabrication and integration. As a team Lead I also managed the internal team and supporting the Client relationship and managing its expectations.[\/vc_column_text][vc_empty_space][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” el_class=”align-center”][vc_column offset=”vc_col-lg-7 vc_col-md-9″][vc_empty_space][vc_column_text animation=”animation fade-in”]\n

BEHIND THE SCENES<\/h6>\n[\/vc_column_text][vc_video link=”https:\/\/www.youtube.com\/watch?v=ZY_-aHLFWLk”][vc_empty_space][\/vc_column][\/vc_row]\n<\/section>","protected":false},"excerpt":{"rendered":"

As a digital extension of the \u201cKeep Walking\u201d campaign for Johnnie Walker, we created an interactive experience allowing users to navigate a story using expressive and relevant gestures.\u2028 We immersed the user in the narrative and empowered their gestures to control and trigger Johnnie Walker’s Reasons To Believe that made the history of the brand.<\/p>\n","protected":false},"author":1,"featured_media":1252,"comment_status":"closed","ping_status":"open","template":"","tags":[],"_links":{"self":[{"href":"https:\/\/rux-werx-here.net\/rwh_v3\/wp-json\/wp\/v2\/portfolio\/1141"}],"collection":[{"href":"https:\/\/rux-werx-here.net\/rwh_v3\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/rux-werx-here.net\/rwh_v3\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/rux-werx-here.net\/rwh_v3\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rux-werx-here.net\/rwh_v3\/wp-json\/wp\/v2\/comments?post=1141"}],"version-history":[{"count":0,"href":"https:\/\/rux-werx-here.net\/rwh_v3\/wp-json\/wp\/v2\/portfolio\/1141\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rux-werx-here.net\/rwh_v3\/wp-json\/wp\/v2\/media\/1252"}],"wp:attachment":[{"href":"https:\/\/rux-werx-here.net\/rwh_v3\/wp-json\/wp\/v2\/media?parent=1141"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rux-werx-here.net\/rwh_v3\/wp-json\/wp\/v2\/tags?post=1141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}