SMILODOX: Shopify-Plus-Relaunch für B2C und B2B.

In zwei Monaten vom bestehenden Setup zum neuen Shopify-Plus-Store - mit geschärfter Marke, klaren Seiten-Frameworks und einer technischen Basis für B2C und B2B.

Schwarz-Weiss-Aufnahme: Frau und Mann in Sportkleidung stehen vor einer Betontreppe

Kunde: SMILODOX
Branche: Sportswear & Fitness
Plattform: Shopify Plus
Zusammenarbeit: Relaunch & Weiterentwicklung

Ein Relaunch, der Marke, Experience und Technik zusammenführt.

SMILODOX wollte den Store nicht nur neu gestalten, sondern B2C und B2B auf eine gemeinsame, wartbare Grundlage bringen. Dafür haben wir Team und Arbeitsweise neu aufgesetzt, die Marke für den digitalen Store konkretisiert und den gesamten Weg von der Analyse bis zum Launch übernommen.

Erst verstehen, dann gestalten.

Zu Beginn haben wir den bestehenden Store, die Nutzerwege, den App-Stack und die Anforderungen beider Vertriebskanäle geprüft. Gemeinsam wurde festgelegt, wohin sich Marke und Store entwickeln sollen - und welche Funktionen dafür wirklich gebraucht werden.

Bestandsanalyse von Store, Seitenstruktur und bestehenden Nutzerwegen
App-Audit mit Bewertung von Nutzen, Überschneidungen und technischer Relevanz
Gemeinsames Zielbild für B2C, B2B und die zukünftige Pflege des Stores
Priorisierung der Kernseiten und Anforderungen für den Relaunch

Vom Design Workshop zu belastbaren Seiten-Frameworks.

Im Design Workshop wurden Brand Guidelines und Brand Layers für den Store erarbeitet. Darauf aufbauend haben wir in Figma die zentralen Seitentypen geframeworkt - mit klarer Hierarchie, wiederverwendbaren Modulen und einem konsistenten Zusammenspiel von Marke, Sortiment und Conversion.

Brand Guidelines
Visuelle und inhaltliche Leitplanken für einen konsistenten digitalen Markenauftritt.
Brand Layers
Definierte Ebenen für Kampagne, Kategorie, Produkt und B2B-Kommunikation.
Homepage
Modulares Framework für Markenwelt, Sortiment, Kampagnen und Einstiege.
Collection Page
Produktorientierte Struktur für Orientierung, Merchandising und schnelles Scannen.
Produktseite
Klare Kaufentscheidung durch Varianten, Produktinformationen und visuelle Führung.
B2B-Bereich
Eigener Rahmen für Geschäftskunden, ohne ein zweites Designsystem aufzubauen.

Das passende Theme als Basis - gezielt für SMILODOX entwickelt.

Nach dem Design wurde ein Theme ausgewählt, das die geplanten Module sinnvoll trägt. Anschließend haben wir die Figma-Frameworks in Shopify Plus umgesetzt, den bereinigten App-Stack eingebunden und die Kernseiten für Desktop und Mobile entwickelt.

Theme-Auswahl
Bewertung nach Flexibilität, Pflege, Performance und Passung zu den geplanten Modulen.
Store-Entwicklung
Umsetzung der Homepage, Collection Pages, Produktseiten und des B2B-Bereichs auf Shopify Plus.
Qualität & Page Speed
Responsive QA, Prüfung der Kernflows und technische Optimierung vor dem Launch.
Go-live
Finale Abnahme, kontrollierter Launch und Übergabe des neuen Stores an das SMILODOX-Team.

Ein neuer Shopify-Plus-Store, bereit für den Alltag nach dem Launch.

Der neue SMILODOX Store ging auf Shopify Plus live. Entstanden ist kein isoliertes Redesign, sondern ein durchgängiges System aus Marke, Seiten-Frameworks und Shopify-Komponenten, das B2C und B2B gemeinsam abbildet und vom internen Team weitergeführt werden kann.

SMILODOX Collection Page auf Shopify Plus

Unsere Arbeit im Detail.

Markenarbeit in wiederverwendbare Shop-Bausteine übersetzen.

Bei SMILODOX begann NICCOS mit dem bestehenden Store, den Nutzerwegen, dem App-Stack und den Anforderungen aus B2C und B2B. Im Design-Workshop wurden daraus Leitplanken für den digitalen Markenauftritt und die unterschiedlichen Inhaltsebenen entwickelt.

In Figma entstanden anschließend die Strukturen für Startseite, Kategorien, Produktseiten und den Geschäftskundenbereich. Die gemeinsame Gestaltung sollte unterschiedliche Kaufanlässe tragen können, ohne für jeden Bereich eine neue visuelle Sprache einzuführen.

Vom Design bis zur nutzbaren Shopify-Oberfläche arbeiten.

Das Theme wurde nach der Passung zu den geplanten Modulen ausgewählt. NICCOS setzte die Seitenstrukturen auf Shopify Plus um, band den bereinigten App-Stack ein und entwickelte die Kernseiten für Desktop und Smartphone.

Zur Vorbereitung des Launches gehörten responsive Prüfungen, die Kernabläufe und technische Optimierung. Der Händler erhielt damit ein zusammenhängendes System aus Markenleitplanken, Seitenaufbau und Shopify-Komponenten. B2C und B2B werden auf einer gemeinsamen gestalterischen Grundlage weitergeführt.