EDITH GPS-S Web App
)
Über das Projekt
EDITH GmbH & Co. KG unterstützt Bahnunternehmen in ganz Europa mit digitalen Lösungen. Die EDITH GPS-S App vereinfacht die Verwaltung von Streckenkenntnissen, indem Fahrten per Karte, vordefinierter Routen oder GPS erfasst werden können.
Alle Daten werden automatisch strukturiert und aktuell gehalten, wobei sowohl Karten- als auch Tabellenansichten den Zugriff auf komplexe Informationen erleichtern.
Problem
Das Projekt musste innerhalb von drei Monaten und mit begrenzten Ressourcen umgesetzt werden. Als alleiniger Designer und Frontend-Entwickler war ich für Struktur, UX und Implementierung verantwortlich.
Die bestehende Anwendung war unübersichtlich, inkonsistent und schwer wartbar. Zentrale Workflows waren zu komplex und für die Nutzer nicht intuitiv.
Vorgehen & Umsetzung
Die Entwicklung wurde sowohl von Nutzeranforderungen als auch technischen Anforderungen geleitet, mit starkem Fokus auf Usability, Performance und Wartbarkeit. Ziel war es, trotz knapper Zeit und Ressourcen eine klare Struktur zu schaffen, Workflows zu vereinfachen und eine solide Basis für zukünftige Weiterentwicklungen zu legen.
Durchführung von Experteninterviews zur Analyse von Arbeitsweisen, Herausforderungen und Erwartungen als Grundlage für eine nutzerzentrierte Lösung.
Erstellung interaktiver Wireframes und klickbarer Prototypen in Figma zur frühzeitigen Definition von Struktur, Navigation und zentralen User Flows.
Grundlegende Überarbeitung der bestehenden Vue.js-Anwendung zur Verbesserung von Struktur, Wartbarkeit, Skalierbarkeit und Codequalität.
Migration von vue-cli zu Vite, Behebung von Sicherheitsproblemen in Abhängigkeiten sowie Einführung von ESLint und Prettier für einen konsistenten Entwicklungsprozess.
Integration von PrimeVue zur Beschleunigung der Entwicklung und zur Etablierung eines konsistenten, skalierbaren Designsystems.
Strukturierung der Anwendungsdaten mit Pinia für ein klares und nachvollziehbares State Management.
Gestaltung einer klaren, modernen Benutzeroberfläche mit Fokus auf Usability, Lesbarkeit und effiziente Interaktion mit komplexen Daten.
Entwicklung aller zentralen Ansichten wie Login, Dashboard, Übersicht, Detail- und Systemseiten für ein konsistentes Nutzererlebnis.
Konzeption und Optimierung von Dialogen und Interaktionen (Erstellen, Bearbeiten, Löschen) zur Vereinfachung der Workflows.
Kontinuierliche Weiterentwicklung von UI und Funktionalität während der Implementierung zur Erreichung eines ausgereiften und benutzerfreundlichen Ergebnisses.
Ergebnis & Mehrwert
Das Ergebnis ist eine klare, moderne Anwendung mit deutlich verbesserter Usability und Performance.
Durch vereinfachte Workflows und intuitive Navigation können Nutzer Streckenkenntnisse effizienter verwalten, während die neue technische Grundlage Skalierbarkeit und Wartbarkeit für zukünftige Weiterentwicklungen sicherstellt.
Screenshots aus dem Projekt
DriveLock Webseite
Redesign einer Unternehmenswebsite zur Verbesserung von Usability, Struktur und visueller Klarheit – für eine moderne und conversionsorientierte Nutzererfahrung.
itmX Sales Web App
Redesign und Weiterentwicklung einer CRM-Webanwendung mit Fokus auf bessere Usability, stabilere Performance und eine konsistente, skalierbare Frontend-Struktur.
Hast du eine Idee? Lass sie uns umsetzen.
Egal, ob Landingpage oder komplette Web-App – ich helfe dir dabei, deine Vision mit sauberer, moderner Frontend-Entwicklung zum Leben zu erwecken.