Zum Inhalt springen Zum Menü springen

Designsystem für Geodaten-Portale

Erscheinungsbild und Umsetzung von UI- sowie Screendesigns für zahlreiche OpenData- und Geodatensysteme des Public Sectors

Client

wemove digital solutions GmbH

Services

Visuelles Erscheinungsbild / UI-Konzept / Designsystem

Prolog

Seit 2006 sind wir rund um das Thema Geodaten und bei der Software InGrid® mit dabei. Ursprünglich wurde diese für den Betrieb des Umweltportals Deutschland PortalU entwickelt.

Anwendungsszenarien stellen die Themen Geoportal, Metadatenerfassung, Datenrecherche und Kartenclient dar. InGrid® als selbständige, serviceorientierte Softwareplattform kann vielfältig eingesetzt werden. Aber sehen Sie selbst.

Logo-Entwicklungen

Starker erster Eindruck

Ein gutes Logo weckt Interesse und sorgt für die erste Impression. Neben den Basiselementen definierten wir Farben, Typografie, Illustration, Icons und Styleguides. Besonders beachtenswert:

  • Logo-Serien für die Geodatenportale
  • Individuelle Schriftentwicklung NUMIS
  • Logo-Rebrush für den Metadaten-Verbund

Systemisch

Brücke zwischen Design & Entwicklung

  • Erstellung eines modularen und erweiterbaren Designsystems nach dem Atomic-Design-Prinzip
  • Theming-Möglichkeiten durch Namenskonvention und einfaches Ersetzen von Farben
  • Erstellung verschiedener Portale in Serie in enger Abstimmung mit Programmierung

Die Geodaten-Portale

Ein Überblick

Ziel & Aufgabe

Geodatenportale bieten Nutzern einen zentralen Zugriff auf Internetseiten und Datenkataloge - meist von öffentlichen Organisationen. Im Zusammenhang mit diesen Portalen können komplexe Strukturen greifbar gemacht werden. Dies bezieht sich letztendlich auf die Suche und das Darstellen der Informationen für unterschiedliche Endgeräte.
Zielsetzung war es somit, eine einfache und verständliche Oberfläche zu schaffen, die vom User Interface als auch vom Design als Basislayout auf mehrere Portale adaptierbar ist. Die visuelle Eigenständigkeit der Portale soll dabei gewahrt bleiben.

Auf dieser Grundlage wurden folgende Portale realisiert:

Suchergebnisseite - mit ausgeklappten Zuständen
Detaillierter Metadatensatz
Startseite des UVP-Verbund Portals
Startseite des METAVER Portals

Leistungen

  • UI-Konzeption, Atomic Design/Webdesign
  • Designberatung
  • Logo, Farben, Typografie, Grafik, Styleguide
  • Ikonografie
  • Barrierefreiheit / BITV . WCAG
  • Qualitätssicherung Frontend

Persönlich, systematisch, kreativ! Prima Zusammenarbeit seit Jahren.

Geschäftsführer wemove digital solutions GmbH