Showrooms can't hold every model and spec.
Porsche · 2019 · innovation.rocks · iF Design AwardPorsche· 2019· innovation.rocks· iF Design Award
One configurator for the whole model range.One configurator for the whole model range.
An AR configurator for every Porsche. Place or scan a car, then change it live. Used by enthusiasts and dealers.An AR configurator for every Porsche. Place or scan a car, then change it live. Used by enthusiasts and dealers.
// project.porsche_ar_visualizer// project.porsche_ar_visualizer
clientclient= "Porsche"= "Porsche"
rolerole= "Lead designer, XR agency"= "Lead designer, XR agency"
disciplinediscipline= "Configurator UX · AR"= "Configurator UX· AR"
scopescope= "Sketch → rollout"= "Sketch→ rollout"
marketmarket= "B2C + dealers"= "B2C + dealers"
....... ... ... .. .::..................................................................
.. ..-====+=-:... . .:%*+:. .::..................................................................
....::-=+%#%+===%@%##%+=-.. ..=-:::....... .:::.................................................................
..:*%#@@@@############%####@#%%*: . +%.=#%%#*.*%. ..::.................................................................
. .%@@@@@#@@@@@@@@@@@@@@@@@@#@@@@@#.... .=-.::-::...... .::.................................................................
...#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%.. .*=.-+==:. .::.................................................................
....:++*****%%%%%%%#%%%%%%%%%%%%%%*+=. ... . .. ...:::................................................................
.. :....... ....::................................................................
... ....... ...... ..... .... ... .::=--::. .::................................................................
. ...:..... ...::................................................................
....... .:::...............................................................
..::::. . ...... ...::...............................................................
...... . .::...............................................................
...........................::...............................................................
........................................................::::::::::..............................................................
....................................................::::::::::::::..............................................................
................................................................... ... ...........
...................................... .........
..................................... .:::------------:::::::::::::::::::::................................::........ .........
........................::::::::::.. .:::::::..............................................................=+:........ ..
.................:---------------:.. .......................................................................:......... ..
.................:::::::::::::::::.. ........................:-=-=--===++++++++++=-.....................==............ ..
.................:.................. ...................:-=+=-::+=:=-:=%#%#%##-::-=*+:..................::..... ...... .. .....
.................................... ...............-+**%***+==+%%%#####%%***%*++===*%*=.:..... ......... :*+%+...... .. .....
.................................... ...........-=*#@@@@@#########%%%%%%%*%%%%#%%%%%**%#%%*****- .....-+.. +#-%#. ... ........
.................................... .........+##%*****%%%%%%%%%%%%%%%%********%%%%%####@#@@@@@@- . . :=:. ........
.................................... .......#@#%%######%%#########%%%%%##@@#%#@@@@@@@@@@@@@@@@@* .-=:. .+=== ........
.................................... ..... .#@@#%%%%%#%%%%%%#####%%%%#@@@@@@@@@@@@@@@@@@@@#@@@@= :-+-: -#=+%. ........
.................................... ..... .#@@@@@@@@##########@@@##@@@@@@@@@@@@@@@@@@@@@@@@@%- ... .-=. ........
.................................... ...... *@@@@@####@@@@@@@@@@@@@@@#@@@##@@@@@@@@@#%*+=--:.. .:. -+**+. ........
.................................... .........-+%@@@@@@@@@@@@@@@@@@@@@#@##%@#@@##*+=-:.... ........:-.. =***+. .... ........
.................................... .........::=+%#@@@@@@@@@@@@@@@@@@##@@@@%+=-:...........................:-:-=-.... ........
.................................... .....:::-==++*%%#@@@@@@@@@@@@@@@@@@##%+:...........................::....*#%##... ........
.................................... .::::::---===+++***%%%%%%%%%%****++=-:...................................=***=:+=.........
:::::::::........................... .-:::::--------=======------::::::..:::::::::::::::::::::::::::::::::....:::::#+= ........
::::::::::::::::::::::::::.........:. :-------------------------------------------------------------------::::::::-++..........
:::::::::::::::::::::::::::::::::::::..................................................................................:........
::::::::::::::::::::::::::::::::::::::::..:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.........
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::->-{11=0-11+1:]{=]:%:<}1/#/<#=*]1[01[/]1]%{=[[]+=:}//->}%<:*[:#[#]<{]{=*1]1[<*-]++]1<#*}=1<*%:]:*111}=#0}*}1>]1:*=[<%/:01#-0}//-
[>+]<{/</:{{<}]/]}}:]<:}}+{[}<#[/1/[1]-%[{}}/-1{<+:+%=:-*:+<=}#-:+/{#{{#1%<1=*%**[->#{]{>#[}=#-=/=<{-]>-]#}*}-::}:%1%/<[:/]0#%/>
>:/-0=%<[%}*{*]+>:-=::+{-]%=-]%0+=:>[:>#==:->1=-{+<=<10>=[1[//-%{+[>:>{1#[*[]<:01]>>[<0>+-=/<<-]**#/%>>{>*--%:>-[0*}1#[<>]<=[<}#
0<-:%[/]<>/[[]]1:0[]::1:>-:%#+#]<*>1>#=>110%*0=#1:<]1>}}}}[=0/{{{/>=1-*<##+}1+>%<%%**-{/*{<[]{*+}/{{<>*::0[+:%}{0:+]<>[>{]:>%+**
<[]*]=*0%<-1+0+[{%[+:0+=%/0+<00}/{<0*]]=:#+/%1+}**:[*0*[]}:{{:[<#{-{<-01%-}*+#{]*[]<}%1/*[[}::/1:{<#1*//]%**-*:>:-/+*=]]0:%+<*==
*%:01-*=111*1/-0-:<*0:/1=]]/}[*:<#/]{<%}#%#[=#-*]+>*=][}<[+#[{/}}{:*0}/{*#:*0--<+{+*<>/=+:+1/+[]}:[*-/%=:#={+1}]-]%>[#[0<>]<:]#*
=%:*>/><10+-#><+%#+{}#=<0<*1]}++>{-//<{*0/}>-<[{>{1/{[[-##0[%>}%/}><%->=#[=]]-+:1*]0+0>*0>={=}}%]<<{-*[<%{]>[/##=#1#{00/+[/<[=:+
:/0]/%}+[->{:-01{>>0>=>-[:]+11**+=}/%=-}=-:*0+}>#{[:+}#=/}-+/]#-=[+%}:1{#%<}]]-**::]%=:]/]<0<}>=[*:*#/{+}{0#*01=:-=-={-:<*:%%*[*
*0[[[#>[%1/]:0<:>[->1/}[*#0=0}11=]{<*1{*#<{[[0[+->1*<}>01[-11[]:1<-*=}/%1==#0-=]0[--=[[<:]{*%<=/0]/]}}[]{>[*%:[/*/=*/=}[]>:]1-1/
*-1%-:0:{000/#}*[%*>/=%{*+<<=%:]#<%%=::*-[+]+%<+[:=*]<#::[11[+{=+{<{[}+}}1}:>{/*[*=#%{}<%]1*+[1}:%>-[#-%>{1}[{-[<+0[<+=:-+/{#*<0
>*##/}/<<1:-+[<>[10}-=%]1:#0{>++{/-1]%*/]]#-<[+][=[/*1{]%%:</0/0++#=%/0#>>=*=%]#*%]{<-:}0*/:]]=1/1[1-<0%%[=%>[>1%{}}%:%-=-*-[1<-
-]+>:1=}>=#:{--]/0>-<[>-#<0#<-//{*<1/##/{=:{#-+#%}##:}<#:0}+<<0}]=%>*-={{]>]]>}10:+/0+[:%/+{1/:>{<}]-*[1:{:}0[0[>0*=[[*/%##</-#:
}+=/><*{:{>%#>>#/1}:={]1#[[+<>/#=]//]>%#-}/=-={0][[][>{-+#/}0>/>/<>]</[{11{0<=[/[/*>0:{1<>]>>=#<//{-]=]/}:[%%]1[:-:=0/*+=<<*=::/
]0#+/:>0-/+0}:[#{+://=%+/0:11[1=[1*-}:::{}0}*}>%}:+[#[-*>[}+<->>>*1[]{]%=0>*{-*:---]%#%}+*<<}=[=#1#<0=]%01>0%0:1[[:]{+11>+:/+%%/
{--%}>{=<%%[-}#==-}}[1<%[>=[/<-0/{0-#:%#:+[-1*#[{+<0]=-[[]:0}{/>=-}0>%%}>[0*[{}[/1#1/%+{0]<#:*0[]=[<:#%0<{0}*%={=1->#1]-}:*/*0/{
+>1:=<%1]-*:*+}-+[[[1{{1/<-><%%]/{<=:}<=1-:%=**#]/}+%/]*%1]%>:}/{+##{-[/%{<{1%{/%[#-[1#=%]+{{={}/-<+<+}[}0:[*>#/1#%<]:=0/=}-+#=}
1}{-:>-{*=+<0>+:1=+*]]%<>-%%1+}{**:*#/]1**{<+0]#-::}**+%::=:%]={]:=*=:0/>+]1#]/[0<<+<*}0%}11}][{1/0*:]-1[{{=<%=}%-#}/<>--}0*-#:-
%:{1<=>1%{{=>>#++<{>}+[:0#*<*[#[*:}[>}[#%{0%{{[{*>=>}]=*:>=0:*-]}>:{0/:]:/1>#:1#:=0%11+0=*{//}[0}1#1%/{>0%]:1=#>>-[=:{{-=*/}]-}<
+/:*+->{[%{1<-+[*<}{%=%[:0{<<:=:+0:=*==1+1}-*}]:>*+><+%=##>[:]=:=**-]=-%<%}*1>#{}][:=:=-01}=>*><<#-]->+:#=>]]}//}-}+:0:0==-1*[+{
]//+%]<<:*}>##%=01%[#<*0]%+%->01-%<::0+[[=<%-=}:>{%1{-{-%}>-/#{[/1*]1%%1>>>:{:[+}*/1+/=>>0::=<[+><>{>[-+%%#:#*<:1-%[++<<>:1/<>:%
{/*/=[-}{{>]>:1}0[#:1<>1=>]--}{*:{]]+[:*:1}->0[%1]%%0+}+//[%={#<-=0#}=[#[*</%1+0]/*{*:>%>/]+*>%=1#>-[]<1-:-]*->*{#:[#+{:#+*]#->[
/0[]}:-%{:+:*#1+/*:00>-=+}[{*:{{%]]/:0>1]+{=*--1*]#:<##{/%*-][]/0%<*1[]:<{*+{%%#/]:1][</<#:}<>#%{++{*=]:0{<-##}1#[>]/+1{-<[1{%]{
1{1:</<]>:1<0#*//+[1:*>#-1/#/1=%01/1}-%%**:[1*01+}*:#0*:%0:]-#++10##}1=>1:00}10-+=#<#{-#]%][#[0#%-{-+][>:]*[0/#[*}:]#{+:=+=+/#>>
/>[0[]++}<%0>%]--#1]:#%1}*/[1=#:]:--][<+/#[*#%%<<]0[*]<}/[:<-{%=*=]0<={:{<##<<>%-]=00>=:01>+>}/[-1{{1{{={+}*=%{+#+<01=]#>>}*%->[
<*[{*]-*#}/</:/<#-##%-+]0[=*{[1:-[+#+:-#+#:#>##0[]}]=*+011}<1[%=%>*<%{*={001*}[]-#-:+{::#:+%+<>>]01:}<}</}][*[*]<:*#]{}{++:}#{:/
#1=+#%#01+={[{<[]<0-://:>}>}]0*[[>0/=++#]{<*+[{-%1]:1+>]+{:+>}]#%+]#[<0=%*//##=-=%<1[{/}{=<=*##}}*=1{{<:{0-/#]]1]0}[=/-:%]+>[[{=
0%+%-]*<+%=<#>0:*<+[}+}11<0[*1:*[0</[---:=%=%]*]*=<}11<[%*{<{0<}1-10#/[#--/[%1}-0%<:}0/*}<[[]}:#/>+[:-[]0%/*:#}>=/:-][*1=*{/1#->
=0>=1%:-/10<*{*>{=-+=}]/{{*]<10]{{:0++%0<=#-:{{/-:>[[%%<>+[[[*-]>1-+00{0%*-//-=}1#<+}=]*[=>%1/{[{%0}=]-*]%}/*<1=<}}[{%-/1>/+{#{]
={>]=#*}{+-%0-*}#/*1>-<1#%{-%[{=+0/[-}><1:#[1%}+0+}/}=%[++:0={[+%:[+==:->>{+[#>>}:]:*1}[#=+#:{[:{//0#11[[#<0]}-/>[%+]1#+}%<+++-#
/}>*}::>#>+-*#=1<=%0+>*]1:/%#+]>1+=:/<*]<+>*{-=00:]>{:}=*:%/1#/]%1<>=<-=%+#/+[>11%+{[1+:>]=*#[]<0[-%*>><%0+%1/+1::/*>+<]>>:*=--/
+{*0>1/:#}-[*[#{}-#:]<]+#{[{}}/*/0[#0=}[+>}*0#%=01{<*<<00}{}=/>[<-<0+}]01{#{}+*=1+**<+>[*-{+/>:<[+]-*}0/:[%1={**{*#+={*][-}1</:{
11:0]+%%0-[>1%*<]{0]>0=%<+#:-*#[:=[{+/=]/[<[}]+{[/+*<{#>-<%1={%]-[*/-]=0:]]0}[1-}1#[#}>=-1/#{<{]]%%]:=++<#}-1=[-%{>[-=}[}*0/-#={
+=+>#+*%=**+0{}=+0:*+/[1:%{+=}>[*%%0}:-[[%<0+-}:*%[+={10>+=[*]1#[010}{}<-[-:}#%1%:-{*]{/+#=}={}=-0/%/}-:/**/>10{}/>1*=%:]<}{]*=/
%]/>:]<[0:0/}%#]+**]1}1-=-={[1+}}:}0%[</*}%<{{}1:1{>]+%]/%>]]+#1%{[<>{%+[<]:{-=><0]-<}-*:>*:100/1**10#*1{:>#/01*1{=-:%=:=#>}+}:#
#/=-00+}*>*-#0%[{>}/]=}+#:%/1<+[*1--]%-=:1+--0[[%#/*=1%<-+:/}[+/{#{-><+<=]%*}]{]<#1]1}*+>{+<:+++%*}-}#{#{#=+{0}--={0:%1[#]{:#/<*
/+1%}}%%-{-#<[[]+[{>*{=]>101>+]}>000]*:}%-%01[<0<]>[1<-:/+}=>[}0/{--0]]++[{<[/</*#<#<=#]{}>/>-<:-=1}#/]]/:*[]%{{<>=/<+1/0+1+/%%#
>110*-1}##%/}1<{]}1>1{]><-1*<:/-]->]{[#-=#<%+1}:/0]]}%%/0%[0#-][<%#}0</]::[[//{}/-%>>0>}-/%:/1[{++-:}{0-1%#:}]{#-1{+{-#++:=10<**
#-[:>{]>#=/=*:0%[::/01/:-1=]{>{-{/}#}:%/#<-<}}<=*+101{]+]*0{{-*-=#]<{-]:*+/=}+%[{/}01::{%==/>]>:#:{%>}}}#}*0}0:-*]#{%[{>#=-[*-:>
=<1>}}{>>#{0#->1[0#[+/]%+]>:::-}=<=*1=0001<[:+*<{++=>#/=///0]*#{+%[0=->-:}*//0>1%<]<+#{=/[%>/1>1+[:-0[}={#<:{+-#--]#%<%1>/[-:[]/
0*:*/0>]%-{<->}}++*=]/%-+{:}/1/{[#>1+}/={1#}/=[[-*<0>#}<0+1+}/*><}]/:%#/0]+>:<1>}]]{>01-[:1*+:[]%]%:/{%/}0%*<>=[=/]%[%>/:=]}+{>>
1[:->1[:*{%11*:}/>={=*=>#*%<]}-=#%0:1>+=0%:0]+1+:=+-*>}{=0<[{-##%##%1{:#*%{=[<=[<<#:+]+[:}%-:>+-*[#:<0+:<{:%:*<:+0[-[1*-]>=%0*%[>>-<:0{++#1}+<00+<[]1]0<==]]-#0*]}/*+1#%=-/#=<-=%>]#>]1={{>0]-]]**/:<::</%}[]*]]+*[/-%]**%>/#%#1:[}+-/]{*:{*--[:>*-1/#{0=0]0}}0*
--[]{]-#*/<=>{#+11}[/*+>}%%{]=%1+#0=+:0{-]0}}#:-]#{/>>*-%{*%>==<{=[%00]>{{0>=1}=:**/<%+*:{%#>>[+:1[*<0**/+</=[*/0::10{}#{}>><>}[
}<}+=[#%}*:0%1%=</01->001*0#{:>+0-1#*##*0]1{>*%}<+%#0>*=+*1{=+>#1%%<<{*[+0]-:[{*=-<[:1=+/}<<=+:->%={>{==11#-[[*/=%1*1=%<}*[1[[[0
}}><0->[%<1<#/{<:}#-=>=>/:}[={%#%{%{{0{=::{+]*{%]:1{{<*:{%[}+%={0*]1>+%0:%}1]]/1]*///%]/#<{{}<>-=-[><]##<=+0<+]+{+#>+*{*[0/%/]+{
{>}}/}0##>-}/#{>}{=1:%<-+>]%><<}}1+[-*-1>0]]/<1]0/-0]=0}<*[</+*=:%0*0}*011#0#%/+]}#]*/]#%*]>=#+]/0+<01-:1##]{>>+[=>1]]+<[+>]+:/<
>+0*}/#:[}*[{+0}={=[}>%{+=*+{{{##0{-}]/*[}--+#1-#}[*:+0[][]%{0>:%%+=1:<%1/0%][-]=[>]:000/-1[]]#[<]:[[<#-*:>#<-+>11<}*+=1{0%#}-[>
}/:]/<>=/#::1[#1*#=0{1%%:=%#*}:*{{*#>}{#}{%]+<}1<]%}-*}+*#[0-#[+0[]/]>#:#++:]:>%0#<<>1**0=[%>-0*-%=0%><1%[]+:>=}>=}*>/*:0-[[]0+{
*-:{<}]-+]>}1[0:+}=}]*/{[%00**{:}/>[+:[<>0#{%<++0}1#%*#[0]<{0:**>/:*+]{-{%#}0=<1/=/%>1-0*0]=>#}-[1}}{}#>{+:%>]/:/#/}:*>/[]]1-]#/
=1<::%-##0<{-:*:<{]+0-:]++}:=/0%{%0{:[-*0<}}+%>1>%<[%>0/=<*]=%:%/>>*>]:%+--01-<1#1%]#%:]1+*#0%[0-1+[:-*+#=:1-}-+*0>00+[{{<>+1%>[
{/[+=<}%}0>}[0/:]%:/}]]1}<}%*>/}}/#][/]%>*{}%%<>>]>}>%<=[:#0-/10/-*#%}00{>-#0/:#:}:-[%%>*>::+<:%*+#}#%*+<#]:0+0/:**/0]<}[%%1}1+/
:*=%0=]]}+#1=={0}>]1}]-+%[*<%/[0::1<<>>1]/-<*]*+<>]}=]-*-<><1}0>+*>=/}-//1<<1}]0%*%}1>]*}<%=:+=/%:-%++/+/}=[/-:++]1+}{/0-1/]}+}{
{{-%==-->#<}{/>00++0/:+<[}:#*[{=>>]>=[:{+0/<=[[}+<{/*>{]=]<></{*>1:/}--1]]#/*%[*/{[+{{**#0]=/**#+[>]/>={*][%{:%[0#*]:0}/[1>=0{1}
%{%}%-}>-}0%<>0+>-===>*#%+{{]0{-:>{-*:]+#[//<[%{{#]-<+-{1:+]:}+}1:>}<[}/%}=>0:%}/#=>[[+=%/-[]}=>%[+}*[<]0}:/**1-+*{=]{1}<:>++%%+
*:[0[1/}0-=[[=<<0#0<[}=+-/:/1+*=1}%+%]/[-*<[<0%}#/+00#/{=-*1=0#{#=1[0][{{>-}<+=]*[%-[=+>+<=+#1{#/[#[*[1*]<*[*<#0[{=/}*-[>]<[--0+
#]>[1%>{#[0:1:>}-:}{<%%-}1+[[]>/=[=+{0]>%+*/[:-1-::%-{*0/*1*%->>]#1]%-**#%1[1://#:+[=[:0*+[:]{0{{1<0=]:+-]<{1=>{*}][[+0//1{%-<[}
*%>10+<>]0%+*:0+1>/%1]>>1-{#01{:%#[*01[[*/+#/{+><//:##]{:{*=]+001:::[{-{-:1<*/0#<*%}[0[[/[]/]:}}]+==%#[]#*}}<{=}>0{{=}]<:%{1}-/-
<1#=+%#{/<1=/=-*<*+*--+*]*0=]<>{[:*]#1=*1<**11*1/={1+0>/%}0]1{>1]*##[*><#}1#1#+==:00/-}#=[#0[[>--*1=-<-0+<}10%[1]+}-+<:+>[+=>1-<
1][:[]=={=}:=>//]+:+#{[>[>0{1#]1%}<00}]/1:/+-[=0[>=/01:1*}>#+*/:*01=<%->01#%}>=0<*10]>>#}}*<:]{11{/%+:-[=]//{}]01=*]*1}0*%0%{/%%
>1+%{+}0>%0=#%<{[}/>%*/#%:#>}-*}}01--==[==]/#{+><[{#-:--0[:01::]%/[]%%}<%>0--:<1#{>]}-1**:/{+0}]1}>*1/1#0/]-=>*}:/:1-]:0*]:]>1{[
:1[#=]<+={<*[+%><++}-<]<>1/+*}:>:*0}]}=1]]<:/#<{<%=}<11**]%<%1*>1-1+]:#+*-]}}0>{+#0+]]//<{/%:%-[{}+%{1%]=]{}01[=%0[/{0=#}-*:=+0/
=:%/{++%-+00[0:/+1%0#0:/*<0%**-{=%]]=%:-==*00{]1/{}:[=+-0<-/*%+::*:+{*=:=1/#{#=/<*]}*:}#:%->{#/}0]#+*{11/*{//}0#+=}%}</#*=+:+[{1
{:+/%==/[><{}][]>{]0{%%:=[#--1]1///>[]]%1-[%#1>:>0<=]/{%*0]-=0[=/:><={*00%>][%%}**=}=:%*]=-]{=[[%=+0*#=///</[:1#[>]##{#[{%1*00{}
0<<=}>:#1-=}*#-{=#:#1>%[-/]<#-/*]#]>+:[<#/]{%<=:[[>%*[+]--/*:%1]===[/]<*}--]:0#1*1-+#/00}00=<+>#:[--<%<*0*0#-}0{*0*/[#-%>11<--[]
=%]{%#+{#===%1+0%]/+:]+:<>:%>]1*=}-#>#=]/=-0%>/#[1+[#-/-#0#:>]%=}+<#0#{:{<[[%}:+[[[<#>/+%%++0=*{=*><}]-[>+=%}1:[<+*/+>-{110}<*#0
=**=}=*[=#>#/+[=/[-+<1[[1}-+11:*[#>}1]<:1{:}[}/}<}/:]/>*-=%0-0*/0=-/<[%<#-*}+0%#:/#{>>*[+:--<{%{-/=-}#0/=/<{+--:0%=0+0/+]+[0+<:-
[</*:}+={]%>*%%%+</[>0++:/>0{{]{}]#}=//>+][<::%+1>=}<0[]--%=<1]}/-*>#[{%/]11*<[%0:*>=*#+#=*}{{]>1/<[>*#]*]:=+:}}=-1{/{:+->+:>=1:
>1[::1<:=0/-*/{:*0#1>[}]*+/:{/]{/>0==0]-=%->[]/#*0>}/<+=0#{0/*//%/+-#[*->=#[{#][-01=-*-*001+<{[/#]:{]=%->[0[-[>/[#}-{}+1=:[>-*-1
*[}}%}-%+<=<0+--%+/+]}->=0}%{-<}1-<>->%:[}/#<=[{%1:%:*>%%%**{%+#*00+/+*{%[/]+*#/[+10**%>{0[>:-]/}}--/-+<]<--[10]:-}>+*+/]>%<<{/%
-}+[}::0>}}+[=%>>{>}>/10}011[++[<{>#>{=%[]1/00<}[{>0+]:*-:[%{>0}*/:/:}>=]-1-}-:</]*{#:[><:%%*=}-0>#11+<#=*#[}]#%:00:<*#]#+}0]={>
*{-+-}}/%<<=00%}1{]:}0[#1::+[%%#10<0-->*}:%{=>0//0-::][-:{[-0=-=*1>1{%:<[]:<=<]]-*>1+/->[/+[[*+%+-0-*<#1/0---{1:0<}#*]##*<>1[#0<
:+:<*+%:=00%[]:1/#%-00{+*==<#</#%>0%{#{01[*{[-/>>>[0>}={-1<+={*:>1]-*1*%[0>**/-#]{>:%1{+[-}/%:%]<1+*#/0[/*:%-%%}}}%%#-*]-[[>1{*+
]}]=1[011>+*1{-1<#<]}1}10[-][=01*>1-/]-0}-:01>:*0[=**}/<10%>/*-<]{#]%#+]*-{<=#/<1--</}/}+{[*[:[:>:%%]#[*]<%#=[0]>:-%{/1=[1<1+><<
+>:{=><1+#/<%[-+*}]1>+1#0%/}/[{*=1]={][/10%1/}=[/>/+%>>=]+[0-<]]][[=*:+%]0*=%]]1]}*%[{]-=:[<[<<%01+[:%{0[]==<>{=%/0//+0}#[<1=/%*
>:#//-+}=#>#1-]/*#%0/1<:+00=+*+[}}1{-{-0++]0+1=%0+<<%>[+[%0<>0/[=*+-%:111#1>+0}=#>}[-%=]-1%0--{<%1[%}0={0->[//<*{}#-:>}}]-+1#{[#
%0[*>:0=#<:=}{}=]-<==]]1>/11}%/*>-#=[//:]>}]={*}[::-{-:=</]1<:>-[]#*=+*[:+{>}]-*-%={=->+#-[[]><{=#*%[+1[#]=[]/}%/#>]##1]]#]{<01/
}{:#0:%}=>=/*%:]%1#>#[>=:#*-]+>1+]:*]*-{#+]}[0+}1>+#{]/-#*#+}}0+]:#[[#/-#%-0{1>#{]#]=0[]]+*#%>]{:=%}>*%<]]%]{>+]*[*+]}:}}-[+*%0[
/][-]>*<*]}]}}*]-%#[<-*}+={>{*%-=]1{#}/-[*}/:#%0>]:]]<]#-{=</{*>{+%:1+}0<=+*+#/%#--]+=/-{***:11/+-1/#<-{-:1[*=>:<#-*#-%-:]*{:]+[
+/[=1]][:<1#>0-=+0*0[%}**:/]}<1>{1*}/##[][{#[%0*1:#[}+%<:/]++%{:}0><*+]+%}>{}}={1</0<{+/[{-[**:}*#=}0]=##/:%%+0<}{{[{}:>[%+=]=%=
:=-#<#>1{-#:-:-}1/-%>*//-[<=>%=>%[#1>{{<{][}>-}#[={/{<[1>>#]:}:>*+:#1[>}=/1::->>{}+}//+/<::>0]0:0*#11=]0}/0<}[%>+-[*%><-{/=<*}[*
</}-[1=}:[=]*[++*=]*}1->0%}}{:0]/<{<=#-}>-%/<{%*}*[%-{#-[%%]}%>1-[<0]#[/[+}%[}*#-%-%*=<%={<=+:[]]-%[*+%=-<0-{=%::}==#{:-+{%:}}:>
]0]00}[-+{=*{1%>>1%*:+}=0-+0*<--=+0]+>:#-#}0=[=}==/]:+#*{>-=-<><:1*0{[:=-[0*/+*#/+%<>+-#[:#%{]]*}-}}]=]/+/{}#=-+]<*=%=<<//*0#+]/01 / the brief01 / the brief
One AR app for the whole model range.One AR app for the whole model range.
Problem
ConstraintsConstraints
Whole range · place or scan · matches the web configurator · phone and dealer use.Whole range· place or scan· matches the web configurator· phone and dealer use.
My workMy work
AR UX · configurator UI · interaction · x-ray highlight design.AR UX· configurator UI· interaction· x-ray highlight design.
DecisionDecision
Quiet side controls, options around the car.Quiet side controls, options around the car.
02 / see it02 / see it
The work, in motion.The work, in motion.
03 / in the app03 / in the app
Colour, wheels, x-ray, share.Colour, wheels, x-ray, share.
04 / outcome04 / outcome
What it achieved.What it achieved.
iF DesigniF DesignAward, 2020Award, 2020