Kostenloses Strategiegespräch
Alle Referenzen
App Room

App Room - #1 Fahrrad-ERP der Schweiz

Ergebnisse die wir erzielt haben
  • 25% weniger Support-Aufwand
  • 10% mehr Umsatz
  • Höhere Kundenzufriedenheit
Wann wir eingestiegen sind

Wir übernahmen die Verantwortung für die vollständige UI/UX-Modernisierung eines etablierten ERP-Produkts mit jahrelang gewachsener Funktionstiefe.

Für wen ist das?

Etablierte Unternehmen, deren Produkt über Jahre ohne Designstrategie gewachsen ist und eine UI/UX-Modernisierung benötigt, um Benutzerfreundlichkeit, Akzeptanz und interne Effizienz zu verbessern.

Dauer: 4 Monate, Partnerschaft laufend
Tech Stack:
2199 Aufrufe
Unsere Rolle

Langfristige Produktdesign-Partnerschaft mit vollständiger Verantwortung für die ERP-Nutzererfahrung, das Design-System und laufende Produktentscheidungen.

Unsere Rolle

Langfristige Produktdesign-Partnerschaft mit vollständiger Verantwortung für die ERP-Nutzererfahrung, das Design-System und laufende Produktentscheidungen.

Idee

App Room ist der führende ERP-Anbieter für Fahrradhändler in der Schweiz und unterstützt sowohl kleine Geschäfte als auch große Ketten bei der Verwaltung von Lagerbestand, Verkauf, Planung und Administration.
Nach acht Jahren Produktentwicklung entsprach die Benutzeroberfläche nicht mehr den modernen Erwartungen und der neuen Markenidentität des Unternehmens. Ziel war es, das ERP nach aktuellen Designstandards neu zu gestalten, Nutzerfeedback einzuarbeiten und eine wartbare Designgrundlage zu schaffen, ohne dabei funktionale Tiefe zu verlieren.

Lösung

Wir haben die gesamte ERP-Erfahrung neu gestaltet: mit einer klaren Informationsarchitektur und einem skalierbaren Design-System. Alle bestehenden Workflows wurden restrukturiert und visuell modernisiert, ohne ihre Geschäftslogik zu verändern.
Das neue Design verbessert die Orientierung, reduziert die kognitive Belastung und ermöglicht sowohl neuen als auch erfahrenen Nutzern ein effizienteres Arbeiten. Ein einheitliches System unterstützt jetzt zukünftiges Wachstum und Feature-Erweiterungen ohne Designfragmentierung.

Wichtige Komponenten

ERP-Navigation Informationsarchitektur Design-System Wiederverwendbare Komponenten Administrations-Workflows Rollenbasierter Zugriff

Entwicklungsprozess

Schritt 1

Anforderungsanalyse

Schritt 2

UI-Design-System

Schritt 3

Design-Transformation

Schritt 4

Prototyping und Validierung

Schritt 5

Laufende Iteration

Wir haben das Live-ERP durch direkte Nutzung, Workshops und Produktreviews mit dem App Room Team analysiert. So konnten wir reale Workflows, Abhängigkeiten und Schwachstellen im gesamten System verstehen.
Ein dediziertes Design-System für die Fahrradbranche wurde entwickelt, inklusive Farblogik, Typografie, Abstände und wiederverwendbare Komponenten. Dieses System gewährleistet Konsistenz und langfristige Wartbarkeit.
Auf Basis des Design-Systems haben wir mehr als 200 Screens und mehrere User-Flows neu gestaltet. Alle Änderungen wurden mit realen Nutzungsmustern abgeglichen und mit Stakeholdern validiert.
Interaktive Prototypen wurden kontinuierlich getestet und verfeinert. Feedback-Schleifen sicherten Usability-Verbesserungen vor der Übergabe an die Entwicklung.
Das Design wurde Feature für Feature geliefert, um eine schnelle Implementierung zu unterstützen. Wir tragen weiterhin Verantwortung für zukünftige Designentscheidungen und die Produktentwicklung.

Technologie & Integration

Technologie

Produktdesign

Figma für Produktredesign und Design-Systeme.

Hauptfunktionen

Allgemeine Informationsarchitektur

