WIrtschaftsserviceportal

UI Design

Das Wirtschaftsserviceportal umfasst die Digitalisierung von bestehenden Verwaltungsleistungen in NRW. Die Umsetzung ist in Form eines Portalverbundes erfolgt, sodass auf bundes-, landes- oder kommunalebene die Bürger:innen zum richtigen Onlinedienst weiterleitet werdet. Leistungen wie das Anmelden eines Gewerbes können durch das WSP von Zuhause erledigt werden.

https://service.wirtschaft.nrw

Problem

Das Land Nordrhein-Westfalen steht vor der Herausforderung, eine benutzerfreundliche, zentrale Plattform bereitzustellen, die Unternehmen, Investoren und Gründern einen einfachen Zugang zu Informationen und Verwaltungsservices bietet. Derzeit sind wichtige Informationen und Anträge über mehrere Quellen verteilt und schwer zugänglich, was die Effizienz und Nutzererfahrung beeinträchtigt. Das neue Portal soll diese Prozesse vereinfachen, eine digitale Verwaltung fördern und somit den Wirtschaftsstandort NRW stärken.

Herausforderung

  • Integration unterschiedlicher Informationsquellen und Services

  • staatliche und kommunale Systemene vereint = Konsolidierung und Echtzeit-Integration

  • Berücksichtigung von Barrierefreiheit und Nutzerfreundlichkeit für unterschiedliche Zielgruppen

  • Komprimierung & Zwischenspeicherung von Daten

Allgemeine Ziele

  • Unternehmen und Investoren einen zentralen, benutzerfreundlichen Zugang zu relevanten Informationen, Dienstleistungen und Förderprogrammen bieten

  • Transparenz und Effizienz in der Kommunikation mit der öffentlichen Verwaltung fördern

  • Wirtschaftsförderung in der Region unterstützen und bürokratische Hürden für die Unternehmensgründung oder -erweiterung abbauen

  • einfache Antragstellung und Bereitstellung von Informationen

  • Bereitstellung einer digitalen Serviceplatform

  • einfache Sprache&Erklärung von Sachverhalten

DesignZiele

  • Barrierefreiheit

  • klare Informationsarchitektur: strukturierte und leicht auffindbare Inhalte

  • Responsives Design: Optimale Darstellung auf Desktop, Tablet und mobilen Geräten

  • visuelle Konsistenz

  • Benutzerfreundlichkeit & Einfachheit: Eine intuitive und klare Benutzeroberfläche, die leicht verständlich ist und eine schnelle Navigation ermöglicht

Designprozess

Designprozess

Barrierefreiheit: Überprüfung der Farbkontraste

Um eine konsistente Designsprache sicherzustellen und Redundanzen zu vermeiden, wurden die UI-Komponenten in Storybook angelegt, wo sie dokumentiert, entwickelt und getestet werden.

Die Website muss die WCAG-Konformitätsstufe AA erfüllen, was eine Überprüfung des Farbkontrasts erforderlich machte. Diese Stufe verlangt unter anderem ein Mindestkontrastverhältnis von 4,5:1 für normalen Text und 3:1 für großen Text, um eine barrierefreie Lesbarkeit zu gewährleisten.

Verwendung von Illustrationen zur Vermittlung von Emotionen und zur Stärkung der Markenidentität