Gesundheits-App
Produkt-UX
MV AgustaAutomobil · Website-Design für Händler
Dealer WorkspaceAutomobil · Digitales Produkt
Leistungen
Tools
Technologie-Stack
Leistungen
Tools
Technologie-Stack
Automobil · Website-Design für Händler
MV Agusta
Ein beauftragtes Website-Design für einen MV Agusta Händler, das später intern zu einem funktionsfähigen Showroom ausgebaut wurde. Das Erlebnis trägt den visuellen Charakter der Marke durch die Modellentdeckung, die Bestandsauswahl und den Kontakt zum Händler.
Automobil · Digitales Produkt
Dealer Workspace
Ein Arbeitsbereich für Motorradhändler, um Kunden zu antworten, Besuche zu vereinbaren und Verkäufe voranzubringen. E-Mail-, SMS- und Website-Gespräche laufen an einem Ort zusammen, mit klarer Kundenzuständigkeit und dem Motorrad sowie dem nächsten Schritt griffbereit.
Zwei Seiten des Händlerbetriebs
Die Website hilft Käufern, ein Motorrad zu finden und eine Anfrage zu stellen. Der Arbeitsbereich ist darauf ausgelegt, diesen Kontext in die tägliche Arbeit des Händlers zu übertragen. Diese Demos laufen getrennt voneinander; ihre Verbindung ist nicht live.
Das Briefing
Die redaktionelle visuelle Sprache der Marke auf die Website eines Händlers übertragen. Käufer sollten sehen, was verfügbar ist, die Details eines bestimmten Motorrads vergleichen und einen klaren nächsten Schritt beim Händler finden.
Warum dieses Produkt
Ein Käufer schreibt vielleicht per E-Mail wegen eines Motorrads, macht per SMS weiter und bittet dann um einen Besuch. Der Händler muss dieses Gespräch zusammenhalten, wissen, welcher Betreuer sich um den Kunden kümmert, und aus dem Interesse einen klaren nächsten Schritt machen. Unser Ziel war es, Antworten, Besuchsplanung und Nachverfolgung zu einem durchgängigen Ablauf zu machen.
Designentscheidungen
Ausgehend von einem bereitgestellten Struktur-Briefing haben wir den visuellen Stil, die Komposition, die Komponenten und Teile der Seitenreihenfolge überarbeitet. Großformatige Fotografie etabliert die Marke; Bestandskarten, Spezifikationen und direkte Aktionen unterstützen die Customer Journey beim Kauf.
Nach der Lieferung des Designs haben wir es selbst zu einer funktionsfähigen Website ausgebaut. Gemeinsame Seitenmuster tragen dieselbe Navigation, Modellpräsentation und Bestandsauswahl durch den gesamten Showroom.
Unsere Produktentscheidungen
Wir haben das Kundengespräch in den Mittelpunkt gestellt. Bei Nachrichten bleibt der Kanal sichtbar, und Mitarbeitende können am selben Ort wählen, wie sie antworten. Wir haben Gespräche mit dem Kundendatensatz verknüpft, in dem der zugewiesene Betreuer und die Wunschmotorräder klar erkennbar bleiben.
Wir haben das Gespräch mit dem Besuch verbunden: Mitarbeitende bieten Showroom-Zeiten an, und der Käufer wählt online aus. Deals und Aufgaben tragen die nächste Aktion weiter. Jedes Motorrad hat einen eigenen Bestandsdatensatz, und ein separater Veröffentlichungsschritt gibt dem Händler die Kontrolle darüber, was Käufer auf der Website sehen.
Unser Beitrag
Wir haben das UX/UI-Design und wiederverwendbare Komponenten geliefert und dann das Showroom-Frontend samt Animation als Studioprojekt entwickelt. Markenidentität und Motorradbilder stammen von MV Agusta.
Unser Beitrag
Wir haben die Produktausrichtung geprägt, die Beziehungen und Abläufe abgebildet, die erste Version Abschnitt für Abschnitt geprüft und das responsive Frontend gestaltet und entwickelt. Die Arbeit umfasst sowohl die sichtbare Oberfläche als auch die Regeln, die ihre Bereiche zusammenwirken lassen.
01 / Prioritäten des Händlers
Verfügbare Motorräder nah an den Eingang stellen.
Die Startseite bringt den Bestand direkt nach dem Eröffnungsbild. Zustand, Baujahr und Preis sind gemeinsam sichtbar, sodass sich die erste Entscheidung auf ein Motorrad beziehen kann, das der Händler tatsächlich anbietet.
Probefahrten und Service folgen als direkte Aktionen. Das sind die alltäglichen Gründe für einen Besuch beim Händler, und sie haben einen klaren Platz in der Seitenhierarchie.
02 / Modelle entdecken
Den nächsten Schritt direkt beim Modell halten.
Wir haben das Motorrad, die verfügbaren Ansichten, die wichtigsten Spezifikationen und „Bestand ansehen“ in einer einheitlichen Produktkarte zusammengeführt. Käufer können das Modell genau betrachten, während die praktischen Angaben an ihrem Platz bleiben.
„Bestand ansehen“ überträgt das ausgewählte Modell in den Bestandsfilter. So wird die ausdrucksstarke Modellseite mit den verfügbaren Motorrädern des Händlers verbunden.
03 / Bestandsauswahl
Jedem Motorrad seine eigenen Details geben.
Ein Bestandsinserat braucht mehr als einen Modellnamen. Wir haben Angebotspreis, Baujahr, Kilometerstand, Vorbesitzer und einen Teil der Fahrgestellnummer neben das Motorrad gesetzt, mit einer Aktion „Anfragen“.
Filter nach Familie, Modell und Zustand grenzen die Liste ein; die Sortierung unterstützt Preis- und Jahresvergleiche. Die gefilterte Ansicht behält ihre Auswahl in der URL, sodass sie geteilt werden kann. Der hier gezeigte Bestand besteht aus Beispieldaten.
04 / Visuelle Richtung
Die Marke durch den gesamten Kaufprozess tragen.
Großformatige Motorradbilder, kräftige Typografie und Hell-Dunkel-Kontraste machen den Showroom unverkennbar zu MV Agusta. Wir haben die Fotos der Marke in einer neuen Komposition und einem neuen Komponentensystem eingesetzt.
Die Modellseite gibt technischen Details einen eigenen visuellen Rhythmus: eine Nahaufnahme, eine klare Überschrift und eine kurze Erklärung. Die Animation folgt dieser Hierarchie, mit einem ausdrucksstarken Auftakt und ruhigeren Übergängen durch die Details.
01 / Kundengespräche
Dem Käufer von einem Ort aus antworten.
Ein Kunde kann auf der Website beginnen und per SMS weitermachen. Mitarbeitende müssen beim Antworten den bisherigen Austausch sehen, egal welchen Kanal der Käufer nutzt.
Wir haben Website-Anfragen, E-Mail und SMS in derselben Chat-Oberfläche zusammengeführt, wobei bei jeder Nachricht der Kanal angezeigt wird. In diesem Beispiel wechselt Carlos von der Website zu SMS; Mitarbeitende können neben dem Gesprächsverlauf antworten, mit dem betreffenden Motorrad darüber.
02 / Kundenzuständigkeit
Jeden Kunden bei seinem Betreuer halten.
Hinter einem gemeinsamen Kontakt zum Händler braucht es eine klare Zuständigkeit. Das Team kann einem Kunden einen Betreuer zuweisen und neben der nächsten Aktion sehen, wer die Beziehung betreut.
Wir haben diese Zuständigkeit mit dem Kundendatensatz verknüpft. Wenn Kontaktdaten einen bestehenden Kunden erkennen lassen, wird eine neue Anfrage mit diesem Datensatz verknüpft und behält den zugewiesenen Betreuer. Gespräche und Nachverfolgungsarbeit bleiben mit derselben Person verbunden.
03 / Vom Gespräch zum Besuch
Aus einer Nachricht einen gebuchten Besuch machen.
Eine Anfrage wie „Donnerstag nach der Arbeit“ sollte zu einem Besuch führen, den der Käufer online bestätigen kann. Wir haben vorgeschlagene Showroom-Zeiten in das Gespräch integriert, sodass Mitarbeitende den Besuch vereinbaren können, während die Anfrage vor ihnen liegt.
Der Käufer wählt eine Zeit, und diese Wahl wird zu einem Termin, der mit der Konversation verknüpft ist. In dieser Demo können Sie über die E-Mail-Vorschau den Teil des Ablaufs ausprobieren, der den Käufer betrifft.
04 / Dranbleiben
Den Verkauf nach der Antwort in Bewegung halten.
Nach einer Antwort oder einem gebuchten Besuch muss das Team weiterhin wissen, wie es weitergeht. Jeder Deal hält Käufer, das genaue Motorrad und die nächste Aktion zusammen.
Wir haben den nächsten Schritt zu einer Aufgabe gemacht, die sich Deal und Aufgabenliste teilen, mit einem Zuständigen und einem Fälligkeitsdatum. Die Ausgangsnachricht des Käufers kann angehängt bleiben, sodass die nachfassende Person sieht, was vereinbart wurde. Das Board hebt überfällige Schritte und Deals hervor, denen noch einer fehlt.
05 / Entscheidungen zum Bestand
Wissen, welche Motorräder einen genaueren Blick brauchen.
Zwei Motorräder desselben Modells können unterschiedliche Preise, Verfügbarkeiten und Standzeiten auf der Website haben. Sie zusammenzufassen würde die Details verbergen, die ein Händler für eine Entscheidung braucht.
Wir haben die einzelne Bestandseinheit zur Grundlage von Bestand und Berichten gemacht. Jedes Motorrad behält seine eigenen Aufrufe und Anfragen. Die Analyseansicht macht den Händler auf Muster wie viele Aufrufe ohne Anfragen aufmerksam, bereit für einen genaueren Blick.
06 / Kontrolle über die Website
Änderungen prüfen, bevor Käufer sie sehen.
Ein neuer Preis oder der Status „Reserviert“ verändert, was der Händler anbietet. Mitarbeitende brauchen die Möglichkeit, diese Änderungen gemeinsam zu prüfen.
Wir haben „Entwurf speichern“ von „Änderungen veröffentlichen“ getrennt. Ausstehende Änderungen bleiben Feld für Feld sichtbar, und die Veröffentlichung ist ein bewusster nächster Schritt. Neuigkeiten und CSV-Importe folgen derselben Regel.
Das Ergebnis
Ein geliefertes Design und ein funktionsfähiger Showroom.
Das beauftragte Design wurde geliefert. Später haben wir diesen 28-seitigen Showroom intern entwickelt, mit Modellseiten, Bestandsfiltern, Probefahrten und Service. Die gezeigte Version verwendet Beispielinhalte; ihre Formulare validieren Eingaben, ohne sie zu versenden.
Das Ergebnis
Ein funktionsfähiger Händler-Arbeitsbereich.
Eine funktionsfähige App für Desktop, Tablet und Smartphone, die Kundengespräche, Zuständigkeiten, Besuchsbuchungen und die Vertriebsnachverfolgung mit Bestands- und Website-Verwaltung verbindet. Erkunden Sie die Abläufe mit Beispieldaten; Ihre Änderungen bleiben in Ihrem Browser. Die Demo ist nicht mit der Händler-Website, E-Mail- oder SMS-Diensten verbunden.