Das bestehende ERP war über viele Jahre gewachsen, was dazu führte, dass Funktionen über verschiedene Bereiche verteilt, in der Navigation fehlplatziert oder für neue Nutzer schwer verständlich waren. Onboarding und Produktevaluierung wurden dadurch unnötig komplex.
Unser erster großer Schritt war eine vollständige Neugestaltung der Informationsarchitektur. Wir haben klar definierte Hauptbereiche eingeführt, die ERP-Kernfunktionalität von Administrationsaufgaben trennen. Diese Bereiche sind visuell und strukturell klar unterscheidbar, sodass Nutzer sofort verstehen, wo sie sich befinden und welche Aktionen verfügbar sind. Globale Aktionen wie Komponentenwechsel, Benachrichtigungen und Spracheinstellungen wurden konsistent positioniert und sind jederzeit erreichbar. Diese Umstrukturierung hat die kognitive Belastung deutlich reduziert und das System einfacher zugänglich gemacht – besonders für Erstnutzer.

Allgemeine Informationsarchitektur

Linkes Navigationssystem

Um schnelle und sichere Navigation durch hunderte Funktionen zu ermöglichen, haben wir eine moderne linke Navigation entwickelt, die auf den täglichen ERP-Einsatz ausgerichtet ist. Die Navigation ist erweiterbar und in klar beschriftete, ausklappbare Kategorien unterteilt, die echte Nutzer-Workflows widerspiegeln.
Häufig genutzte Funktionen sind direkt sichtbar, weniger häufige Aktionen werden über eine kontextuelle Mehr-anzeigen-Logik verborgen, um Unübersichtlichkeit zu vermeiden. Visuelle Hierarchie, Abstände und Hover-Verhalten wurden sorgfältig gestaltet, um den Blick zu führen, ohne den Nutzer zu überfordern. Dieses Navigationssystem ermöglicht es, Zielfunktionen schnell zu erreichen und dabei den Überblick über das gesamte System zu behalten – auch wenn künftig neue Features hinzukommen.

Linkes Navigationssystem

ERP-Feature-Modernisierung

Mehr als zwanzig zentrale ERP-Funktionen in den Bereichen Betrieb, Planung und Mietmanagement wurden neu gestaltet und in vielen Fällen restrukturiert. Dazu gehören Lagerbestände, Produktverwaltung, Mietabwicklung und Personalplanung an mehreren Standorten.
Jede Funktion wurde einzeln analysiert, um Zweck, Abhängigkeiten und Nutzungshäufigkeit zu verstehen. Auf dieser Basis wurden Screens neu gestaltet, um die wichtigsten Informationen an erster Stelle zu zeigen und Sekundardetails in kontextuelle Ansichten zu verschieben. Wiederverwendbare Komponenten wie Tabellen, Tabs, Alerts, Cards und Kontextmenüs wurden als Teil des Systems entwickelt – konsistent über alle ERP-Bereiche hinweg, mit der nötigen Flexibilität für funktionsspezifische Anforderungen.

ERP-Feature-Modernisierung

Administrationserfahrung

Administrative Funktionen waren bisher über verschiedene Bereiche verteilt, was die globale Konfiguration fehleranfällig und aufwendig machte. Wir haben die Administration klar von operativen Workflows getrennt und alle relevanten Funktionen in einem dedizierten Bereich zusammengeführt. Dazu gehören Abrechnung, globale Einstellungen, Nutzer- und Rollenverwaltung, Lizenzverwaltung, Add-ons und Integrationen.
Informationen werden progressiv angezeigt, sodass Administratoren immer genau den richtigen Detailgrad sehen. Das Ziel: Administration leistungsfähig und gleichzeitig verständlich zu machen – damit Unternehmen ihr ERP sicher verwalten können, ohne ständigen Support oder Schulungsbedarf.

Administrationserfahrung

Die größte Herausforderung

Ein über viele Jahre gewachsenes, hochkomplexes ERP ohne originale Designdokumentation zu verstehen und neu zu gestalten. Tiefe funktionale Abhängigkeiten erforderten sorgfältige Analyse, um bestehende Workflows nicht zu beschädigen.

Was wir gelernt haben

Echte UX-Verbesserung in Enterprise-Systemen setzt voraus, nicht nur Interfaces, sondern auch Geschäftslogik und Branchenkontext zu verstehen. Die Investition in Domänenwissen zahlt sich in Usability und Vertrauen aus.

Warum das für unsere Partner wichtig ist

Diese Erfahrungen helfen uns, Legacy-Systeme verantwortungsvoll zu modernisieren – mit reduziertem Risiko und messbarem Geschäftswert.

Unsere Ratschläge

Beim Modernisieren komplexer Produkte zuerst in Informationsarchitektur und Design-Systeme investieren, bevor visuelle Änderungen angegangen werden. Struktur ermöglicht nachhaltigen Wandel.

Besonders wichtiger Schritt

