Porsche · 2018 · innovation.rocks · Red Dot

See inside the car you're standing next to.

An event and consumer AR app for the Mission E concept, on Project Tango. A ring menu around the real car opens animations and x-ray views.

// project.porsche_mission_e

client= "Porsche"

role= "Lead designer"

discipline= "Product UX · AR"

scope= "Sketch → rollout"

market= "B2C · event + consumer app"

01 / the brief

Show what's hidden, keep the car in view.

Problem

Show what's hidden without covering the real car.

Constraints

Car stays the hero · best-angle guidance on a busy floor · consumer app after the event · Tango.

My work

Spatial AR UX · ring-menu UI · x-ray mode · VR-lab sizing.

Decision

A ring menu anchored to the car, with x-ray as a mode over it.

02 / process

How I got there.

From the September 2017 concept study: render, in-app UI and the VR-lab session where I sized the ring.

2017 concept render — content anchored above the Mission E on the show floor

-------------::::::::::::::::::::::::--------------=-=-:
----------------:::::::::::::::::::::----------------=--
------------------:::::::-:::::::::::--:---:--::::-:-=--
--------------------------:::.::::::--::::::--::::::-=--
=------------------------**%###@@#***###%*+:--::::::..--
-. .====---==-----------:+*######%**+%##%@%:--..::....:-
. .-=======:.==-=-----=..---::-------=:.:::.--. ... ..
. ..-=-===+..-::=======..===-...   . .  ..:.=:..........
... :+=+++*: .=+++++++*..++:            .   ::..........
....=++++**:.:::++***-:...               ...:-:::-......
.   -++++**%%#*:##%%=.                 .--==+-:::-..:.:=
-...*#####%%**+:--::=.       .....:-=-.:=--+*-::::..:..:
%..:**++=--::::::::::...............--:-=-==---::::.:..:
:..:::::::::::::::::-=+=======--::..::=+===----:::::..::
...:::::::::::::::::-++++++++*+++=++++**=-----::::-::.-:
:..:::::::::::::::::::---===++++++++==---::::::::::---::

