Siteseeing Digital Design company logo
interaktive Animation

UX / UI Design und Programmierung

Hamburg Green Hydrogen Hub

Branche:

  • Nachhaltige Wirtschaft

Aufgaben:

  • Webentwicklung
  • UX / UI Design
  • Konzept
  • Programmierung
  • Qualitätsmanagement
  • Contentpflege
Im Herzen des Hamburger Hafens, auf dem Gelände des stillgelegten Heizkraftwerks Moorburg, soll aus Wind- und Solarenergie grüner Wasserstoff erzeugt werden. Ziel ist es, die gesamte Hafenwirtschaft inklusive der ansässigen Industrien zu dekarbonisieren.

Wie das funktioniert, zeigen wir in einer interaktiven Animation im Rahmen einer Projekt-Website für das Hamburg Green Hydrogen Hub.

Ansehen: hghh.eu
Illustration der interaktiven Karte
Einzel-Illustration
responsive Webdesign

Alles Wissenswerte auf einer Seite

Unsere Aufgabe war es, das technische Projekt möglichst einfach und unterhaltsam im Rahmen einer Long Pager-Website zu präsentieren.
Das Herzstück der Website ist die interaktive, animierte Karte von Hamburg und seinem Hafen. Der verspielte Illustrationsstil hilft den Nutzern, das Projekt einfacher zu verstehen.

Um qualitativ und performancetechnisch das Optimum herauszuholen, entschieden wir uns statt gifs oder die üblichen Videoformate für das Lottie-Format. Diese sorgt für Effizienz und Qualität ohne Kompromisse.

Neben der Karte gibt es weitere Inhalte über das Vorhaben, die Projektpartner und tiefere Einblicke in das Wasserstoffprojekt im Pressebereich. Im FAQ werden alle wichtigen Fragen rund um das Hamburg Green Hydrogen Hub beantwortet.

Webdesign für das HGHH Projekt

Weitere Projekte:

  • webdesign-for-previiew-front-3

    UX / UI Design, Brand und Corporate Design

    Previiew – The Seven Finest Photographs

    Projekt ansehen
  • Tabrett – Brand-, Corporate und Web-Design

    Website, Brand und Corporate Design

    Dein neues Tabrett zum Schneiden, Servieren und Zelebrieren

    Projekt ansehen
  • Aeditive – Brand-, Corporate- und Web-Design

    UX / UI Design, Brand und Corporate Design

    Aeditive – 3D-Druck und Automatisierung für die Baubranche von morgen

    Projekt ansehen
  • App-Entwicklung Hamburg

    UX / UI Design

    H2.LIVE App + Website — Wir zeigen der Welt, dass Wasserstoffmobilität funktioniert

    Projekt ansehen
  • Website Agentur

    UX / UI Design und Programmierung

    Leica – Konzentration auf das Wesentliche

    Projekt ansehen
  • Hochschule-fuer-Musik-Webrelaunch

    UX / UI Design und Programmierung

    Hochschule für Musik Karlsruhe
    Klassik trifft auf Moderne

    Projekt ansehen
  • Im Dialog mit dem Kunden – Der Blog der Hamburger Hochbahn

    UX / UI Design und Programmierung

    Hamburger Hochbahn Blog – Informationen, Hintergründe und Geschichten

    Projekt ansehen
  • Oschätzchen Online-Shop Entwicklung

    UX / UI Design

    Oschätzchen – Online-Shop für Hamburgs kulinarisches Paradies

    Projekt ansehen
  • nordbahn Website Relaunch

    UX / UI Design, Programmierung

    Webrelaunch der nordbahn

    Projekt ansehen