Ein vollständiges ERP zu gestalten war eine besondere Herausforderung für unser Team. Anders als bei Consumer-Apps erfordern ERP-Systeme extreme Klarheit, Konsistenz und Respekt vor bestehenden Workflows.
Durch die Übertragung von Best Practices führender SaaS-Produkte und die Kombination mit tiefem Branchenverständnis haben wir eine moderne und gleichzeitig vertraute Nutzererfahrung geschaffen. Dieses Projekt markierte unseren Einstieg in das Large-Scale-ERP-Design und begründete eine langfristige Partnerschaft auf Basis von Vertrauen und geteilter Verantwortung.

App Room: viele Masken, Listen und Formulare des ERP im Überblick

Entdecke das Produkt

App Room Behance Das Design auf Behance Screens, Flows und Details aus diesem Projekt. Auf Behance ansehen
Cindy Essl
Cindy Essl CEO 5.0
Die UX-Arbeit hat die Nutzerführung und die visuelle Konsistenz unseres ERPs spürbar verbessert. Vitec hat starke UX-Kompetenz, Verlässlichkeit und ein klares Verständnis unserer Anforderungen von der ersten Iteration an bewiesen.

Andere Referenzen

Jedes erfolgreiche Projekt hinterlässt messbare Ergebnisse und einen klaren Weg in die Zukunft.
Die folgenden Referenzen zeigen, wie wir arbeiten, was wir leisten und welche Ergebnisse unsere Partner mit uns erzielen.

MacTrade - Shopware-Shop für Deutschlands führenden Apple-Händler Strategie Shopware 6 E-Commerce MacTrade - Shopware-Shop für Deutschlands führenden Apple-Händler Ludwig Krayl Ludwig Krayl Product Manager, MacTrade Computerhandelsgesellschaft mbH 5.0 MacTrade ist Deutschlands größter offizieller Apple-Händler und bietet ein umfassendes Sortiment an Apple-Geräten, Zubehör und verwandten Services.Die bestehende E-Commerce-Plattform musste auf Shopware 6 migriert werden, um zukünftiges Wachstum, moderne E-Commerce-Standards und komplexe Preismodelle wie Mitarbeiter-Vorteilsprogramme und Studierendenrabatte zu unterstützen.Ziel war es, einen robusten, flexiblen Online-Shop zu schaffen, der Privatkunden, Studierende und Unternehmenskäufer in einem einzigen System bedienen kann. 25% Umsatzsteigerung Referenz lesen StudyM8 - Online-Nachhilfe leicht gemacht STRATEGIE UI/UX BACK-END ADMIN StudyM8 - Online-Nachhilfe leicht gemacht Ali Daher CEO, StudyM8 Learning Die Suche nach geeigneten Tutoren kann zeitaufwendig und frustrierend sein - besonders wenn lokale Verfügbarkeit begrenzt ist und Lernergebnisse unklar bleiben.Diese Herausforderung wurde persönlich, als einer der Gründer Schwierigkeiten hatte, eine effektive Nachhilfe für sein Kind zu finden.Die Idee hinter StudyM8 war es, geografische Einschränkungen aufzuheben und fragmentierte Nachhilfeprozesse durch eine transparente Online-Plattform zu ersetzen.Das Ziel war es, Schülern gezielte Unterstützung zu ermöglichen, Tutoren effektives Online-Unterrichten zu erlauben und Eltern Transparenz und Kontrolle über den Lernfortschritt zu geben - alles in einer zugänglichen digitalen Lösung. Zugang zu Tutoren vereinfacht Referenz lesen

Häufig gestellte Fragen vor der Zusammenarbeit

Vitec lieferte eine komplette UI/UX-Transformation und ein skalierbares Design-System für App Room, das führende Fahrrad-ERP der Schweiz, und gestaltete 200+ Screens neu.

Der Support-Aufwand sank um 25% und der Umsatz stieg um 10% - mit einer wartbaren Design-Grundlage für weiteres Wachstum.

Vitec übernahm End-to-End-Verantwortung von Konzept und Design über die Entwicklung bis zum laufenden Support. Figma-Design-System mit wiederverwendbaren Komponenten, Informationsarchitektur und rollenbasierten Workflows - eine langfristige Produktdesign-Partnerschaft.

Ja. Vitec baut ein ERP- bzw. SaaS-Produkt end-to-end für Startups und etablierte Unternehmen - von Strategie und Design über die Entwicklung bis zum langfristigen Support. App Room ist ein Beispiel; das Gleiche ist auch für Ihr Produkt möglich.
Deine Frage ist nicht dabei? Kostenloses Strategiegespräch
Dein nächster Schritt: ein Gespräch. 5,0 (96) 100+ Produkte seit 2017
Gespräch