Color­loop: Ana­lo­ges Farb­sys­tem wird digital

Man­che Pro­jek­te begin­nen nicht mit einem klas­si­schen Brie­fing, son­dern mit einer Idee, die über vie­le Jah­re gewach­sen ist.

In Zusam­men­ar­beit mit Rafa­el Yupan­qui durf­ten wir für deren Kun­din Frau Schain den selbst ent­wi­ckel­ten Color­loop in die digi­ta­le Welt über­tra­gen. Was über vie­le Jah­re ana­log aus Farb­pig­men­ten, Farb­schnip­seln und inten­si­ver For­schungs­ar­beit ent­stand, ist heu­te als inter­ak­ti­ve Web-Anwen­dung online erlebbar. 

Unse­re Auf­ga­be bestand dar­in, die­ses außer­ge­wöhn­li­che Farb­sys­tem tech­nisch und gestal­te­risch auf einer moder­nen Web­site umzu­set­zen und sei­ne kom­ple­xen Zusam­men­hän­ge intui­tiv zugäng­lich zu machen.

Das Ergeb­nis ver­bin­det Farb­wis­sen­schaft, Kunst und digi­ta­le Tech­no­lo­gie auf einer Platt­form, auf der Nutzer:innen den Color­loop ent­de­cken, indi­vi­du­el­le Farb­pa­let­ten zusam­men­stel­len und pas­sen­de Farb­wer­te her­un­ter­la­den können.

Ein Farb­sys­tem, das Far­be neu interpretiert

Der Color­loop ist weit mehr als ein klas­si­scher Farb­kreis. Das von Frau Schain ent­wi­ckel­te Farb­sys­tem stellt Far­ben in Form einer Möbi­us­schlei­fe dar und macht Bezie­hun­gen zwi­schen Farb­fa­mi­li­en, Kom­ple­men­tär­far­ben und har­mo­ni­schen Farb­kom­bi­na­tio­nen sichtbar.

Hin­ter die­sem Kon­zept steckt jah­re­lan­ge Ent­wick­lungs­ar­beit. Unzäh­li­ge Farb­pig­men­te, Farb­schnip­sel und Expe­ri­men­te flos­sen in die Ent­wick­lung ein, bis ein Sys­tem ent­stand, das Farb­zu­sam­men­hän­ge auf eine völ­lig neue Wei­se visua­li­siert. Ziel unse­res Pro­jekts war es, die­ses ana­lo­ge Werk in eine digi­ta­le Anwen­dung zu über­füh­ren, ohne dabei den Cha­rak­ter und die Idee des Ori­gi­nals zu verlieren.

Von der Illus­tra­tor-Datei zur inter­ak­ti­ven Anwendung

Als Grund­la­ge dien­te eine Illus­tra­tor-Datei des Color­loops. Dar­aus ent­wi­ckel­ten wir eine inter­ak­ti­ve Web-Anwen­dung, die das Farb­sys­tem direkt im Brow­ser erleb­bar macht.

Nutzer:innen kön­nen ver­schie­de­ne Berei­che des Color­loops aus­wäh­len und erhal­ten ergän­zen­de Infor­ma­tio­nen zu den jewei­li­gen Farb­zu­sam­men­hän­gen. Gleich­zei­tig bie­tet die Anwen­dung die Mög­lich­keit, eige­ne Farb­pa­let­ten zusam­men­zu­stel­len und pas­sen­de Farb­kom­bi­na­tio­nen indi­vi­du­ell zu erkun­den. Die aus­ge­wähl­ten Farb­wer­te las­sen sich anschlie­ßend als Paket her­un­ter­la­den und für eige­ne krea­ti­ve Pro­jek­te weiterverwenden.

So wur­de aus einer sta­ti­schen Illus­tra­ti­on ein digi­ta­les Werk­zeug, das nicht nur Wis­sen ver­mit­telt, son­dern zum Aus­pro­bie­ren und Ent­de­cken einlädt.

Indi­vi­du­el­le Web­ent­wick­lung mit WordPress und Bricks Builder

Neben der inter­ak­ti­ven Anwen­dung ent­stand eine moder­ne One­page-Web­site auf Basis von WordPress und Bricks Buil­der.

Der Schwer­punkt lag dabei auf der indi­vi­du­el­len tech­ni­schen Ent­wick­lung. Die Illus­tra­tor-Gra­fik wur­de für den Ein­satz im Web auf­be­rei­tet und mit einer maß­ge­schnei­der­ten Java­Script-Logik erwei­tert. Dadurch reagie­ren die ein­zel­nen Farb­seg­men­te direkt auf die Ein­ga­ben der Nutzer:innen und ermög­li­chen eine intui­ti­ve Bedie­nung. Ergän­zend wur­den fle­xi­ble Inhalts­be­rei­che geschaf­fen, damit Inhal­te und Erläu­te­run­gen künf­tig ein­fach gepflegt wer­den kön­nen. Per­for­mance-Opti­mie­run­gen sor­gen zudem dafür, dass die Anwen­dung auch auf mobi­len End­ge­rä­ten flüs­sig funktioniert.

Digi­ta­li­sie­rung macht Ideen zugänglich

Nicht jedes digi­ta­le Pro­jekt rich­tet sich an eine brei­te Ziel­grup­pe. Der Color­loop spricht ins­be­son­de­re Designer:innen, Künstler:innen sowie Men­schen an, die sich inten­siv mit Farb­theo­rie und Farb­wis­sen­schaft beschäftigen.

Gera­de des­halb war es wich­tig, die Inhal­te nicht nur online bereit­zu­stel­len, son­dern sie inter­ak­tiv erleb­bar zu machen. Die digi­ta­le Anwen­dung ermög­licht es, das von Frau Schain ent­wi­ckel­te Farb­sys­tem eigen­stän­dig zu ent­de­cken, Zusam­men­hän­ge nach­zu­voll­zie­hen und indi­vi­du­el­le Farb­pa­let­ten zu erstellen.

Die­ses Pro­jekt zeigt, wie sich ana­lo­ge Kon­zep­te mit indi­vi­du­el­ler Web­ent­wick­lung in digi­ta­le Erleb­nis­se über­set­zen las­sen. Gemein­sam mit der Agen­tur YUPANQUI ent­stand eine inter­ak­ti­ve Web-Anwen­dung, die Farb­wis­sen­schaft, Gestal­tung und digi­ta­le Tech­no­lo­gie mit­ein­an­der ver­bin­det – und ein ein­zig­ar­ti­ges Farb­sys­tem für Inter­es­sier­te intui­tiv zugäng­lich macht.

Sie möch­ten Ihre Idee digi­tal zum Leben erwecken?

Ob inter­ak­ti­ve Web-Anwen­dung, indi­vi­du­el­le Web­site oder maß­ge­schnei­der­te digi­ta­le Lösung – wir ent­wi­ckeln Kon­zep­te, die nicht nur tech­nisch über­zeu­gen, son­dern kom­ple­xe Inhal­te ver­ständ­lich und erleb­bar machen.

Sie haben ein außer­ge­wöhn­li­ches Pro­jekt oder eine Idee, die digi­tal umge­setzt wer­den soll? Spre­chen Sie mit uns. Gemein­sam fin­den wir die pas­sen­de Lösung.

Jetzt Kon­takt auf­neh­men – wir freu­en uns auf Ihre Anfrage.