Eine Plattform für Fahrzeugsicherheit, klar strukturiert

UX/UI-Design im Team für eine SaaS-Plattform mit getrennten Portalen für Kunden und Administratoren sowie zwei Mobile Apps.

Oberfläche der Allsetra-Plattform auf Laptop und Smartphone
Branche:
Fahrzeugortung und -sicherheit
Land:
Niederlande
Meine Rolle:
Leitung des Design-Teams

Überblick

Ich habe das Design-Team als Teamleiter geführt und die Ergebnisse vor der Übergabe an den Kunden freigegeben. Die Gestaltung selbst übernahm hauptsächlich meine Kollegin im Team.

Allsetra bietet eine umfassende Plattform für Fahrzeugortung und -sicherheit, über die Kunden und Administratoren gemeinsam arbeiten. In dieser Phase sollte die Plattform verbessert werden: Die Schwachstellen der Nutzer waren zu beheben, und es sollte getrennte Oberflächen für Kunden und Administratoren geben.

Aufgaben

  • Die bestehende Plattform analysieren und alle Schwachstellen der Nutzer finden
  • Zwei Plattformen für unterschiedliche Nutzergruppen schaffen: Kunden und Administratoren
  • Ein Portal für die Aktivierung von Abonnements gestalten
  • Ein Portal für den Diebstahlschutz von Fahrrädern gestalten
  • Die bestehende Kunden-App im Stil der Plattformen neu gestalten
  • Eine mobile App für die Geräteinstallation gestalten
  • Über alle Produkte hinweg konsistent bleiben

Vorgehen

Produktanalyse

Die bestehende Plattform wurde untersucht, um Probleme der Nutzer zu erkennen. Ziel war nicht nur ein frisches Design, sondern ein besseres Produkt, ohne die alten Fehler zu wiederholen.

Analyse der bestehenden Plattform

Grundelemente

Am Anfang stand ein Designsystem mit Farbsystem, Typografie und Basiskomponenten. Im Lauf des Projekts wuchs es mit den Anforderungen der Plattform.

Designsystem mit Farben, Typografie und Komponenten

Objektverwaltung

Nutzer verwalten alle ihre Objekte an einem Ort: Mit einem Klick sehen sie genaue Position und Messwerte, Details zum Objekt, den Fahrtverlauf, steuern Automatisierungen und erreichen weitere Funktionen.

Objektverwaltung mit Karte und Fahrtverlauf

Fahrten eines Objekts in der Liste

Automatisierte Berichte

Nutzer legen Berichtsparameter fest, planen Berichte und speichern sie in einem übersichtlichen Verlauf, alles an einer Stelle.

Berichte planen und im Verlauf speichern

Benachrichtigungen

Das Benachrichtigungssystem informiert über jede Aktivität an den eigenen Objekten. Meldungen sind nach Kategorien sortiert und enthalten alle Details, um schneller zu reagieren.

Benachrichtigungssystem der Plattform

Zwei Plattformen

Mit den Daten und Komponenten entstanden zwei getrennte Portale: Kunden- und Admin-Portal. Jedes hat ein eigenes Ziel und verbindet andere Nutzer.

Kunden-Portal mit Objektdetails und Karte

Admin-Portal mit Standortverlauf eines Objekts

Benutzerverwaltung

Nutzer verwalten Einstellungen und schützen wichtige Informationen effizient, ohne gedankliche Last und ohne unübersichtliche Dokumentation.

Gerätedetails im Admin-Portal

Alarmzentrale im Admin-Portal

Kontoverwaltung im Admin-Portal

Kunden-App

Im Stil der Plattformen wurde die App überarbeitet, mit besserer Nutzererfahrung und neuen Funktionen. Nutzer bekommen jede Änderung mit, jederzeit und überall.

Kunden-App vorher und nachher

Bildschirme der neuen Kunden-App

Installations-App

Eine mobile App verbindet das Gerät mit dem Fahrzeug und zeigt frühere Geräteinstallationen.

Installations-App

Zusätzliche Portale

Neben den zwei Hauptportalen entstand ein Aktivierungsportal, das das Abo des Geräts aktiviert, sowie zwei Dienste: Fietsgestolen.nl meldet einen Fahrraddiebstahl, Jouwfietsbeveiligen.nl aktiviert den Diebstahlschutz.

Aktivierungsportal für Abonnements

Portale für den Diebstahlschutz von Fahrrädern

White Label

Die Plattform lässt sich als White-Label-Lösung unter fremder Marke betreiben.

Ergebnis

In mehreren Arbeitsmonaten entstand ein SaaS-CRM aus zwei Plattformen. Web- und Mobile-Apps heben das Transportmanagement auf eine andere Stufe, mit Objektverwaltung, Benachrichtigungen, Echtzeit-Karten und automatisierten Berichten für Administratoren und Kunden.

Live-Website(öffnet in neuem Tab)

Weitere Projekte

  • Startseite von Next Ventures auf einem Laptop: dunkle Seite mit leuchtendem orangefarbenem Ring und der Überschrift „Investing at the convergence of health and care“

    Venture-Capital-Website (Next Ventures)

    Vom KI-Prototyp zur hochwertigen Webflow-Website für einen Venture-Capital-Fonds: dunkles Design, leuchtender Ring, CMS für Portfolio und Team.

    • Figma
    • Webflow
  • Startseite der Breef-Website auf Laptop und Smartphone, Suche nach der passenden Agentur

    Agentur-Marktplatz (Breef)

    Webflow-Umsetzung für eine Plattform, die Marken mit Agenturen verbindet. A/B-Test +12 % Conversion. Seit über 5 Jahren dabei.

    • Webflow

Ihre Website könnte das auch

Schicken Sie mir Ihre Seite. Ich zeige Ihnen in 48 Stunden, wo Anfragen verloren gehen. Ohne Kosten und ohne Verpflichtung.

Gespräch vereinbaren(öffnet in neuem Tab)hello@olexlebid.de

Gespräch vereinbaren