B2B-Webshop für ALGE-TIMING

Eine flexible Plattform für Vertriebspartner:innen gestalten

Mit Antiloop habe ich einen modularen B2B-Shopy und ein Verkaufstool gestaltet, mit dem die Vertriebspartner:innen von ALGE-TIMING komplexe Zeitmess-Lösungen einfach präsentieren, verkaufen und bestellen können.

3,000+

Produkte strukturiert und navigierbar

40

Länder über eine Plattform bedient

–81%

Fehlerquote bei Bestellungen nach dem Launch

Fakten

Auftraggeberin
ALGE-TIMING GmbH
Im Auftrag von Antiloop

Team
Wolfgang Alge
Alexander Hämmerle
Alexander Pöll
Florian Völker
Gerold Böhler
Hakan Emik
Emanuel Jochum

Meine Rolle
User Experience Strategy
User Experience Design
User Interface Design

Zeitraum
2022

Datenmanagement-Plattform
Pimcore

Industrie
Sport-Zeitmessung, B2B-Services

Challenge

ALGE-TIMING baut präzise elektronische Zeitmesssysteme für Sportveranstaltungen und -trainings – mit einem riesigen Produktportfolio: mehr als 3.000 Produkte, ausgeliefert über ein Netzwerk von über 60 Vertriebspartner:innen in 40 Ländern.

Der bisherige digitale Shop war jedoch unübersichtlich: Die Vertriebspartner:innen kämpften mit unklaren Produktstrukturen und zu vielen möglichen Kombinationen und Bestellungen mussten im Nachhinein oft manuell korrigiert werden. Auch für Vertrieb und Marketing gab es keine klare UX.

Gemeinsam mit ALGE-TIMING wollten wir einen schlanken, Mobile-First-B2B-Shop und ein Verkaufstool aufgebaut – mit einem starkem Datenfundament und einer UX, die auch in realen Verkaufsgesprächen funktioniert.

Die Startseite des Webshops dient als klarer Einstieg zu Produkten, Sportarten, Lösungen und Services und gibt den Vertriebspartner:innen einen schnellen Überblick.

Der Produktfinder-Flow zeigt, wie Nutzer:innen von der Startseite zur Produktübersicht gelangen, in die Details eintauchen und verschiedene Varianten vergleichen.

Vorgehen

Der Prozess begann mit gemeinsamen Workshops, um die gesamten Anforderungen abzubilden und zu strukturieren. Wir führten Interviews mit Vertriebspartner:innen, um zu erfahren, was sie im bisherigen Ablauf ausbremste, von fehlenden Spezifikationen bis zu unklarer Bestelllogik.

Auf dieser Basis entwickelten wir User Journeys für Stöbern, Angebotserstellung, Zusammenstellung von Bundles und Bestellung. Sitemaps und Priority Guides stellten sicher, dass die richtigen Informationen zuerst erscheinen. Das finale Design ist modular und responsiv, behält den technischen Charakter von ALGE-TIMING bei, macht ihn aber leicht und freundlich in der Nutzung – am Desktop wie am Smartphone.

Das Competitive Audit visualisiert, wie Branchenteilnehmer:innen ihre Websites strukturieren und liefert Benchmarks für Navigation und Produktpräsentation.

Diese Workshop-Übung definierte die Markenpersönlichkeit von ALGE-TIMING und übersetzt sie in klare Markenfilter, die alle Inhalts- und Designentscheidungen leiten.

Einige Fragen, die die Arbeit beeinflusst haben

Wie können Vertriebspartner:innen komplexe Produkt-Bundles einfach präsentieren?

Wir haben Produktgruppen und Bundles rund um reale Sportszenarien aufgebaut. So kann ein:e Vertriebspartner:in Kund:innen Schritt für Schritt durch die Optionen führen – vor Ort oder auf einer Messe – und den Shop als Live-Verkaufstool nutzen.

Wie lassen sich manuelle Nachbesserungen nach Bestellungen vermeiden?

Die neue Datenstruktur verbindet jedes Produkt, jedes Zubehörteil und jede Kombinationsmöglichkeit in einem sauberen System. Das bedeutet weniger Fehler bei Bestellungen und weniger Verwaltungsaufwand für das Support-Team von ALGE-TIMING.

Wie funktioniert der Shop auch als Marketingkanal?

aie Plattform ist Schaufenster, Lösungskonfigurator und Verkaufs­präsentations­tool zugleich. Vertriebspartner:innen können Spezifikationen teilen, Leads generieren und Bestellungen direkt aufgeben – alles in einem System.

Dieses Konzept der Hauptnavigation zeigt eine Version, die mit Vertriebspartner:innen getestet wurde, um zu prüfen, ob Kategorien und Pfade nachvollziehbar sind.

Die Priority Guides zeigen, wie wir das Design mit echten Inhalten zuerst kombiniert haben – mit Fokus auf klaren Mobile-First-Strukturen.

Die Produktübersichtsseite zeigt alle Produkte in einem aufgeräumten Raster – mit Filter- und Sortierfunktionen, die das Stöbern flüssig und effizient machen.

Der neue B2B-Shop leistet mehr als nur Bestellungen abzuwickeln. Er ist ein klares digitales Schaufenster für die Produktkompetenz von ALGE-TIMING und macht es Partner:innen leicht, Lösungen zu zeigen, zu konfigurieren und zu verkaufen.

Vertriebspartner:innen nutzen ihn heute als Katalog in Kund:innengesprächen, bei Vor-Ort-Demos oder auf Sportveranstaltungen – mit einer aufgeräumten Oberfläche, die auch auf dem Smartphone genauso gut funktioniert.

Das strukturierte Produktportfolio und die Bundles helfen, komplexe Lösungen einfach zu erklären, während der klare Bestellablauf keine manuelle Nacharbeit nach dem Checkout mehr bedeutet. Das gibt dem Team Freiraum für das, was wirklich zählt: Innovation und Service.

Obendrein unterstützt der Shop das Marketing direkt und hilft Vertriebs­partner:innen, neue Kund:innen zu erreichen und Lösungen souverän zu präsentieren – ohne zusätzlichen Aufwand.

Die mobilen Screens zeigen, wie einfach sich eine Bestellung Schritt für Schritt tätigen lässt – der Prozess bleibt kurz und klar für Vertriebspartner:innen, die wenig Zeit haben.

Der Flow zu den Lösungen einzelner Sportarten zeigt, wie Vertriebspartner:innen vom Hauptmenü zu Sportübersichten navigieren, in eine bestimmte Sportart einsteigen und passende Produktlösungen finden.

Der Bereich News & Events erscheint auf Mobile und Desktop einheitlich und hält die Vertriebspartner:innen auf dem Laufenden.

Mein Beitrag

• User Research

• UX-Konzept

• Informationsarchitektur

• Prototyping auf Basis von Priority Guides

• UI-Design

• Unterstützung bei Umsetzung und Feinschliff
  

Erwähnenswert

Wenn man technische B2B-Tools für eine bestimmte Gruppe von Menschen baut, ist Zuhören das Um und Auf. Der größte Gewinn war, ein komplexes Produktportfolio in ein einfaches, Mobile-First-Erlebnis zu verwandeln, das tägliche Verkaufsgespräche effizient unterstützt – weltweit.

Möchten Sie komplexe Produkte in einfache Tools verwandeln?

Simple is beautiful