In engem Austausch modellierten wir zusammen mit Mitgliedern der Arbeitsgruppe in mehreren Sessions Struktur und Interface-Elemente der Seite. Dazu kamen einfache Prototypen auf Basis von Axure und Figma zum Einsatz, mit denen Funktionalität und Nutzerführung diskutiert und feingeschliffen wurden.
Auf der neuen TransHyDE -Website können Modellierungsergebnisse für die Entwicklung der Wasserstoffinfrastruktur, Handlungsoptionen und vieles weitere entdeckt werden. Die Ergebnisse verschiedener Modelle für Erzeugung, Infrastruktur und Nachfrage können sowohl aus Akteurs- oder Systemperspektive als auch für Deutschland oder Europa betrachtet werden. Besonders spannend: Die Seite macht verschiedene Szenarien und Zeithorizonte sichtbar.
Ein weiteres Herzstück der Website ist die interaktive, illustrierte Projektlandkarte die Anwendungen, Infrastruktur und Erzeugung visualisiert. Dazu wurden von Schiffen, Flugzeugen oder Industrieanlagen über 30 verschiedene Elemente in isometrischer Perspektive aufbereitet.
Die Anwendung wurde als Single Web App mit virtuellem Routing konzipiert und mit Vue.js umgesetzt.
Vue.js generiert die Inhalte vollständig dynamisch aus XML-Dateien. Zur Pflege der Inhalte durch die Arbeitsgruppe wurden individuelle Markups erstellt, die den Redakteur*innen eine breite Palette an Stylingoptionen bietet. Die Pflege erfolgt über einen eigenen Online-Editor.
Dietmar, Creative Director Konzept bei der Netzbewegung sagt: „Die Entwicklung der Anwendung war für uns alle spannend, da es kaum vergleichbare Projekte mit ähnlichem Anspruch gibt. Wir haben daher gemeinsam mit der Arbeitsgruppe, viel Basisarbeit geleistet und individuelle Lösungen entwickelt.“
