IT-Beschaffung ohne Kopfschmerzen

UX Tests

Navigationskonzept

Prototyping

Design System

Die Herausforderung

Beschaffung im B2B-Bereich gilt oft als verstaubt und unbequem. Das FinTech-Startup topi will das ändern und Unternehmen ermöglichen, IT-Equipment statt es zu kaufen einfach zu leasen.

Als Startup zählte für topi jede Woche: Nur wer schnell an den Markt geht, kann früh wirtschaftlich arbeiten und aus echten Nutzungsdaten lernen. Zugleich gab es zwar viele Ideen für die Plattform, aber noch keine Klarheit darüber, welche Bestandteile wirklich unverzichtbar waren und wie sich der komplette Beschaffungsprozess einfach und verständlich abbilden ließe.

Die Zielsetzung

Alpha-Version als erste Ausbaustufe

Als erster Schritt sollte eine Alpha-Version der Plattform entstehen — mit allen essenziellen Funktionen, aber ohne unnötigen Ballast. Parallel dazu sollte ein Fahrplan für kommende Ausbaustufen entstehen, damit topi nach dem Launch zielgerichtet weiterentwickeln kann.

Unser Ansatz

Nutzerzentriertes Design einer Mietplattform

Wir starteten mit Befragungen der künftigen Nutzer:innen — Mitarbeitende und Vorgesetzte im Einkauf — und leiteten daraus ab, welche Funktionen den größten Mehrwert stiften. Alles Wünschenswerte, aber nicht Dringende, wanderte auf eine priorisierte Liste für später.

Von der User Journey über die Informationsarchitektur bis zum finalen Prototyp entwickelten wir das Produkt in enger Abstimmung mit dem topi-Team. Besonderer Fokus lag auf der Preis-Übersicht, dem sensibelsten Punkt im gesamten Nutzungsablauf.

0 1

Anforderungen verstehen

Von der Idee zur klaren Struktur: Wir definierten Kernfunktionen für die erste Version aus Nutzersicht und erstellten eine User Journey vom Login bis zum Bezahlprozess.

Interviews mit Personen aus dem Einkauf

User Journey

Plattform-Struktur

0 2

Prototyp und Design

Eine Designsprache, die Vertrauen schafft: Wir entwickelten eine ausdrucksstarke, zugleich dezente Design-Sprache auf Basis der bestehenden Marke Wir testeten Konzepte und klickbare Prototypen.

Interaktive Prototypen

Frühe Nutzertests

Iterative Optimierung (v.a. des Preis-Moduls)

0 3

Design System und Übergabe

Damit topi selbstständig weiterbauen kann, übergaben wir ein schlankes Design-System mit den wichtigsten Interface-Bausteinen.

Design System

Agiler Feinschliff

Anleitung zur Anwendung und Erweiterung

"Wir hatten viele Ideen und wenig Zeit. Modulr hat dann mit konsequentem Fokus auf die wichtigsten Aspekte einen Prototypen entwickelt, der unsere Herausforderungen elegant löste, mit einer klaren Designsprache und einer intuitiv bedienbaren Oberfläche."

－ Charlotte Pallua, Mitgründerin und Geschäftsführerin der topi GmbH

Das Ergebnis

Marktreife Alpha-Version

Nutzer:innen, die den finalen Prototypen testeten, lobten vor allem die einfache Vergleichbarkeit zwischen Kauf und Leasing bei jedem Produkt sowie die klare Struktur und den schlanken, transparenten Bezahlprozess.

Für topi entstand damit nicht nur eine marktreife Alpha-Version, sondern auch ein Design-System und ein klarer Fahrplan, um die Plattform Schritt für Schritt weiter auszubauen.

Über topi

Hardware-Vermietung für Unternehmen

topi ist ein FinTech-Startup, das Unternehmen ein einfaches, transparentes Abo-Modell für das Leasing von IT-Equipment und anderer Hardware bietet — inklusive Versicherung. Von der Plattform profitieren beide Seiten: Unternehmen, die Hardware beschaffen wollen, und Händler, die dadurch leichter Zugang zu potenziellen Kund:innen erhalten.