- McMaster-Carr ist ein Anbieter von Industriekomponenten und verkauft Muttern, Schrauben, Lager und mehr
- Wie kann so eine industrielle Website zum besten Shopping-Portal werden? Indem sie genau das tut, was nötig ist
- Minimalistisches Design, überwiegend in Graustufen, mit dezenten Akzenten in Grün und Gelb
- Keine Pop-ups, Animationen, Banner, Karussells oder Videos
- Das Ziel der Besucher ist es, das gewünschte Teil so schnell wie möglich zu finden. Die Website ist vollständig darauf ausgelegt
- Es ist kein Ort zum Stöbern, daher gibt es keine KI-Empfehlungsalgorithmen, keine hervorgehobenen Produkte und keine Vorstellungen neuer Produkte
- Wenn man zum Beispiel nach „bolt“ sucht
bolt in das Suchfeld eingeben- McMaster zeigt einige Unterkategorien an, etwa nach Form wie
hex head, socket head oder set screws. Man wählt Socket Head
- In der linken Navigationsleiste werden mehrere Filteroptionen angezeigt. Schrauben werden üblicherweise nach Gewindegröße (
Thread Size) und Länge klassifiziert. Ich suche nach einer 1/4"-20 x 1"-Schraube (also 1/4" Durchmesser und 1" Länge)
- Daneben gibt es weitere Filter wie Material/Festigkeit/Kopfgröße usw. Sobald man Filter auswählt, zeigt die Hauptansicht direkt die einzelnen Artikel an, nicht nur Unterkategorien
- Die Suchoberfläche von McMaster ist wirklich hervorragend. Jede Funktion auf dieser Seite ist darauf ausgelegt, das gewünschte Teil möglichst schnell zu finden
- Der Filterbereich ist einfach und elegant und zeigt bei Bedarf Illustrationen, die den Aufbau erklären
- Die Illustrationen sind auf die relevanten Informationen reduziert und lenken bei der Suche nicht ab
- Auch die Ergebnisseite bietet hilfreiche Dropdowns, die die gesuchten Teile erläutern
- Es ist fast so, als würde man ein Ingenieurhandbuch und einen Katalog in einem bekommen
- Ingenieure suchen solche Begriffe oft direkt, und diese Informationen sparen dadurch wertvolle Zeit
- Die Filter von McMaster sind nicht nur für die gezielte Suche nützlich, sondern helfen auch dabei zu entscheiden, was man eigentlich braucht
- Manchmal suche ich nur mit einer groben Vorstellung des benötigten Teils, und dann helfen die Beschreibungen der Unterkategorien dabei, die Details festzulegen
- Zum Beispiel weiß ich, dass ich eine
Lock Washer brauche, aber nicht, welche die richtige ist. Dann kann ich anhand von Bild und Beschreibung entscheiden
- McMaster kann eine so intuitive Suche anbieten, weil alles, was dort verkauft wird, über Spezifikationen definiert ist
- Es gibt keinerlei Fokus auf Marken, Produktfotos oder Marketing
- Trotzdem bietet die Website deutlich bessere Funktionen als Seiten wie Grainger, DigiKey oder Home Depot
- Im Vergleich dazu ist Amazon beim Filtern von Artikeln wirklich schlecht
- Natürlich hat Amazon viel mehr Produkte, was die Aufgabe schwieriger macht, aber schon grundlegende Suchfunktionen wie der Preis sind ziemlich schwach
- Die Preiswahl bei Amazon besteht aus zwei Textfeldern. Warum nicht einfach ein Slider?
- Außerdem sind die Preisoptionen unabhängig vom Produkt immer gleich, egal ob man nach einem sehr günstigen Stift oder einem teuren Trampolin sucht
- Einer der großen Vorteile von McMaster ist, dass für fast alle Teile CAD-Dateien bereitstehen, die man herunterladen und in ein 3D-Modell einfügen kann
- McMaster bietet außerdem Erweiterungen für bekannte CAD-Programme, sodass sich die Dateien direkt importieren lassen,
dadurch wird das Leben von Ingenieuren mehr als 10x einfacher (und natürlich führt das auch zu vielen Käufen bei McMaster)
- McMaster - https://www.mcmaster.com/ ist fast perfekt. Die Suchleiste könnte etwas auffälliger sein, aber …
- McMaster ist ein "Service, der seine Nutzer versteht"
8 Kommentare
Dazu trägt auch bei, dass die Seite detaillierte Daten zum Design bereitstellt.
Bei gewöhnlichen Online-Shops bekommt man oft nicht einmal auf der Produktdetailseite die Informationen, die man haben möchte.
Ich teile den Link für alle, die ihn vielleicht gebrauchen können; offenbar gibt es die Seite schon seit Jahrzehnten. Vor 20 Jahren sollen sie sogar einen gedruckten Katalog in doppelter Dicke eines Telefonbuchs herausgegeben haben..!
Es ist auch erfrischend, dass die mobile Website gar nicht unterstützt wird und stattdessen zum Download der App weitergeleitet wird.
Oh? Wenn ich es auf dem iPhone öffne, wird mir „In App Clip öffnen“ angezeigt, und wenn ich darauf tippe, startet der App Clip ohne App-Installationsprozess! Ich kannte App Clips bisher nur aus den WWDC-Videos, aber das ist meine erste echte App-Clip-Erfahrung, und der Übergang fühlt sich unglaublich nahtlos an.
Oh, bei mir war es schon installiert, deshalb wusste ich das nicht – offenbar haben sie auch das umgesetzt.
Die mobile App ist auch ziemlich gut gemacht. Es macht einfach Spaß, darin herumzustöbern, haha.
Eine gute Referenz, an der man sich orientieren kann, wenn man einen auf eine bestimmte Domäne spezialisierten Online-Shop entwickelt.
Es gibt so viele Kategorien, und trotzdem ist alles sauber und ohne Ballast; es gibt keine unnötigen Ressourcenfresser.
Die ruhigen Illustrationen in einheitlichem Ton sind angenehm anzusehen, und auch für den Fall „Wie hieß das Ding noch mal?“ wirkt die UX nützlich.
Fühlt sich an, als wäre sie den Grundlagen treu geblieben, haha