I design products from first sketch to rollout: B2B tools and consumer apps, built with engineering and business at the same table.

Ten years in product design, most recently lead product designer at aryve, on a venue platform and a passenger app. Spatial and AR are a second thread.

// deniz.örs

role= "Senior Product Designer"

edge= "spatial · AR"

focus= [product, design_systems, b2b, b2c]

awards= "4× Red Dot · 4× iF · ABC 2021"

based= "Vienna · remote / hybrid EU"

01 / selected work

Six products, B2B and B2C.

2026 → 2018

Indoor navigation without a single beacon.

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

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

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

2023–2026 · aryve Technologies, Berlin (remote) · lead product designer

Indoor navigation without a single beacon.

MARKETB2B (venue platform) + B2C (passenger app)

PROBLEMGPS and beacons fail indoors. aryve uses camera-only visual positioning.

MY WORKPassenger app (web + mobile), AR-glasses view, Studio authoring platform, design system.

PROOFLive PoC at Deutsches Museum · live at PAD airport, 48 h from scan to launch.

Case study →

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

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

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

Tranzwave (Echograin) · 2023–2025 · shipped product

A cult synthesizer, reinterpreted.

MARKETB2C · commercial product

PROBLEMThe Fizmo buried its Transwaves in menus. 4 osc · 54+ wavetables · full FX.

MY WORKFull UI · interaction · five-macro system · live-performance UX.

PROOFCommercial release Dec 2023 · v2 in 2025.

Case study →

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

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

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

The Orlando Project · Vienna · 2023 · consulting

The city as a stage.

MARKETB2C · culture, public space

PROBLEMFive Vienna sites, layered with image, song and light, on loaned phones.

MY WORKXR/format consulting · companion app · identity · wayfinding · flows.

PROOFPremiered 25 Aug 2023 · Der Standard · Die Presse.

Case study →

Onboarding 60,000 employees, on any device.

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

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

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

Porsche · 2020 · innovation.rocks · Red Dot + iF

Onboarding 60,000 employees, on any device.

MARKETB2B · internal training

PROBLEMA 3D training world for 60,000 employees, on any device.

MY WORKWebAR UX · diegetic 3D interface · 2D wayfinding layer · UI.

PROOFBuilt for 60,000 employees · Red Dot 2020 · iF 2021.

Case study →

One configurator for the whole model range.

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

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

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

Porsche · 2019 · innovation.rocks · iF Design Award

One configurator for the whole model range.

MARKETB2C + dealers

PROBLEMShowrooms can't hold every model and spec.

MY WORKAR UX · configurator UI · interaction · x-ray highlight design.

PROOFiF Design Award 2020 · used by enthusiasts and dealers.

Case study →

See inside the car you're standing next to.

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

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

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

Porsche · 2018 · innovation.rocks · Red Dot

See inside the car you're standing next to.

MARKETB2C · event + consumer app

PROBLEMShow what's hidden without covering the real car.

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

PROOFRed Dot 2018 · shipped as event app, then consumer app.

Case study →

02 / how i work

How I work.

Products get made between teams. That's where I work.

From sketch to rollout

Concept, flows, UI and system, through launch and the next version.

The middle ground

I work with engineering, product and business leads until the trade-off works for everyone, then explain it to whoever signs off.

Human-centred, business-minded

What people need, weighed against what the product must earn. Accessible from the start.

Multidisciplinary

Industrial design, XR and product. B2B tools and B2C apps.

03 / awards & clients

Nine awards, one finalist, and the brands behind them.

2018Red Dot · Communication DesignPorsche Mission E AR
2018Red Dot · Interface DesignPorsche Mission E
2020iF Design Award · CommunicationPorsche AR Visualizer
2020Red Dot · Brand PromotionPorsche Digital Brand Academy
2020Red Dot · Mobile User Interface DesignPorsche Digital Brand Academy
2021iF Design Award · CommunicationPorsche Digital Brand Academy
2021iF Design Award · User InterfacePorsche Digital Brand Academy
2021iF Design Award · Finalist, User ExperiencePorsche Digital Brand Academy
2021iF Design Award · CommunicationZEISS AR Metrology
2021Automotive Brand Contest · Winner, CommunicationPorsche Digital Brand Academy

Clients: Porsche, Audi, Volkswagen, Miele, Vorwerk, Konica Minolta, ZEISS, Telekom, Sartorius, Wien Energie

AlsoMercedes-Benz · Bentley · MAN · Volkswagen Nutzfahrzeuge · Hyundai Racing · Alutech Bikes · Knipex · Deutsches Museum · Versatel · The Circle · s Versicherung

04 / spatial work

Spatial work, 2016–2020.

innovation.rocks · Head of Design

AR and VR products for Porsche, ZEISS, Miele and VW: sales tools, training platforms and launch apps. The edge I bring to product work.

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

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

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

ZEISS · 2020 · iF Design Award

Room-sized machines in a tablet.

B2B · sales tool

A product demo the sales team kept using.

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

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

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

Miele · 2016

A product demo the sales team kept using.

B2B · sales tool

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

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

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

Volkswagen · 2016

A VR test drive in the mailbox.

B2C · marketing

