Kundenprojekt · ALWA
Über 1.200 Werkstückträger-Clips, gefunden in Sekunden und angefragt mit einem Klick.
1.200+ Produkte
Das komplette smartPINS-Sortiment von ALWA als Web-Applikation: Kunden finden den passenden Clip über einen Finder, prüfen ihn an Maßskizze und drehbarem 3D-Modell und schicken ihre Anfrage direkt aus dem Produkt ab. Sie landet als E-Mail bei ALWA. Im Backend pflegt das Team denselben Katalog, gemeinsam und ohne Excel-Konflikte.
Live ansehen · produktkatalog.smart-pins.de
Die Idee
Das gesamte Sortiment stand in einer Excel-Tabelle. Für jede Angebotsanfrage mussten die passenden smartPINS darin von Hand nach Cliptyp, Aufnahmemaß und Befestigungsart gesucht werden, Zeile für Zeile. Und weil mehrere Mitarbeiter in derselben Datei arbeiteten, kam es immer wieder zu Konflikten zwischen den Versionen.
Jetzt ist der Katalog eine Web-Applikation für beide Seiten. Kunden finden ihren Clip selbst, sehen ihn als 3D-Modell und fragen ihn mit einem Klick an. Das Team arbeitet im Backend in derselben Liste. Jede Änderung ist sofort für alle sichtbar, und es gibt nur noch eine Version.
Sieben Typen von der Außenaufnahme bis zum Nestclip, jeder als 3D-Rendering. Wer die Bezeichnung nicht kennt, erkennt seinen Clip am Bild.
Aufnahmegröße und Toleranz eingeben, auf Wunsch auch die Befestigungsart. Dann zeigt der Finder alle passenden smartPINS. Im Beispiel 49 Treffer für 14,5 mm mit ±1 mm.
Ein Klick öffnet das Produkt mit Bild, Maßskizze und 3D-Modell. Daneben stehen Artikelnummer, Cliptyp und Maße bereits im Formular. Stückzahl und Kontaktdaten ergänzen, abschicken, und die Anfrage liegt als E-Mail bei ALWA.
Funktionen
Vom Finder bis zur Anfrage im Postfach, und dahinter ein Backend, in dem das Team den Katalog selbst pflegt.
3D-Ansicht
Zu jedem smartPIN gehören Produktbild, Maßskizze und ein 3D-Modell, das direkt im Browser läuft, ohne Plugin und ohne CAD-Programm. Wer unsicher ist, ob ein Clip zu seinem Werkstück passt, dreht ihn einfach in die richtige Ansicht.
smartPIN Finder & Filter
Der Finder fragt nur, was der Kunde ohnehin weiß: welcher Typ, welches Maß, wie viel Toleranz. Wer lieber selbst sucht, filtert die Produkttabelle nach Artikelnummer, Cliptyp, Aufnahmemaß, Toleranz und Befestigungsart.
Anfrage per E-Mail
„Anfrage hinzufügen“ öffnet das Produkt mit einem Formular daneben, in dem die Produktdaten schon stehen. Der Kunde ergänzt Stückzahl, Befestigungsart und seine Kontaktdaten. Abgeschickt kommt die Anfrage als E-Mail bei ALWA an, mit allen Angaben aus dem Formular. Für alles, was nicht im Katalog steht, gibt es ein allgemeines Anfrageformular mit Dateianhang.
Backend für das Team
Angemeldete Mitarbeiter sehen im Admin-Dashboard denselben Katalog wie die Kunden, nur mit Knöpfen zum Bearbeiten, Löschen und Hochladen des 3D-Modells. Gepflegt wird an einer Stelle, und jede Änderung ist sofort für alle sichtbar: für das Team genauso wie für die Kunden.
Import & Massenbearbeitung
Ganze Sortimente kommen per Bulk-Upload in den Katalog: eine Excel- oder CSV-Datei mit den Produktdaten, dazu Bilder, Skizzen und 3D-Modelle jeweils als ZIP. Alles wird geprüft, bevor etwas übernommen wird. Die Massenbearbeitung weist vielen Produkten in drei Schritten auf einmal Befestigungsarten zu.
Die Website auf Deutsch und Englisch, umschaltbar oben rechts in der Kopfzeile.
Auf dem Smartphone wird die Tabelle zu Produktkarten mit Bild, Maß und Anfrage-Knopf.
Jedes Produkt mit technischer Skizze und Bemaßung, auf Wunsch mit zweitem Aufnahmemaß.
Bajonett, Schnappfuß, Drahtfuß und Plattenfuß, mit Bild gepflegt und jedem Produkt zuordenbar.
Zeichnungen und Unterlagen direkt an die Anfrage hängen, als PDF, Word oder Bild bis 10 MB.
Ein Formular für alles: Maße, Bild, Skizze, Befestigungsarten und 3D-Modell.
Produkte und Befestigungsarten mit einem Klick sichern, herunterladen und wiederherstellen.
Die Website für Besucher vorübergehend abschalten, etwa für größere Arbeiten am Katalog.
… und noch viele weitere Features.
Technik
Der Katalog ist eine Next.js-Anwendung mit App Router, ausgeliefert über Vercel. Kunden und Team nutzen dieselbe Anwendung: die öffentliche Seite zeigt Finder, Katalog und Anfrage, nach der Anmeldung kommt das Admin-Dashboard dazu.
Produkte, Befestigungsarten und Konten liegen in Supabase mit Postgres-Datenbank, Anmeldung und einem Dateispeicher für Produktbilder, Skizzen und 3D-Modelle. Die Modelle sind GLB-Dateien und werden mit three.js und React Three Fiber direkt im Browser gerendert. Anfragen gehen als E-Mail an ALWA.
Ein Katalog, mit dem ein ganzes Team täglich arbeitet, muss vor allem verlässlich sein: Importe werden vor der Übernahme geprüft, Datenbestände lassen sich sichern und wiederherstellen, und ins Backend kommt nur, wer sich anmeldet.
Neugierig, was ich für dich bauen kann?