zum inhalt springen
ende

Remondis UI Library + NEOS

Meine Rolle
Konzept, UX/UI-Design und Frontend-Entwicklung
Vorgehen
Usertests mit Mitarbeitenden der Stadtreinigung, Konzept und Design in Figma, Umsetzung in React
Stack
Figma, Next.js, React, Storybook, Tailwind CSS, TanStack React Query
Info
Redesign von REMONDIS NEOS.
NEOS-Kartenansicht mit geöffnetem Datumsbereichswähler

Redesign von REMONDIS NEOS.

NEOS hat DATAFLEET abgelöst, die ältere Software von REMONDIS für die Stadtreinigung. Sie funktionierte, aber die Oberfläche war zu klein, und wichtige Funktionen waren schwer zu finden oder versteckt. Ich habe das Redesign vom Konzept bis zum Code umgesetzt: Usertests mit Mitarbeitenden der Stadtreinigung, eine klare User Journey in Figma und die Umsetzung in React. Die Mitarbeitenden brauchen für ihre täglichen Aufgaben jetzt weniger Klicks, und ihr Feedback hat das bestätigt.

Für wen

  • Mitarbeitende der REMONDIS-Stadtreinigung, die das Tool täglich nutzen

Die Herausforderung

  • Die bisherige DATAFLEET-Software sollte modernisiert werden
  • Die Mitarbeitenden brauchten einen klaren Weg durch ihre täglichen Aufgaben
  • Jede Änderung musste für die Menschen funktionieren, die das Tool täglich nutzen

Mein Vorgehen

  • Usertests mit rund einem Dutzend Mitarbeitenden der Stadtreinigung
  • Eine User Journey von der Karte über die erfassten Daten bis zur Bearbeitung, gestaltet in Figma
  • Umsetzung in React, auf Basis einer eigenen Komponentenbibliothek, die ich mit Storybook dokumentiert habe
  • Die Komponentenbibliothek wurde mit Blick auf die WCAG-Anforderungen entwickelt