Wie im Geschäft, nur hinter dem Login.
Konzeption und Gestaltung für einen B2B-Ausstatter — auf dem Stil der alten Website weitergebaut, komplett aus der Ferne.
Die Ausgangslage
Der Shop sollte verkaufen und dabei beraten. Das zweite war die schwierigere Hälfte.
Bäckereibedarf Handel stattet Bäckereien, Metzgereien und Handwerksbetriebe aus — seit über dreißig Jahren. Sieben Sortimentsbereiche, von Backtechnik über Verpackung bis zu Arbeitskleidung. Verkauft wird ausschließlich an Betriebe: Der Shop liegt vollständig hinter einer Anmeldung.
Der Umzug ging auf Shopware, und der Stil der alten Website sollte mitkommen. Es gab einen Styleguide, und der war die Grundlage — nicht der Ausgangspunkt für etwas Neues. Farbwelt, Schrift und Bildsprache standen also, bevor die erste Seite gezeichnet wurde.
Der Wunsch, der die Arbeit dann bestimmt hat, kam von den Produktseiten. Sie sollten sich weniger nach Katalog anfühlen und mehr nach einem Geschäft, in dem jemand danebensteht und erklärt. Bei einer Kühlanlage für viertausend Euro ist das etwas anderes als bei einer Arbeitshose — beides liegt im selben Shop.
Was ich beigetragen habe
Konzeption und Gestaltung, eng mit der Entwicklung abgestimmt. Alles aus der Ferne.
- Rolle
Konzeption und Gestaltung — Wireframes und gestaltete Fassung
- Zeitraum
2026
- Zusammenarbeit
eng mit der Entwicklung, vollständig remote
- Methoden
Der Weg dorthin
Fünf Schritte. Der letzte ist noch nicht fertig.
-
.01
Den vorhandenen Stil übernehmen
Die alte Website hatte einen Styleguide, und der sollte bleiben. Das nimmt Entscheidungen ab und schränkt gleichzeitig ein: Die Frage war nicht, wie der Shop aussehen könnte, sondern wie dieser Stil sich auf Seitentypen überträgt, die es vorher nicht gab.
-
.02
Erst grau
Jeder Seitentyp entstand zuerst als Wireframe. Bei einem Sortiment dieser Breite zeigt sich früh, ob eine Struktur trägt, und in Graustufen ging das schneller als am fertigen Entwurf.
-
.03
Sieben Bereiche gleichrangig
Technik & Produktion, Ausstattung, IT & Sicherheit, Gastronomie, Verpackung & Hygiene, Arbeitsschutz & Textilien, Logistik. Die Bereiche stehen nebeneinander, statt eine Hauptkategorie zu bevorzugen — ein Bäckereibetrieb kauft heute Backtechnik und nächste Woche Arbeitskleidung.
-
.04
Beratung an Ort und Stelle
Ein Beratungsblock mit Foto und Kontaktschaltfläche steht nicht nur im Fußbereich, sondern in der Kategorieleiste und neben dem Produkt. Dazu die Möglichkeit, ein Produkt anzufragen statt es nur in den Warenkorb zu legen. Ob das reicht, damit es sich nach Beratung anfühlt, weiß ich nicht — es war der Versuch.
-
.05
Die Produktseite als letztes
Sie kam zum Schluss, weil an ihr am meisten hängt: Varianten, technische Daten, das Gerät zusammen mit fünf Jahren Garantie und fünf Jahren Wartung, Downloads, ähnliche Produkte. Erst als die anderen Seiten standen, war klar, welche Bausteine sie mitbringen konnte.
Aus der Arbeit
Wireframe und gestaltete Fassung, gemischt. Zum Vergrößern anklicken.
-
Wireframe der Startseite — angemeldeter Zustand, mehrere Merklisten, Warenkorbwert im Kopf · vergrößern -
Dieselbe Seite gestaltet, im Stil der alten Website — sieben Bereiche gleichrangig · vergrößern -
Anmeldung — gefragt wird nach dem Geschäftsnamen, geduzt wird trotzdem · vergrößern -
Kategorie — Filter, Warengruppenbaum, Listenpreis, und links unten der Beratungsblock · vergrößern -
Produktseite, bisher nur als Wireframe — Beratung neben dem Preis, Gerät plus Garantie plus Wartung · vergrößern
Was daraus wurde
Ein vollständiger Entwurfsstand — was danach kam, weiß ich nicht.
Zu jedem Seitentyp liegt inzwischen neben dem Wireframe auch die gestaltete Fassung vor, einschließlich der Produktseite — der Seite, um die es beim Storytelling ging. Was nach der Übergabe passiert ist, kann ich nicht belegen; deshalb steht in dieser Fallstudie auch keine Wirkung.
Der Beratungsgedanke hat sich am ehesten dort niedergeschlagen, wo man ihn nicht zuerst sucht: in der Kategorieleiste, neben den Filtern. Ein Block mit Gesicht und Kontaktschaltfläche, mitten im Sortiment statt am Seitenende. Dieselbe Idee steht neben dem Preis auf der Produktseite, zusammen mit der Möglichkeit, ein Gerät anzufragen statt es zu bestellen.
Das Projekt lief vollständig aus der Ferne. Gestört hat mich das wenig: Es ist ungefähr so, wie mit einem Kollegen im Homeoffice zu sprechen. Bei Hundebedarf bin ich damals ins Lager gefahren und habe erst dort verstanden, wie Ware bewegt wird. Hier gab es das nicht — was die Betriebe tatsächlich brauchen, kam aus zweiter Hand, über die Abstimmung mit der Entwicklung und dem Kunden. Ob ich mit einem Besuch andere Seiten gezeichnet hätte, kann ich nicht sagen. Auffällig finde ich es trotzdem.
- Sortimentsbereiche
- 7gleichrangig, keine Hauptkategorie
- Gestaltet
- vollständigzu jedem Wireframe eine gestaltete Fassung
- Zugang
- LoginGeschäftsname statt Privatkonto
So erreichst du mich
Fragen zu meiner Arbeit beantworte ich gern — eine Mail genügt.