Shopify Shop mit Produktkonfigurator für Sicht und Sonnenschutz nach Maß
Wie gelingt es einem Anbieter für Rollläden, Plissés und Jalousien, den Schritt zum eigenen Online Shop zu gehen und komplexe Maßkonfigurationen so verständlich abzubilden, dass keine Rückfragen entstehen. In dieser Fallstudie zeigen wir, wie wir vorgegangen sind. Wir beschreiben, wie Design, Informationsarchitektur und Shopify Implementierung zusammenwirken, damit aus individuellen Maßen eine klare Bestellung wird.
Unser Kunde
Lasott verkauft Sicht- und Sonnenschutzlösungen und viele dazu noch nach Maß. Ziel der kompletten Neuerstellung war ein optisch ansprechender Shop, der sich klar von Marktplätzen und Standardlösungen abhebt und die individuelle Konfiguration direkt im Shop ermöglicht.
Die Ausgangssituation
Vor dem Projekt war unklar, wie sich komplexe Maßkonfigurationen online so abbilden lassen, dass Nutzer ohne Rückfragen die richtigen Optionen wählen. Der Customizer musste praxisnah sein, eindeutig verständlich sein und sich nahtlos in die Shopify Logik integrieren lassen. Gleichzeitig sollte der Shop die Alleinstellung durch Maßanfertigung visuell und funktional erlebbar machen.
- Eindeutige und fehlerarme Konfiguration für unterschiedliche Produktarten.
- Variantenlogik und Abhängigkeiten in der Shopify Architektur modellieren, inklusive Metafelder und Line Item Properties.
- Konsistentes UI für viele Optionen und Zustände ohne kognitive Überlastung.
- Suchmaschinenfreundliche Informationsarchitektur trotz konfigurationslastiger Produktseiten.
Unser Lösungsansatz
Wir entwickelten einen neuen Shopify Shop mit klarer Seitenstruktur, konsistentem UI Design und einem modularen Customizer für Rollläden, Plissés und Jalousien. Die Lösung kombiniert eine Schritt für Schritt Führung, kontextsensitive Optionen, Validierungen in Echtzeit sowie eine saubere Datenstruktur auf Basis von Metafeldern und Line Item Properties. Ziel war eine eigenständige Markenwahrnehmung, eine reibungslose Bestellung und weniger Beratungsaufwand.
-
Design
Entwicklung eines konsistenten UI Systems mit klarer Typografie und wiederverwendbaren Komponenten, Definition der Zustände für jede Konfigurationsstufe sowie Konzeption von Mikrointeraktionen für Rückmeldungen und Fehlerprävention.
-
Customizer Konzeption
Festlegung der Parameter je Produktart wie Breite, Höhe, Bedienseite, Kettenlänge und Montageort, Modellierung der Abhängigkeiten und Validierungen für eine fehlerarme Konfiguration.
-
Umsetzung
Implementierung des Shopify Themes mit Abschnitten und Blöcken, Einsatz von Metafeldern und Line Item Properties zur Übergabe aller Konfigurationsdaten an Warenkorb und Checkout.
-
Integration
Einrichtung von Zahlungsanbietern, Versandzonen und Steuereinstellungen, Anbindung notwendiger Apps sowie Umsetzung eines datenschutzkonformen Trackings.
Kategorien im Blick für den schnellen Einstieg
Die Startseite präsentiert die wichtigsten Kategorien auf einen Blick und führt Nutzerinnen und Nutzer mit klaren Kacheln direkt in die Konfiguration. Das Titelmodul greift den Nutzen der Maßarbeit auf, während die Kategorie-Teaser auf Smartphone kompakt und auf Tablet sowie Desktop als erweiterte Rasterübersicht erscheinen. So bleiben Markenbotschaft und Nutzerführung konsistent, Interaktionsflächen sind gut erreichbar und der Einstieg in den Kaufprozess gelingt ohne Umwege.
Highlights des neuen Shops
- Der Produktkonfigurator führt Kundinnen und Kunden Schritt für Schritt durch alle relevanten Optionen. Länge, Breite, Höhe, Bedienseite, Kettenlänge und Montageort werden kontextbezogen abgefragt, damit nur sinnvolle Kombinationen möglich sind und die Bestellung ohne Rückfragen gelingt.
- Die Informationsarchitektur ist suchmaschinenfreundlich, obwohl das Shopify Variantenlimit umgangen wird.
- Ein konsistentes Designsystem sorgt für schnelle Orientierung, wiederverwendbare Komponenten schaffen ein einheitliches Erscheinungsbild.
- Komprimierte Medien und schlanke Skripte verkürzen Ladezeiten, die Interaktion bleibt auch bei komplexen Konfigurationen flüssig.
- Der Checkout profitiert von validierten Eingaben aus dem Konfigurator. Alle gewählten Parameter werden vollständig und verständlich in den Warenkorb übernommen
Ergebnisse und Auswirkungen
Der Shopify Shop mit integriertem Customizer ist vollständig einsatzbereit und bildet die Maßlogik transparent bis in den Warenkorb ab. Der Betreiber kann Produkte unabhängig vertreiben, Konfigurationen ohne Rückfragen entgegennehmen und das Sortiment eigenständig erweitern, sodass der Shop als eigenständiger Vertriebskanal neben Marktplätzen funktioniert
