zwei dazwischen

AR Visualisierung

Das Projekt „zwei dazwischen“ thematisiert den „Ludwig-Main-Donau-Kanal“ und den neuen Donau-Main-Kanal und stellt verschiedene Aspekte wie Geschichte oder Wirtschaft interaktiv auf einer Storytelling-Website gegenüber. Diese Website ermöglicht es den Nutzern, die Themen an unterschiedlichen Stationen entweder vor Ort oder bequem von zu Hause aus zu erkunden, wodurch eine zeitliche und räumliche Entkoppelung der Informationsvermittlung erreicht wird. Ein zentraler Bestandteil des Projekts besteht in der Transformation von Fotografien des „alten“ Kanals mithilfe eines Styletransfers, der auf TensorFlow basiert. Dabei werden die Bilder in die Ästhetik historischer Stahlstiche des Kanals umgewandelt, die vom Künstler Alexander Richard Marx im Jahr 1845 erstellt wurden. Das Prinzip der AR Szenen lässt sich mit weiteren Aspekten des Kanals beliebig fortführen.

Interaction Design
SS23, 6.Semester

AFrame, Html, JavaScript, Glitch,

Illustrator, Mapbox, Figma, Webflow

01 Recherche

Anfangs wurde zu Bildmaterialien, kartografische Daten, allgemeine Daten und technologischer Umsetzung recherchiert.

02 Styletransfer

Die Optik des historischen Stahlstichs wurde mit Hilfe eines auf KI basierenden Styletransfers auf die Fotografien übertragen.

03 Visualisierungen

Um die recherchierten Daten bestmöglich zu visualisieren wurden verschiedene Ansätze ausprobiert und iteriert.

04 User Flow

Die Punkte an denen Nutzer mit der Anwendung interagieren können, wurden als kurze User Flows festgehalten.

05 Finales Projekt