/]+/:#+==+/<}+[{0=>/]}+%<]}{+=##%[%1{{]++}-=:-0>-+/%[=-:
#{:%#0}/=->01{#]<+%/:1/]{#>1=*<[=#:#[##]1#}0]-:-+0+%#{0%
1<<{}%<+{+1]=<+>[<<]<+#]1+=#+:{:{<#>/]%0<*-%[-=><*[[>]->
[=[>1}{*<}01/=%=-{/:-=[+/+{0]%1#+0<:{=+*><#+1:[-1/=*}/=1
:[-{:[:<#-[]%-=>1]</]--*/:0+#-/%0*+1-[<}:>%]<{/>##}]+/<]
:+={]=<-+>0{{-+%}]#>]}[%#%}/*1:*1>%#{]//0-+=+0:%<*}+[<=:
<--{+*/-*=0[:=:#<>11#=<-/%*>/>0-<>}}%=#**}>>*+0<+]1%0%%:
/]1=%[{>/0+>={%//[==/]]<-:{-%=<[+:[-#%{%-}>=[]->/*/0]=0%
/{-]>*]-#--+***#1-=%]%>0:1-1{::[-*:<*<=-[>*--]+}+[++*><{
+{>0}#}{=]=%-[}-<<><<[{%0{}#1}-:1=+-0#-]%/]1]}>]0/+:/]]1
#}]>*=}<]1-/]/#[}]0[1#<<:-[:#]/#{%1->]*<=>%:}/%+>++-/>0{
/{*-{/:{>*[+{1/>[{1/<[>>*%0+]]/}%<=*%>={[:%++:/{-{{-#]/<
10%<-=00*{-=[{<>[>#+>><0>>%1#{-{>0>+=]%1#}:--#:>/%}/0::>
/1{%:+<>*:]<*}{]/#0%<<0>#<]+%]{++/0/1:>=/%#>-0-{-:=*==-]
=]1+[}#[0/{/%-/--01%0{:]1[#}0[}*:%]<1{<0>%1<#=1]+[]:-10>
{[#01[/11{+[=]%>}0/]/#{]%]<=/*+]+]*1{0-]***1]1+</*}-}#:}

]1:=%-*>[%}[=-{-->{*+[>:*1}[[-}%/+:>=]}}%+<<:1--#=1=<<0-
/+{-#-%#:]01*::#-</<[{<0>:{1/#[10>-+]=>}:-/1*%}=1:<*/+-#
}<%0{]:[>=#*:}#%=#/=0:/0-[>/#10*][[[%[:#1%1--+>[*1%*-<>:
<=*]%}]<]#}-11<+%}<1/}{}/<*]%+#+1[{[#*#%]*>+1**{+<]==-*}
0/>-=%1-=[-/<%]0[->{1:=<{0/=]%00<:=:+<#}#>0-:%1<]-=+:/1{
++0=#1-11{0<-/>]=-/*0=+*#>%>*<=:/<%%{{*=*]{1%#0=:-%]]/[]
}}}1#+[+#[#}1<#[=01*=0]+#0+*0]{>0-]0{</00%%:*#}{=/<+*1/*
%%-<%**1]{1}:#[1%:=}=%<=-+<:#-[{[}+>=:#={]+<{%>>%#{1:%=<
1[>[/{#]]+}}%/-#}0<0**+**0>1[][*%+{{][]*}0%:}:11+%0#+0>]
]>{%*[+<===--{:[<>}0>}00[*0<[<=<]:]#<[%+={#0->1>:-:%1<0<
%%}>%<:]0%>/:<<0]%>>-%#-}1+[[}1>}%-{-{/-/#--+:=##:->1#/>
:=]+[11*[1}[:--}0*+[<1+<=}-+/:#}<#{>>{0]{>[0}}}]*#=:/>{-
-*1{%#{{->]>#{[[[{{}[*-+0:<>/*1/:#*#>-0%{%*}:+}<}=/]0>[{
:01}-[:=<+#>=1+->*:0[[0-=<+:=}-#11%[//{}=/]}*0>/-]1[*/{<
*-+/{=:<]-%]}*/]%*+{:#*#0>11*}[=+[{*+=]/#[:[=-01/<}<<+<{
+:+0+=0>}%}1:<:}/[-[{<##%+/<<[}>[0{<+%#]110#{{#=}#>>//{=

In-app UI frame from the 2017 concept study

=-...:=*=====- *########=.-%##%%%%%%%%%...::*%**%****+**
=-:..::*+=--=-.-=-=----==-=**%########+...=-%#####%%%%##
==-:::-++-*%%%#%+:.==*%%#@@@@@@#######+...:+############
===:::....+#@@@@@#-*@@@@@@@@@@@@######%.=.+@@@##########
==+=:+: .. .:=*#@@@=*@@@@@@@@@@@@@@@@@%:-.:-=+%#@@######
--:::+#: ....  .:-+%:+@@@@@@@@@@@#%*+-....... ..-+**%%##
.....:*%.   ...... ...:-=+==--:.... ............ .-:::--
.....:=#*.--. .........      .......   .................
.......:--+%#*-.  .....:==:.       .       .........::..
           .:+##%=.  .:#*##%+.      .....     .......:::
              .:+%@%+.=*+@@@@%=... -*##%+...   .......::
                 ..=%#*--@@@@##+....=:... ...........:::
                     .-=-=#@@@%@-....:...........::=+--:
                   ..  .-.=#*#*@%....--....::::=+%*+=--:
                    ......==-%%%*::::::..:::-+%#%*+---::
                    ........:----=++***%%%%***+=-:::::::

---=<#-+]{#:10-*%#=*{/*#<0%*]%1*[-=]#>>[][>]}:1%{=+0#*1{
#=0+//{1<-=}+>}10</>{<->}[}%01*00-:]1//[/{/>0#1:[}]=*<{:
#1>%<1*%+}:1-#0>[##/><}=>{<=>[#:::#<*[#-<%#}1>1#1=[:{-]:
:0:/[:+#*>1>/1:=<<[/0]}0[/:>{1{1[*%[++=*/{#1#]+<:*=}{+1:
=}:10]#<0[*-#]1:{*+></:0/#=%}*+=-1%<*}=</=>}1>[/#/1}/{<%
{}<]%:}[%#/<+1[>*1<#[{%=*>1<}1+#=-/}*0/1{+<>#%-[}{}{++<:
}+0{[%11*[]{<#{{>/{{1#}//{%+[:*<[{*>/#%=0=/#<*1#0#[[>/[[
{]{%+[%}/::*0+:]%[-#%>-#%:0%}*{%0}/>*#[]]=1=0<=%:#1%]0{<
+[%-]:=%>[{/>}}}}{0>1>=#]*}/+]-0[%[#1-1<<]]-/}=-1<%/1+[>
}]{*=>=]}1[=]*1+1*+0*<0#-=#0[00{:}>#>]/{0>>0#0<1+*>{->[]
]>1%[-%1[%+/>%=>>/+1{-#]<[}:]>1[=>>%*<<1][0:-}+#+>}=#1*<
>%/]={{>=:11[=>]]>%]>-=01>----#<=/++{-/==1[<#/#[/-{1>{<*
+/></:]+][<}1+[1<[/<{>11%*1=[<:1/+}<#=:<+0*%%>]%{0++[}:[
[}0:+-/]/1{]{>{1>%[{#{1/]*{}#%#0*-+/*1[-:<1-0<-0#1]-=+:#
-:>1*/>0][{]}%#}0{+[}:{0--]-%:::0{>:>]]101+<1}#{*#}1*+[>
{:>0<{#:0##%}[-:+=1*1->//-}}/1+#-:::]*{+=}1=[0{1}+**>:#{

-=]/>-}1{=1][=1=}>}1>[}][-#/[*[0<%0[{-]-:{{-{1={//001<[/
>]}]>%%01+{00}-]{[[%%:[/]*%:#%%]{=}=}*/+-*{}11>//}[#++{+
:/<]*>+%}+={[*#[>>01:>/]1/<]}1]}-#>0%#]]1*/%=0%+-%>}:*[{
+<0[/*<:]1{=-#=*}]%{]:+/=-1]]>]0%>%<1]<=:{*%{#-<<=>[0+:=
<1#+>%1:->:>+/[-[:<*1/<>*:%=]*={/]]<}}>*}%0+*%=<%{1==]/<
01{:11<*>**-{{:=#*:}//01+[}>}}#0-}>+-0{<>}:+:--1=}#}}1-/
==%}}>:*]+#/*:#/[<+>:*[<>=[{}1+1>#+[**:<%>#[>++**[/<}#{>
-*0}#/+:0-}]*%-1[%+>{{*[}=<+**[:<]1}=>]}[}1>%{::-[]<]*={
=1:%>:><1{/>{{#0++]}/#]+]-+]<%%>>/00[%00}>0<[%-:*<[[/%}=
<{+}-]{0:0%::=0:%++-{#+#+#1%[[+-/:1-1%<>[{]<>>*%>-<#{+*0
%+#/0#]>-[{[>#=+[/><[%>/}1<>]%=0>]*-]0}%:%%}%+*=>-<1#{[*
1]/<%1+/]:%*:0*0}]{>-:*+-#%{*-:]:/0#>+%]]]{*#{[-}%{--/#>
{[}<}+[+0**#/*-[}=*#{}]{++[]*-<%:+=#:=11#<-%0{/[>}+>:=#]
==<##*:]==::<>-1[[-0#0:[0#}]=+>]1-:1%>:]/1*0<0-/+1}{+-<]
/{%1>-+1{>=[]1>[*0[+10/--*{%=/+]>}]0#}+#]<%[[[#}}<=%1*}+
0<[--=+>/+-+<[%0*#:#+]0<*-*]=+-#%<{=/<:]{+>0]}%>0{[%0<#:

3D-lab VR experiment for optimizing the ring menu size

+++++++========-----:::::--------=====-.:::::::---------
***++++++=+++++++=======--:-----------:..:::::::--------
===+=++++::::---=====--:::.:::-::::::::...::::::--------
...:-::--:.:::::::----::::.::::.::::::....:::::---------
...:-:---:::::::::-----::::::::..........::::::---------
   .-:---:.:::::::----::::::::.        :::::::----------
   -*=:--::::::::-======-=-=--.      .:::::::-----------
  -+=-----::::::-+*++++++=+*=-=::::--+*++****==---======
=+*==-----:::+%*****+++++=+*+-=--*#**###@#***=#@@@@@@@%*
++++==----:::+######%%%%+++%*-+*+++===-----===#@@@@###-.
=+++=-====-----====+++**++=-::===-:.........:=**++=--:..
=-=++------:::::::........  ----=++++==***++++%%%%*%%%%*
--=+==-:::::::::...:=-......:.:=+***%****%#####%%#%%%%%%
--=+=--:::::.......#%##*:-=-:::...........:-=+++***%%%%%
--===:::..........:**@##%-======----:::::.............::
::-:::..:..........==%#+@===++**========+++=+==-:::::::.

=0%<0%</%+0[=>{0%*-]%0%}-1=#+[1[1*}>{0]:*0:1-={<<:*{]=/>
0]*::=1-[:}%{>:<{[:*<]#][}{/<-1:{=:>{{]%=+]*}%+<*{[#%/-}
}-<%+*<#[<0]</{]#1<>*{[=>]0*1:%}[:1=>{=]/0--=/[/}#/<*0[1
[+>}<:-%%+>%0>0{{1{0]10:##0[-0=1*{+[:/:]//*01/<#->#=//{[
[/{#:=%<[<>*{<+1:#1=+1*[*[:}#}==[{0*:[}=}:*#//=#1=*/%/0<
={<*+%{+-%[{>}*0%{}{<+*=:[/#*>#10*{*<=-:+:+%[1>=/++#%#0%
11+<+1]}-1:[:#:>[{0*:#10<:-<{0/#0:>[}{[{0{><#>=0*:-/-}/{
=*/1#*+>=%*+/%*}{[*[:*]][]#0[[={>/-%+][=/{[>:}+0%{*%-+1%
#*[>-{>::=]%]]}{[==%#}:{+#%=}0#-+>1[{/=>}:*0:[0*:*/%00=>
*%}00}##}-]%>1%--:<>]*{>[=[/%*%>-}##<0%*{+><+{/000-><>{[
>1>%[={=}*}[-0*{=-<%==1-[-1:<#0%]=%=[1-:*0#:+:+}<:[:}[[<
]{/]#]-*]>-{#+:1:<-}*]#[=##]+*<%#=#<<:-][%{0>*/=<<#[%0--
}+1*<%--%{}[*1[0/+]-=%:%1[/<<+}1*>]/[%-[-}%{%-<<<{/*:+}[
/><:}#1{0#=-[=}/}[[{/#0#]<%]{/%:}]+1]%=>[[#*+:#:{*>1#[0=
{<><<>*[[/1+{#=:/#/**%#1#0%[-0:*0}[+1[/#[:-:[#{[]<#1+/%+
+=#1+1#{]:->1/*/<}++*-:=+:]#}*{]%{>/:[0{#>0%={0%]*1<{=0*

=/]=%[:%1}[1:]=[#+1=+11:]}}=-10]]>>*0]+*:1=++%-]{<:[0/{*
>*:-{-1+*{:<<+:{][#}>}/}[*1{[/}[}}/+-+{1}*%#{1]/[0>++<]-
#+[{1+%>+%=}%/#]0}{}-[}<+{0]%:>/1[0>*[[]</]1]>/+-{>*0*]1
{*{/---0=1/+:1]=/*-{#{-[[10+[>%[{-}}}=-{}[++===[>#{<>1-/
=<{0#*#%0*{][=0]}-{#]<<0:1[*{]:1}#]]>1={[%+<[#:+{-*{[->0
>1=[<}}##:{+:#>==]{0<+}{-01*%+0#>0*>:={/1++</[}+}[[/{%+/
%>}[/+]#<{#[[+=%}}#**]%<-<>:<<]1-]1+}%:+]=:>/<*<[>:<0=/#
#//:{0/*>:{#<]>::{:*#+*-/[[#<}*-*+[[+/=+]:+}/-[}{*-/}}+]
[}=-*1/1<>1}-1+*++//>>{>{]/[-*%*/]<%={}{>-/#[%%{/-%]<=/*
%[=*<<[#+***}+=:>:}0]-<=0>}0-}<-*<=-}***010#<]/{->[0#><-
#}1=%%]=<>}#+=+]<:{>-}1*/+/+<-%}+}[[#*}#/>+/-#*[]-+%0[{1
=-:%-]%/0/==%}<1}{:+>-*}<>}+[{<]:=}#:+}{:[={<*<+]#*/-/0>
]%=%=#]0]{{[:#>[-*={#*1>*/[]=}+0%:1:[/+*:#}><%0+#+0]-1-*
>/+#=]%%{{/+*=>#+]0*[}0>}-/%1}*{[11{>>*]%11+>:1->*>}{{0]
0+*[/*{/:/0{/>}<+-:=#]/0:}+>*0]:+-0/#]*/]+]=}0#:[:=/<>:}
1-1=++/[*1]#<[]]*1>=0*:1]0>:[0+-{--1%>}*/+%[%+%=}::0/{-}

03 / the app

What visitors could do.

...:::-.            =**+*******++*****%%##%%=-::........
...--..:.          .-***+++*+++===+++******%*+***%*++=--
......  ....    :=+*==-..     :%%+:..-=++==++++***%#@###
..........  ..=%*:=**%-   ...  +%#@=   .-+++=======*:...
  ........:=*%#*. -+===+*%#####%***-    .-+***+%%**%-.
.......:=%##%%*-=::...:-========----+%*==:.-===++*%%#%*=
....:+#@@%%%%#+=+*=*#@#*=++****%%#%#@###*-:::..::-==+*%%
.:+*%%%#@@#%*#%++*#@###@##%####%%%%%%%%*-:::::..:::--=++
%#@###%**%##%***+=+*%%%%%****%%*+++++++===++=--::::::---
#%%%%#@@#%%%**++*+===+++++%%%****+==-:-==+%**%*++==----:
@#%%%#@@@##%********+=+=--=+++=----==--=++++***%*+++++*+
@@@%*%#######%%%%%***********+*%**+=+**========+%*++++++
@@@####%%########%%%%*****%%%%%%%%%%*******+====++++***+

{=]+#:::*-<+<<<*-+--+>-#}<==}//>-0:#/]<*/>>%+=[<=<%][1:%
}0%0[*}1<=#>}#{**0<%/+<%*/0-<>[{*/:}=}%1{+/{[</*-[%:}*}{
#[/#*]-10:==*+:-0%<#=/{<#:>:*{-/>0/-+1:{%/%/:#0+{0</=]=1
<=]-{=]]*/>%1#-}/-</=1<->={]/=*:0%{*[]-}<+:>+#]<%[>=]*{{
]=]]=]{*#*=={:1[/-=#}#*1<}]+#[10/-%[=}++{}>-0[*1{%]%{{<:
0##<=0#0<>-0]-=[+10*%]*=+#:/=->+>#:-#1-<{+/>=>}*}:}/-#:0
-#<:{:=/%#{>{:]=}%+%-00][[{1-=</1{0]*>>*%={/<[##={+#-10]
=/]]={0-*11}*[%]][/0%</0*}+{%*>}1%:%*+}11=}-+=}>}]*:{-#=
>%0{]***+1[={[>=]*/>%/1{*%1/00%=[%=>]1##1]<=1-[-%0<*[*+-
%:*}#*}%[[}>1<-*0{}{*%*#{}}:[[+-+%{%:<0-[*}1{<0+>}*=>#<+
:[{]{1<<**>#}0[{*=>/<{-:]{1}-#-*]-%*:-0{{0>*-[}+%*<}+:1}
:0%{/=<%=[>]#{%#:}0=/]:=+1---[%{#[-#==<*=%]/:0+00]*0/:*:
{#=>*]{+*:%}{]{}<<[:=[--:{[-/][]{:[*]}=/<#}]%#%+-+%:>*{[

%:[<%+=/+=+{1%]}]-/0}%+}*#+1<0>{*>[}><%<+}<><<{<1%=-%#%%
1]-=]:}++}#0==#]}=-1#[:=}{=*%-:[{[}>1%<]#1+}</[{*[#[10{%
1]]{]:%-=*>+{0[0/][%++}10[/]>::/#%=%%:00}><*:%+*]%#+1{*+
]<{:+/=>#}}*>[[->#=*<0{+1/1/0]{>1=]<%]1[{-*#>+}]*#1>{%-1
>=-[}==-/*<={0:+:]{#}}<%<>-+>+11*%{%[-=<-%-1[[-01+#]%%-}
--*+<1-:=%]>[<-{>{]}>]:0>}>/#{}%]:1#/[=%%>{->%{1}<[{/0-:
#>[=0/:#=%%10+<}=-/>>[/:#0]#>%0*/>-=:%-[]{#1>+#{>#}*>][=
=*0{/]]}{11%<<:*{1+<{/=1=[<00][{{/>[{=*%1*--01:#==1*-==/
/#/{>#:--=0+*[>[/>[>>+>*[*:+-+-<{--]0#[:>:#<}:=%=#+}+{/>
/[+/0%++#=0#1>00[}%>+-]}/:=%%>+=:%{>#-/<<>%:[+-}-+#%*+-/
[>:-0:]*#-#{<[+[*#1%>:%#<>:*-*%%[--%+{<[<{-<}%[==]<%#-#>
>1=-=%=>0</{[0]-**>/0#*+<]=<{}]::=[{00:>++[<>1=->=0/**#/
#}-#1}<#*>>/1*[[--=/>*{:[[**0#>]=*}<#>//}<:{0/<*1{>}]%/%

Ring menu

......::-=++++**=-+*---=----:....::.....................
-..--=+++++******:-+---=++==--:::::.....................
--.:==--==+++++++=:--:--*%****%*%*+**++++-:-:........:::
+=---======+++++++=:=++++**+++******%@@@@*+#%=--::-::.::
=====--------==++==-.--===----------%##%+=+%%=-----:::::
=====-::---------=-=::-------=+++++=*#%%+++==+=-+=----==
=+*+============+%+==-==-=====------=+*+**%##%**%*-:::::
==++=========----:::..:=-==-----==+%%######%*#@@#%+*+***
====+=====----=-:. ....:-----======++++==---=++%@#++--#@
=====++=---=======++++=-=-=-====-----:--------::--=+=%@@
===--===--=====---::....:==============---------::%@@@@@
-==-====-=======.        :-========---------------=#@@@@
=======+++++++++.   ......--==-----===-----==++*%%###@@@

0*:0/{%*%}]1=]#>+#-[1*+=<}0[[==1+=<-:=]0--%+{+[0*{#%%*:}
:}{={#1+%}%%*}/0:-+:1#}-=]]%}=}*{-/>*=}#010+#+*0//1*=]{:
}1>*0=]+[{#/01<:][*/:<#-{>]:[<-*%=%%0-0]-%//10/<++][=<]}
-=]={%-1*{%[+*<#+>{>*{+[<+{**<-0/}0*+{0/1[1{:/00%+[>%/]%
1[>-}*-:#>=[##}[#%-][#::%#0[>/#1*{[={0#{]:#10[:[=%/{>-*%
/#1+1-0:0-*=/=-#-{{1:[/}>1#-##-%+:[>}::>[%{0}%%#%=#%<+1[
]%1-%-=/=>*=}=[1*[=>=/[-*{{*]#0}=-#%==--/{%{{#=1<><:[]00
%/><[}0+]->>=*{/]/]:<+#>==+>/#:{[*[{01+{-:*]%>>%0-]+{1:[
}]>+}:-}{*##-+/{/>#<[}%{:-<]:+0:-[:[}0[*<-}[01+-}[--<0[/
1=-}}{+<=<%+=%-:}>10+>+/[=:[#0:+--1/[%*=}1=}%{{{+->]+-=}
[>/=-[]=*[1*1=++0:{+{]>1{0:+1//><>]++<%-:[=1}]10>+-::>]}
]*<>[:{/]*1[<-[-0=]:%%{-1[+00{+#:+0#*<]:-{**+#[0#<:<<//*
={>=%/]{1}0=-1=0*0][/[//[%*%{<+/-[1%]:1]=#>#:=}//%>][*}-

]-]]1*+=}%/*%>*}*#=[=+}><<]]]<%+}:>]-<]//]<+=[/#0%/1+{#{
]1:*1[/1+:>/:/##}}/:/<%>0%>#*{1}[}--+>:}1=<{=#+*[][>1:>0
/}#++-<-=[11:=1>-*=*=<<>/*%01]0>+[-->>>{=<=%#=**:]}#>[*1
[:#>[-%>-#]->#>{-1>[}{0#10%{#}1%=%=<}{=+0:*0/1{]+{1=>*]#
=%#{*1:##/:<<##-0}%=]<%<]#-#*#[{[-=1:##]]>-<</%}#1:/</]}
%1<%<1[*-/:#1=/>%::[<:0>-{{>#>}<<#]/0[<1{=1]%+0##[}%:1}:
%*%=[/>+*}:/{-:1<>1+]]0{+//%}%*}1[}<:11{<}+<-[[+%{*={%/+
1<[>%0/]0-+:]=[%}:{*+><11#<<-}+#=>{]}->::}{+#0{<>]]1/{01
<1{:/%-%=+-+]1>*]:}{#]>/:/#[/[1+>:{#>+]=**{[[*-*]]*]]+1{
%+[>#:++0</[1:%%1<1/=}}#-#=#}%+1{*{:<[}-+<#:0%>*{1[*0>**
1-:-<#/##:*]/<0/[=[/[0>>/{[0[/-:{<**{{:0/#:#[*+=1:%1{0+-
>[]><+<1+<]]1#[<=-+01]#/#<<}{=:{]:]}1:/][=*}=:-}#0{/:}00
-]{0/</0#1}]+{+>:-/[>+>=+[00+0%0-%}+*[*<-0%-/-:%+>*<{*+<

X-ray

::::+*%%%%**%%%%%%%***********++++++++++=-==+*:.       .
-:-=-+++*+*+========+*+***+**-::::-::------==++++==----=
:=+++++======-===-====-::..:. ...........:-=*++*********
==--------======-:.          ....-=+++=:......::::------
****+++***+++-:.                   ..=**++-.    ........
=+===-:-:::..    .......       .... ..-=-......:-+:.....
-:::::::..    ..........   .......:+%#####*:.-=-%+::....
=--::-+-.   ...................:=%@@@@@@%+-:-*=%**+=-:::
:..:=+++**=:. ...............:+#@@@@@@#*-:--++*%****+--:
 :+****%%###*=.............:+#@@@@@@#*-::-:=#%#%%******+
***+*****%%%%%%*-.......::=#@@@@@@#+-:-=-:+#%%**********
************%%*###*-.::-=%@@@@@@%+-:-==-=%@##%%%%%%***++
%%%*%%%%%%%%%%#@@@@*:--=%#%%%*+=::-=+=-*@#%%%*+++++===--

>%/={>+0*:}-%]/:]-*+#/+:+}//}=1<:>{<1#:#*%**%%]:>[/[<#[<
*0**=>[-0:]:]]=0<=/}}#[-*+{+:#*%]/-+{>-{*}>+[1>:[/1]<]<>
:>>#0%1#+0*/1=*0-[}1%+01{]=0*]*[10}]:0+[+{%<0:>[][=-1*-%
=1[=%[-[*{}++*0>[<0//{>01</*1]0<[#1<[>0[{--%]}>*%]=0/{0:
:/=/-0[*]##11+{+1[1+>>/0[=<=%>010-*==/1#}=0-{0{*:{-+}%[[
0{:0<={=:}]11*{:#+{=##>*[>*1#00{]}#[1%{>[++0=/#{%#]]//*-
0[:1+}*:#}-<]-}[}%1={[1>0>#//#+>=]010<[:<=:=>*0*1+#}=#:<
+0:*#{={/1--0#]/++=<-1%<+1:>+{-{+:{=:0=<-%0[+/*-[-]**>%:
:>]+>0}}[=+}0}=<=+1+[0%>/]]+:/<:}%]]/#}:->>=0#*/%/}1>[>>
/#/:>]%:[:{+01]---%-%{+*{0>0-+/0#]-#[:0{/[1>{0*0>:://1[#
0%10#=0{<:]:0{0>=>+:=]#=1}}=-=%+{#+//0}]==:0}%}]0]{/{*][
#*}<1%{[}][=/=[+>]=:1%#[#[/-}#<}-}+/#1<</<1/=[-%*0=:<0[>
+%[]/#><<]+}1%0#01<*%%>-=[%+>[-][#[*[<*+<1:</#-{=--%{%-/

%={{}+0{<*}-%-#%0-]-0/*-]%{-%>[{{-1{/][:}-*}>-0[-<:{%#]%
-%}#[{-:}/+[%#:[}1-=0{11[{=+-+1-}[}>:]=#0*=-%**:%{=+{[11
]-}>=*#-*+:/#0=[:%*/}*<-1*]**:{*01:%[{0#==0<0+{=-]-<1#1<
1]*>]*1[*-%>%*+>+-<1<-{11%1:[->><}*/]::#>-}/-%:#%:}]<}>{
0/>[<]+%]]}=-[*%*%>=[=/==}}0::/%>#*1:*>*=1-]=[%-0[0+=*:=
:]<>-+}[+>=::}<+:11=[*<+1{<-:[>[/[]:1>/][}}]++1//%>[-0/<
[#10#0</#<:}][=#1+>/%<:%:1}}+>#[<:#=0=*10/0[-}}=0<>>:[:%
[]}>{1={>#//+*#:[=<+]%]*->/+11}}-<<-]{/[>-=0-1{>{*=/[0[<
}{--/]}[]={}*<+>=*<>%::-%<:/::1<#{==:-0#10>]<]:/%/0=1*+-
[<%#%:>=+[0%:]{1+=//>{[*#%%<#><:-}]1%{*/1]#*:1+1>0<<%++#
}+/#1-]=:}1*[{[]/<>/+0[1}[[-//}>#[#}<:*<}+#+[}<[-#}=<0}>
++%:>=:[0{+-*:[<-->+:+{{%/{**{{1#=}+=]/={>+%/<10[+]%+<[{
#/[-1]:0=[=>]1+1:}[>]:0}[*}<}*#*/[#0[}:#-/1=+->#%[->*=#/

Aerodynamics

..-::::::::.........::--:---:::.:::.........
..-::::::::.........:-------:::::::......
..::::::::......... . .................. .....
..................-=+++*+=-...................       .=*
:::............=*#%*+==++*%%+:.............. .    .-*#@@
.... ...:-=+++%@#%*%##%%%%*#@@*+++++++++++++++++++*#@##%
 ..:-=*%####%#@#######%%@@#@%%###%#%##############**%%##
*%##@#%*%%**#@####%%%%###%%##%%%%%%#####%%%****++=--==++
#@####%%###%##%%%%%##%%%##@##@###*+++==--:::-==++++*%%%%
=#@@@@@@@@########@@##%%##%%**+%#*+*+++=+*%###@@#@@@@@@@
=+%***+++++%%**%%########%******#*++**++*%#@@@@@####@@@@
++=--=-==+++***#%#####@@@@@@@@#%##*+++****%%%#@@#####@@@
++++++*%%%%%%##@@@@@@*%%%%%%%***%%%#%+++++*%%**%########

]%%=#:]#-+>0##]1+0=>#%*}*#>[+0=1=1+></%}]-1+1={==::-%/1#
:{<*/+-1[<#%*<[=</1=+%1<{+->[*[>0-+%[/1:<[00:+*0*=%}]#>}
[:*%+:0}]}{:<-<1:+]>:/%1{#>]{00==<%=-{}0:%<++{:*++*-}]:]
}<-1:#{[]<>]{=%:1+:<+>**/+<]##*+>>=<1>}++[=-00]>=><#]>::
<%*[::%1}-0#*%-}=]}/+}-0=+*}#}%%%=<{}]]0-#]>01-]]{-/>:##
#]/0#:%<-<{+0>>{[<0%%]-1<+/<%<}%%/>]+#0[+=*>}00%-{00[>}=
0[->*<]+>%#0[1}{<+*//<>{1*{+}==]<*1}]+*1//-#*>0}}>*:-:[1
>-:>*]**#[+]->{>+#}{*0#=:>[*]#01][]>[%-=}>1=%%{}>]/[1::-
+:{-<=[/:{:{*<}]1--%{0:{%{=[#{[[/<<01]-*%>>[%-+-[[%}%:={
[/:**-=]<//>*=>=>:>->:%11##*>[[%>:#=*=0%/*+#0}0#<>{0+--+
**0[0-}-%0*=1#>0-+%[<>*}]<:*0>:[<:1/01:1<]]<#<>=-*>=0:[[
:%<}#{>[{0[}0/}/%{%}{#0#<%<]:-<<+1#<}#-1[}/1:]/{-<#0*[0%
+0#-+10+]=/}+#{++}*/0[*>{]:#[<[-[-0]*>{#>%>/->+++>>1%]%<

][[%+][-{#{:##-11}1-}]--1-0*-%=]*0=}=[#]%/%<[}]10-*%1[%0
[{{#[%+0]1#[+=1<1{*-[=%%{:{}/+#%1<}*%]<*-{%/=1{+-[+#=}<>
]/+]1=+[:-10[}<-#<-#*/-#-{://%:::}/#*/0}]+/}#*#/{=>{%]#%
//:11:+[*=%=}-+#%}1[=>+-#%:%:/1/+#>#101}[[#[+==}:->=/0=}
<#{#+=+<-%<:[={>#/#>0%-+{*=:[-%<>{/1}]#/[-}>:{#]/:###+:#
</-#*}]}[=]+<01<=[=>1*<1-:*<:/{/*10=:-<}+/#>}]>}<==+:*]<
#+1/<+<%:+#]}*]%][[<[0{11}>%1}]]-1}10-*]10<>*[/*1<:*1{-/
{>%0*:}<%*<#=/]%/{--%>]={0=>*%{+/{/+0]>+>{:/1>%-<{>=[%:%
/<00*[#%:<1:==++#:/=1<:1<#><>[{>10/0=1{1*1+<%1/#:%<}=[/}
{}]00<]:#=0>[://:::>#}{0-=:[[[+*#1+0:{=#>1=11-:#*<1[/>>>
1}]-#>-}0=-[+:]//0//[**+}]:<<0//+0##</[%+:-=[[1>]:1:*==1
<:{+%<1/1++0*/%{<>{*-]]#-#<>=/*]=->/-11*{+}%/*#}=}]<0]0-
#:>=]]}*%*:<:/=[0>0>0##}*#}#}#%+##]:+:}}00}1>]=[:]1->:[[

Cockpit

...:----:.:::::......:-=+===+==*+++=--==:=@@@@@@@@@@##@@
....:---::.:::......-++===-=+*+==+*=--=-.*@#@@@@@@@@#@@@
....:=*+=:..-:::..:=+++=-:-=-:.:---:==-:-@*===++**%##@@@
..:=***%=.     :==+*++=::::.   :==++:.::#%+++===----=*%%
-+****++-.   ..=**+===-:.    :*##%+.    ..:-====++==***@
*++*=======++**++==--:-.     +%**+          .+=--=**%%@#
==+++=-:-=+++++=--::.:-::+=:..:-+*%#%*+-:...*%***-.+%@#%
=++=--==-=++==--:......:=*#%*+=:..:-=+*%%%=-=+**+-.:##%%
=---====+++=-=-........:-===*++**+=--:....=+...:-:.=###%
--==::=======:.:=-:::::-====:.:::=+*%%%*-=%%=:...:-%%##*
=---+++==+=:..===-----====-:::..:::::-+=*#*%#*++**%%%%*+
-=++++++=-..-=-:-------=-::::..:::::::::=+=+++*%**+***+=
++++*%%*:.:==----:--====----::--:--::.:==-:=--++===+*++=

]+-%:+/{01][[+%><<0%<<:/*#}#<>+=+-}]]+1{0#0-=:*%0%>/>[<+
{>=%:::<]:+1+=<<>{+10}0>1{+1=1=-%<#0]]]0=]{{}0:}>[>%-**/
}<>]/:]<{]0]=10-{}}+{}[#/:>%*:/]#<#%<[[##%---0[]0:*#[{=]
[/[-<::[]]/{[<*{]=:{=*=*[#:#}0=+##[{<--/+/=#}=%:-{0/{+1+
:*1}]>-]<}}}/}1::}>*=]}0{]*{00#>=*<-%#}]1[%%#+=<]#:<]0#[
]<<+]]{{+}>:]%-/%[1+/[>]%*:%%=*0#]/#:[>}>0><:*-]}}>0*%#1
0}{[++>*/:*}#%1+:+//-/:{#]#*#-:*{>+#/>-]]=]=-0#]]<+#]{>}
%<<<]]>#<}-><]{:>={1>0:%]#010-%-*0%00=<0*+0#=%%>0%**}*//
*<+==-:<>:%>>+]{#[-%<1{=-=>->]+{0]}{%-><<-{-[=:1<>[=00#*
<[/{#**=0}#+-:=%+*/[*[/0%:{[}%%+=><}%110:-<+}:/1=:--{</:
#[{0]:%:{0/*#{:#<0##=+{*[[[:#}[0**0]:>%[+1:{/-]][<]0:-{0
#=1>010#+><//:/=*/#%=>[[<{*-{::]01]}=-[}=:}[0<}}*=-#*}=+
-=#>}+{+1+>{[[{[}}::{-/1+:=+-0>[:-]%-%++}/%>+}%*#[#*%=-/

->/={#<[][=0%+}{[>{#>+[1-0*}=/0>0:%+{%1:]-<%{]]/]%0:/1<>
>{*-<<#>=/1***-/<%#[*00:[->0:}##%:%0%0#/-[::]]11#{[[0-1>
=/{*#10%[<001}01]]}]:}[0[1:-:<*/<[1<[=-[{#-**{}-/]0-0*[=
%>:-=]%//{[>==-{-/%={0--0+]<>>#:]{%/#[0-%+><{#}:%*0#=#/+
/+1*/}]0*<>#={+]#%#+/{}]/-%#]/[=]+0[%{}-*}}[#[##1>*-}%}0
---[+:*}}%1#>>-<{}{%1/{+0{%:]=]<[+:%{+%{**0}>-%=:*#/>1*[
[=/1#[+0[>]+[[>}1*>*{[<%]0-#}#->[%:=1>{[0*=]1</]%}{=#<:}
]}:1-]1]#{]>[==*1}}]:#{#]}:-1#0+{{0}=}={1-/>:1-/[<}/]/#]
0-[}[/]]+->]{-==1[-{#<*%}+[>0#*:<:<}+0]<0=#>00{/:>0#-][%
={-][*]+0=+]%#:%{{:#/]*0*<>{{>01<]==]0/>/<+:[1:#[+=0%%%>
#[%]--%#/**#:##0{1<%1[:0[*{10]}/{}}/{]%#+0-0-]=<>+]<[<]{
/}[[:%#]=1}]*-#]#1-]--#:0-<[%+*]:{}--{*0{1[#{>+}%+]-/]/}
]=-1+1<1[*[+}*-%0=-*0%0%<<:----<}+/:[*%/+}=0%{/*+[]#]0}{

Drive mode

...::=++=-==-::---======:.....-=---------:::::...:::::::
...:-..++-+++=*%%%%%%##-................................
...:-.=**-+***%%%%%%#@:  .-:--::.   .:::::::::----------
...:-:=%#=%@@@@@@@@@*.  :%@@@@#=.  .    ...... ...--. ..
..:..-+**=*#@@@@@@@+   .@@@@@#@@. ..........   :*%#%:
...::-+++=**@@@@@@@+==-=@@@@@@@@-:-:--::.:-:............
..:%#+*****+*%%%###@@@@###@@@@#**#####%*****%%*****+**++
-+**+==============++**%##%*%%+*+%####%+***+#%****%*%%%%
%*+**+****%%%%%%%**++====%*=##***%#%##%%%***#*+**+*****%
+**%%%%%%%%%%%%######%%%%*%*##%%+%%%%%###%***+=======+++
%****+*%%%%%%%%########%%%%*%**%+%#%%#@###%%*+++++++++++
##%%%%################%----::----%#%%####%%%*+++++++++++
%%%%%%#%%#######@#%#%**++++++++++*%%#%######%%%%%*******

}%]:=]-*{:+=<<-/*[+]%*+*-<*0*{{%%+#*<>#+#+#%%}1#0/#*//:#
=[1/0>[*%<#>+{/}1]:<0{0%:/1][*%=<**1:-}]1]#1%>#}#-}>[#<1
+1+<-]>#{+/=#:[{{/=>{{/>%>#%+}+[>+]=>[#-[+{}#<>>/]++<+*-
-:%0}=><%/-*[[[<%=[>=>%%*}[{=-<%+%:+%-0%%[=}0:}*#=}+=%{*
/:}}#{11}=:>}+1**#:0+%[#-0:>]10#:{+/%0::+[-<%//%[=011{*%
}+:-=1/1=/[0[{[+:]**%*%<1>]}:]=}-][:[}>]}-*{][-}:{/[]:%1
-*{{*>}/*%%+0%:=]=1%[>{#1=+:%[=]<}/<{+1{>1/]+01+=*}%#->#
1-{+<}][#<]0*{]1*]/>>:#>}1}/]>110#<%<%#=1{]=/-=+<0}0]=[/
-:}:=#[-//0:{{/:>=]+0+*+[/-*0#]{1#<=%{}=+%/{[[%]=1]1]]0-
*/%%{#%+[><[<++*/#/>>->={<1+]0[-//{/}>0%--[]}-00<>>-/1/1
]%}}<{%01+[<}[%{*#[+</+}+0>[+[{-%#{=<1}/-%>::<<0{}:+:[/<
%%}+11#/*%{-%*]>={[1=-<=]>->*/#+1-+>%]}#{%}>::#-=%/]%-1}
[<{#+%[/=}>{]{1#1#{-/[<]>[/%*}/=-:[++*0}%%#>{*}0*%%1<1>}

}0+>:}{</>{0/*{1][+[1/:0-%:*]/]#%={}=0]}]/<{%=-%/=+]}%{#
%1<{]<//%}=#:*-+:*=#]>[1**<+[[<1+#*{}:%0+%[{+-0#[+#-<[{<
%=>%{:0{=-+}/%1=+#+]#>-0]]=-#{#0*1#[}+#01{]##%{:#]<#0+]]
]+-{#1<}*%}}#>[->{>%=[+]<1<-%%/-[/+{>:{/{]>-0%]<*/1][=+-
>%+{01+:1>-=<=[/>><#/]={0%[-}:+]++-*#]{%}>:1}0+10[:/#%:[
<1<-*{-[1<]0=0[{+=*}=%}#0>]:%]}+[/++=[#[%=%+0/=#0+[{>{+>
=]/{:/}#]->=-*}=1<=<>/>=0[*-=//[]}%/{-#<=%}<=]>0}[#:*#%[
1[*/]<<<]1}//**+/*{-=-]*#-]%/*=/:[=/:/+{[/]}1>{/[#>}<[%1
}-%]:+%-=#}{%{+[>{:*<]>%%-%}#=]:{-#1%>[1:+:<--}{{/%{*=1=
>0{1{%+1-<]+0+/=}:/]><}>:0]/]><*{=:-/]{1--=[{]{#>:</1=%/
{1<*=+/>/>-]*-%=*<--1>:*-1{-0[+</{>{:[*{/*]]>*{:0{[0:*#<
=>/=#:0#]<#<<}1={/>[+-[:#]+%[{:{=}0{1#<%*<%0{{%[/%[+*+*}
:}{1>[<%>%>+##1:[<}/::{}>1}%1%*/-#-{{#01>*-1>+:1%:1/0<0#

Colour picker

04 / outcome

What it achieved.

Red DotAward, 2018

Event → consumerShipped both

See inside the car you're standing next to.See inside the car you're standing next to.

Show what's hidden, keep the car in view.Show what's hidden, keep the car in view.

How I got there.How I got there.

What visitors could do.What visitors could do.

What it achieved.What it achieved.

See inside the car you're standing next to.

Show what's hidden, keep the car in view.

How I got there.

What visitors could do.

What it achieved.