Burger Menü
Interaktive Karte, Web-App

Maritime Landkarte und Maritimer Förderkompass Europa

Wettbewerbsfähigkeit, Nachhaltigkeit und Klimawandel sind Themen, die mit der maritimen Branche einhergehen. Mit den implementierten Tools wollen wir unseren Beitrag dazu leisten, die Welt ein Stückchen besser zu machen.

Kunde

Deutsches Maritimes Zentrum

Projektstart

2021

Leistungen

  • Konzeption
  • Visualisierung
  • UX Design
  • Wireframes / Klick Dummies
  • Responsive User Interface Design
  • Entwicklung Web-App (Frontend)
  • Entwicklung Backend

Die Aufgabe

Gleich zwei Web-Anwendungen haben wir für DMZ entwickelt. Beide erfüllen den Zweck, die Interaktion in der maritimen Branche zu erleichtern. Über die Landkarte lassen sich Informationen über die Mitglieder mit schlauen Filtern suchen und sortieren. Der Förderkompass hingegen verhilft dazu, passende aktuelle EU-Fördermöglichkeiten für die maritime Branche zu finden, die über aufeinander aufbauende Fragen als relevant eingestuft werden.

Die Challenge

Maritime Landkarte und Maritimer Förderkompass Europa
Maritime Landkarte und Maritimer Förderkompass Europa

Die größte Schwierigkeit bestand darin, zwei intuitive Tools zu entwickeln, die für Jung und Alt gleichermaßen selbsterklärend zu bedienen sind. Für die bestmögliche Umsetzung kamen bis zum Schluss neue kreative Ideen auf und es fiel uns schwer, nicht allem nachzugehen. Doch irgendwann war auch dieses Projekt zu Ende.

Die Challenge

Maritime Landkarte und Maritimer Förderkompass Europa
Maritime Landkarte und Maritimer Förderkompass Europa

Die größte Schwierigkeit bestand darin, zwei intuitive Tools zu entwickeln, die für Jung und Alt gleichermaßen selbsterklärend zu bedienen sind. Für die bestmögliche Umsetzung kamen bis zum Schluss neue kreative Ideen auf und es fiel uns schwer, nicht allem nachzugehen. Doch irgendwann war auch dieses Projekt zu Ende.

Die Lösung

Wir haben zwei Web-Tools entworfen, deren Funktionen voneinander unabhängig sind, die sich auf Coding-Ebene aber manche Komponenten teilen. Dabei wurde sehr auf die CI von DMZ geachtet, um die Tools nahtlos in die bereits bestehende Webseite einzupflegen. Der hohe Visualisierungsgrad der Datenbankeinträge macht sowohl die interaktive Landkarte als auch die Klickstrecke beim Förderkompass leicht zu bedienen. Über ein Redaktionstool im Background können die Einträge je nach Rolle verwaltet werden.

No items found.
No items found.
Unsere Wirkung

Was unsere
Freunde sagen.

Was hängen bleibt

Die Maritime Branche steht stärker hinter ihren Werten, als wir vermutet hatten. Von dieser Euphorie haben wir uns anstecken lassen und unser Bestes gegeben, mit unseren Tools den (See-)Weg zu räumen für Innovation, Klimaschutz und Nachhaltigkeit.

#vue.js
#node.js
#webapp
#maritim
#landkarte
#klickstrecke
#responsive design
#redaktionssystem
#datenbank
Animation mit Text "Let's make something great together"
Get in touch!
Arrow CTA down