more referencesVorwerk Kobold · robot demo appConsumer AR product demo · svarmony ↗

05 / ai tools

Small tools, built with AI.

Seven browser tools, from XR signage to an accessibility primer.

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

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

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

Tool · 2026 · Logo utility

Logo Grid Generator

WHAT IT ISSearch a brand, flatten it, grid it, copy the embed.

BUILT WITHVite · React 18 · TypeScript · Tailwind

STATELive in the browser

Open the tool →

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

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

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

Tool · 2026 · Type · motion

Pixel Swarm

WHAT IT ISHeadlines made of particle swarms.

BUILT WITHVite · React 18 · TypeScript · Canvas 2D

STATELive in the browser

Open the tool →

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

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

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

Tool · 2026 · Inventory

Gear Tracker

WHAT IT ISWhat you own, and what to let go of.

BUILT WITHReact · TypeScript · Vite · localStorage

STATELive in the browser

Open the tool →

               .....:.. . ..::.:---.      ..---::--:-%%%:
................................:::..........::...:.:---................
...............-%*.::.::.::::.::..:.::::........:-:::...................
................::......................................................
................... +*+.....                       . ...................
................... --::...::.:..:..........:.....   ...................
................... :--:--..... ..... ............   ...................
.................:. ................ ... .           ...................
................... .......................          ...................
...................                           ...... ...................
................... .   .                     *####% ...................
.....................::::::::::::::::::::::::::---::....................
......................::::::::.:.:-.....:.::::..........................
...............................:::::::::................................
............................:-..::::::.:::::............................
..........................:::::.-::::..::.::::..........................
........................................................................
               ....                  ........ ...........
                ...                  . .. ... ...........
........................................................................
........................................................................
........................................................................
........................................................................
........................................................................

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

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

Tool · 2026 · Accessibility

A11Y Basics

WHAT IT ISOne accessibility fact a minute.

BUILT WITHSingle-file HTML · No dependencies · No build step · WCAG 2.2

STATELive in the browser

Open the tool →

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

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

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

Tool · 2026 · Spatial · 3D

XR Signage Studio

WHAT IT ISAirport signage in code, exported to 3D.

BUILT WITHVite · React 18 · TypeScript · three.js

STATELive in the browser

Open the tool →

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

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

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

Tool · 2026 · Image · shader

Rupture

WHAT IT ISImage editing with damage as a material.

BUILT WITHSingle-file HTML · WebGL · GLSL · three.js r128

STATELive in the browser

Open the tool →

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

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

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

Tool · 2026 · Synth · firmware

MOPE-1

WHAT IT ISA sad synth for a pocket keyboard, and a blob that shows the sound.

BUILT WITHC99 · WebAssembly · AudioWorklet · JieLi AC79

STATELive in the browser

Open the tool →

06 / about

Industrial design → XR → product ownership.

2023–2026
aryve Technologies · Lead Product Designer
Lead product designer across every surface.
2015–2020
innovation.rocks · Head of Design
Designer → Head of Design, the creative lead between PM, 3D and development. Porsche · VW · Audi · Bentley · ZEISS · Miele.
2011–2015
Univ. of Applied Arts Vienna · Convergent Industrial Design (Mag. des. ind.)
Studios of Hartmut Esslinger (founder, frog design) and Fiona Raby (Dunne & Raby, RCA).

More about me →

07 / contact

Let's talk: d@denizors.design

// contact

based= "Vienna, AT"

work= "Remote / hybrid, EU"

focus= "Senior / lead product design"

edge= "Spatial · design systems · a11y"

languages= "EN · DE · TR"

I design products from first sketch to rollout:I design products from first sketch to rollout: B2B toolsB2B tools andand consumer appsconsumer apps, built with engineering and business at the same table., built with engineering and business at the same table.

Six products, B2B and B2C.Six products, B2B and B2C.

How I work.How I work.

From sketch to rolloutFrom sketch to rollout

The middle groundThe middle ground

Human-centred, business-mindedHuman-centred, business-minded

MultidisciplinaryMultidisciplinary

Nine awards, one finalist, and the brands behind them.Nine awards, one finalist, and the brands behind them.

Spatial work, 2016–2020.Spatial work, 2016–2020.

Small tools, built with AI.Small tools, built with AI.

Industrial design → XR → product ownership.Industrial design→ XR→ product ownership.

aryve Technologies · Lead Product Designeraryve Technologies· Lead Product Designer

innovation.rocks · Head of Designinnovation.rocks· Head of Design

Univ. of Applied Arts Vienna · Convergent Industrial Design (Mag. des. ind.)Univ. of Applied Arts Vienna· Convergent Industrial Design (Mag. des. ind.)

I design products from first sketch to rollout: B2B tools and consumer apps, built with engineering and business at the same table.

Six products, B2B and B2C.

How I work.

From sketch to rollout

The middle ground

Human-centred, business-minded

Multidisciplinary

Nine awards, one finalist, and the brands behind them.

Spatial work, 2016–2020.

Small tools, built with AI.

Industrial design → XR → product ownership.

aryve Technologies · Lead Product Designer

innovation.rocks · Head of Design

Univ. of Applied Arts Vienna · Convergent Industrial Design (Mag. des. ind.)