Wie man einen Shopify-Store für Fashion-Brands designt

Key Takeaways

• Ein gutes Shopify-Store Fashion-Design beantwortet die zwei Fragen, die ein Käufer nicht über einen Bildschirm klären kann: Passt es, und sieht es so aus und bewegt es sich wie auf den Fotos?
• Bringe Passform-Infos auf die Produktseite: eine Größentabelle pro Produkttyp, die Größe des Models und die getragene Größe, Stoff- und Stretch-Hinweise, alles gespeichert als Metafelder.
• Shopify erlaubt drei Optionen und 2.048 Varianten pro Produkt, und jede Variante kann ein zugewiesenes Bild haben, also brauchen Colorway-Galerien einen Plan.
• Steuere das Filtern nach Stoff, Passform und Anlass über Metafelder durch Search & Discovery und baue Lookbooks als Landingpages.
• Führe Drops mit echtem Bestand und echten Daten durch und fange die Back-in-Stock-Nachfrage für jede ausverkaufte Größe ab.

Shopify-Store Fashion-Design ist ein Kampf gegen zwei Lücken: Der Käufer kann das Kleidungsstück nicht anprobieren und den Stoff nicht fühlen. Jede wichtige Entscheidung bei einer Fashion-Storefront schließt eine dieser beiden Lücken.

Machst du das falsch, zahlst du doppelt: einmal durch einen verlorenen Verkauf und einmal durch eine Retoure. Die NRF und Happy Returns schätzen, dass 19,3 % der Online-Käufe im Jahr 2025 retourniert werden, und Bekleidung liegt am schwierigen Ende dieser Kurve, weil die Passform eher geraten als gewusst wird.¹

Dieser Guide behandelt den Aufbau. Wenn du zuerst visuelle Referenzpunkte suchst, sieh dir unsere Zusammenfassung der besten Shopify Fashion- und Bekleidungs-Stores an und komm dann hierher zurück, um zu sehen, wie diese Storefronts eigentlich zusammengebaut werden.

Warum du uns vertrauen kannst

Wir sind seit über vier Jahren im Shopify-Bereich tätig und haben mit hunderten von Shopify-Brands an ihren Storefronts gearbeitet, einschließlich Bekleidungsmarken – von Single-Designer-Labels bis hin zu etablierten DTC-Namen. Wir entwickeln Fudge, einen AI-Storefront-Editor mit einer 4.9-Bewertung im Shopify App Store und dem Status „Built for Shopify“. Wir arbeiten also auf derselben Theme-Ebene, auf der diese Entscheidungen getroffen werden.

Warum das Design von Fashion-Stores schwieriger ist als bei den meisten Kategorien

Bekleidung sieht nach einer leicht zu vermarktenden Kategorie aus. Das ist sie aus vier Gründen nicht:

• Passform. Es gibt keine universelle Größe. Das M einer Marke ist das L einer anderen, und oft ist das M eines Styles das L eines anderen Styles innerhalb derselben Marke.
• Stoff. Gewicht, Stretch, Textur und Fall sind das Produkt, und nichts davon lässt sich durch ein starres Foto perfekt vermitteln.
• Farbe. Ein Käufer, der sich zwischen fünf Colorways eines Hemdes entscheidet, vertraut darauf, dass deine Fotografie bei allen fünf ehrlich ist.
• Wechsel (Churn). Saisonale Drops und ungleichmäßige Abverkäufe führen dazu, dass der Katalog nie stabil ist. Ein Produkt, bei dem noch vier von zehn Größen übrig sind, ist der Normalzustand, nicht die Ausnahme.

Die Passform ist der teure Faktor. Käufer, die dieses Problem nicht lösen können, brechen den Kauf entweder ab oder bestellen zwei Größen und schicken eine zurück – das „Bracketing“-Verhalten, das Händler heute als echten Kostenfaktor betrachten.¹

Alles im Folgenden beantwortet eine dieser vier Lücken.

Passform-Content: der Conversion-Killer, gelöst auf der Seite

Die meisten auf einer Produktseite verlorenen Fashion-Verkäufe scheitern an der Unsicherheit über die Größe. Die Lösung ist nicht eine einzige Größentabelle im Footer. Es ist ein mehrschichtiges Set an Passform-Antworten direkt neben der Größenauswahl.

Größentabellen pro Produkttyp, nicht eine globale Tabelle

Eine einzige „Size Guide“-Seite, die alles von Denim bis Outerwear abdeckt, hilft niemandem. Baue eine Tabelle pro Produkttyp: Oberteile, Hosen, Kleider, Outerwear, Schuhe – jede mit eigenen Maßangaben.

Zwei Regeln machen Tabellen nützlich:

• Gib die Maße des Kleidungsstücks an, nicht nur Körpermaße. Achsel zu Achsel, Bundweite, Innenbeinlänge und Gesamtlänge in Zentimetern und Zoll lassen den Käufer das Stück mit einem bereits vorhandenen vergleichen. Das ist die zuverlässigste Methode zur Größenbestimmung, die es gibt.
• Trenne Tabellen nach Passform. Ein Oversized-Tee und ein Slim-Tee derselben Marke sollten sich keine Tabelle teilen. Wenn ein Style klein ausfällt, schreib es als Text auf die Seite: „Fällt klein aus, nimm eine Größe größer“.

Speichere die Tabellendaten als strukturierten Content statt als Screenshot: Ein Metaobjekt pro Produkttyp, das die Zeilen enthält und von jedem Produkt über ein Metafeld referenziert wird. Ein einziger Edit aktualisiert dann jedes Produkt dieses Typs, und die Tabelle wird als echter Text gerendert, den ein Käufer auch auf dem Smartphone gut lesen kann.

Passform-Hinweise neben der Buy-Box

Die wertvollste Textzeile auf einer Fashion-Produktseite ist die Referenz zum Model: „Model ist 185 cm groß und trägt Größe M“. Sie macht aus einer abstrakten Tabelle einen menschlichen Anker.

Füge einen kurzen Passform-Block hinzu: Fit-Typ (Slim, Regular, Relaxed, Oversized), Stoffzusammensetzung und Gewicht, Stretch (kein, leicht, 4-Way) und Pflegehinweise. Jedes davon ist ein Metafeld, sodass der Block im gesamten Katalog identisch gerendert wird und nie neu abgetippt werden muss.

Quizzes für Größenempfehlungen

Für Kategorien, in denen die Größenabweichung markenübergreifend groß ist – Denim, BHs, Anzüge, Bademode –, leitet ein kurzes Quiz, das nach Größe, Gewicht und der bei einer bekannten Marke getragenen Größe fragt, den Käufer zu einer Empfehlung, bevor Zweifel aufkommen. Wir behandeln die Mechanik, das Fragendesign und die Tools in unserem Shopify Quiz Funnel Guide.

Passform-Feedback aus Bewertungen

Eine „Fällt klein aus / Passgenau / Fällt groß aus“-Skala im Bewertungsformular macht aus jedem bisherigen Kunden Passform-Daten. Zeige den Durchschnitt neben der Größenauswahl an, denn „87 % sagen passgenau“ beantwortet die Frage schneller als jede Tabelle.

Wir werden keine genaue Zahl nennen, wie sehr guter Passform-Content Retouren reduziert, denn die ehrliche Antwort ist, dass es von der Kategorie und der Ausgangslage abhängt. Die Richtung steht jedoch außer Frage: Da der dokumentierte Hauptgrund für Retouren in der Bekleidungsbranche die Passform ist, beseitigt jede auf der Seite platzierte Passform-Antwort einen Grund für das Bracketing.

Bilder: Fall, Farbe und Details

Behandle das Medien-Set als Beweis, nicht als Dekoration. Jede Art von Aufnahme beantwortet eine andere Frage.

On-Model-Shots klären Proportionen und Fall. Fotografiere jeden Style an einem Model und gib die Maße des Models beim Bild an. Dasselbe Kleidungsstück an zwei oder drei verschiedenen Körpern und Größen zu fotografieren, ist nützlicher als fünf Blickwinkel an einem einzigen Model.

Flatlays klären Verarbeitung und Farbtreue. Ein Flatlay auf neutralem Grund ist das unvorteilhafteste und ehrlichste Foto im Set – und genau deshalb gehört es dorthin.

Detailaufnahmen klären die Qualität. Stofftextur aus nächster Nähe, Nähte, Hardware, die Innenseite des Kragens. Das sind die Bilder, die einen Preisunterschied rechtfertigen, den keine Weitwinkelaufnahme erklären kann.

Videos zeigen die Bewegung. Wie ein Stoff fällt, sieht man erst in Bewegung, also leisten ein paar Sekunden Gehen oder Drehen das, was kein Standbild kann. Shopify hostet Videos direkt auf dem Produkt, akzeptiert Uploads bis zu 10 Minuten, 1 GB und 4K und liefert dann MP4 oder HLS aus.² Halte es kurz und lass es niemals als erstes Medium automatisch abspielen – verwende ein Poster-Frame.

Colorway-Genauigkeit

Fotografiere jeden Colorway separat, anstatt ein Master-Foto in der Postproduktion umzufärben. Umgefärbte Bilder sind die häufigste Ursache für „Nicht wie abgebildet“-Retouren bei Bekleidung, und sie sind selbst verschuldet.

Fotografiere mit einer Farbreferenzkarte im Bild, exportiere sRGB mit eingebettetem Profil und benenne Farben in Worten auf der Seite: „Washed Indigo“, nicht nur als reines Farbfeld (Swatch).

Das Medien-Budget

Shopify erlaubt bis zu 250 Medieninhalte pro Produkt, Bilder bis zu 5000 x 5000 px und 20 MB.³ Das klingt unbegrenzt, bis man rechnet: fünf Colorways mal einem On-Model-Shot, einem Flatlay, zwei Detailaufnahmen und einem Video ergeben 25 Elemente bei einem Produkt, und die Galerie muss navigierbar bleiben. Ein praktikables Set pro Colorway besteht aus einem Hero-On-Model-Shot, einem Flatlay, einem Detailbild und einem geteilten Video.

Colorways, Größen und die Varianten-Matrix

Nun zu den Plattform-Mechaniken. Ein Shopify-Produkt kann bis zu drei Optionen und bis zu 2.048 Varianten haben.³ Für Bekleidung bedeutet das meist, dass Farbe, Größe und Länge (oder Schnitt) alle drei Plätze belegen.

Die Mathematik ist selten das Problem: acht Farben, sieben Größen und drei Längen ergeben 168 Varianten, weit unter dem Limit. Das Bild-Handling ist das Problem.

Jede Variante kann genau ein ihr zugewiesenes Medium haben.³ Wähle „Navy / M“ und das Theme wechselt zum Navy-Hero-Shot, aber der Rest der Galerie zeigt immer noch jeden Colorway gemischt an. Eine echte Colorway-Galerie, bei der die Auswahl von Navy nur Navy-Bilder anzeigt, erfordert entweder ein Theme, das Media Grouping unterstützt, oder eine Custom-Section, die die Galerie nach der ausgewählten Option filtert.

Wann ein Colorway ein eigenes Produkt sein sollte

Die Aufteilung von Colorways in separate Produkte gibt jeder Farbe eine eigene URL, eine eigene aufgeräumte Galerie und eine eigene Suchpräsenz, allerdings auf Kosten einer fragmentierten Größen-Verfügbarkeits-Ansicht. Teile auf, wenn Colorways wirklich separat vermarktet werden, wie zum Beispiel saisonale Exclusives oder Collabs.

Bei Shopify Plus bietet dir die Combined Listings App von Shopify beides: separate Child-Produkte, die als ein Listing präsentiert werden, jedes mit eigenem Titel, Beschreibung, URL und Bildergalerie. Sie unterstützt bis zu 60 Produkte pro Combined Listing und ist nur für Plus- und Enterprise-Pläne verfügbar.⁴ In anderen Plänen verbindest du aufgeteilte Produkte mit einem „Shop this Style in“-Block, der über ein Produktreferenz-Metafeld gesteuert wird.

Personalisierung, ohne einen Options-Slot zu verbrauchen

Monogramme, Anfragen zur Saumlänge und Geschenknachrichten gehören nicht in die Varianten-Matrix. Erfasse sie als Line-Item-Properties: Formular-Inputs namens properties[Monogram], die mit der Bestellung übergeben werden. Ein Unterstrich-Präfix verbirgt eine interne Eigenschaft vor dem Kunden im Checkout.⁵

Katalogarchitektur: Collections, Filter und Lookbooks

Fashion-Kataloge wechseln jede Saison, also muss die Architektur Veränderungen aufnehmen können, ohne dass alles neu gebaut werden muss.

Collections, gebaut für saisonale Wechsel

Nutze standardmäßig Automated Collections mit Tag- und Metafeld-Regeln. „New in“ ist eine Regel basierend auf dem Veröffentlichungsdatum, „AW26“ ist eine Regel basierend auf einem Saison-Tag und „Last Chance“ ist eine Regel basierend auf einem Sale-Tag, und keine davon erfordert manuelle Kuration, wenn der Drop live geht.

Führe Anlass- und Edit-Collections neben der Produkttyp-Taxonomie: „Workwear“, „Hochzeitsgast“, „Wochenende“. Diese fangen Suchanfragen ab, die der Begriff „Hemden“ niemals erreichen wird, und hier zeigt sich dein Merchandising-Gespür am besten.

Metafeld-basiertes Filtern

Größen- und Farbfilter bekommst du gratis, denn die Search & Discovery App von Shopify erstellt benutzerdefinierte Filter aus Produktoptionen. Stoff, Passform, Anlass und Länge existieren nicht als Optionen, also speichere sie als Metafelder und filtere danach.

Die Plattformbeschränkungen, die man kennen sollte: Ein Store kann bis zu 25 Filter mit jeweils bis zu 100 Werten anzeigen, und Collections mit über 5.000 Produkten zeigen gar keine Filter an.⁶ Filterbare Metafeld-Typen sind einzeiliger Text, Liste aus einzeiligem Text, Dezimalzahl, Ganzzahl, True/False und Metaobjekt-Referenzen. Definiere also Stoff und Passform als Listen aus einzeiligem Text und nicht als freien Fließtext.⁶

Filterhygiene ist wichtiger als die Anzahl der Filter. „Navy“, „Marineblau“ und „Dunkelblau“ werden zu drei Filterwerten. Lege das Vokabular in der Metafeld-Definition fest und die Filter bleiben sauber.

Lookbooks und Shop-the-Look-Seiten

Editorial-Content ist es, womit sich Bekleidung verkauft, und das Lookbook ist das native Format dafür: flächendeckende Kampagnenbilder mit anklickbaren Produkt-Hotspots oder „Shop the Look“-Produktreihen unter jedem Outfit.

Baue diese als Landingpages, nicht als Blogposts, da sie Layout-Kontrolle und einen klaren Weg zum Warenkorb benötigen. Die Build-Optionen werden in Wie man eine Landingpage in Shopify erstellt behandelt. Das ist auch der Punkt, an dem Händler normalerweise einen Entwickler engagieren oder eine Page-Builder-App installieren. Wenn du das Lookbook stattdessen Fudge beschreibst, erhältst du dieselbe Seite als native Theme-Sections.

Drops und Verknappung, aber ehrlich

Drops funktionieren, weil sie die Nachfrage bündeln, nicht weil sie jemanden austricksen. Die Designregeln leiten sich daraus ab.

Kündige ein echtes Datum an, launche auch dann. Tease den Drop auf der Startseite und den Produktseiten an, sammle E-Mails für den Launch und veröffentliche die Collection genau dann, wann du es angekündigt hast.

Zeige nur echte Verknappung. Live-Lagerbestände, ausverkaufte Größen ausgegraut aber sichtbar, und „Sold Out“ als Abzeichen, das man stolz trägt. Gefälschte Countdown-Timer und permanente „Nur noch 2 auf Lager“-Labels trainieren Käufer darauf, die echten zu ignorieren. Ein entlarvter, falscher Dringlichkeits-Claim kostet mehr Vertrauen, als hundert echte Sell-Outs einbringen.

Lass ausverkaufte Artikel sichtbar. Eine ausverkaufte Größe oder ein Colorway, der auf der Seite versteckt wird, ist weggeworfene Nachfrage. Graue sie aus und hinterlege stattdessen ein „Benachrichtige mich“-Feld (Notify-me).

Back-in-Stock-Erfassung

Jede ausverkaufte Variante sollte E-Mails sammeln. Der Shopify Online-Store hat keine eingebaute Restock-E-Mail, also läuft die Erfassung über eine App oder den Back-in-Stock-Flow deiner E-Mail-Plattform. Kunden, die ein Produkt in der Shop-App speichern, können sich auch für Push-Benachrichtigungen anmelden, wenn ein ausverkauftes Produkt wieder verfügbar ist.⁷

Die Restock-E-Mail gehört durchweg zu den am besten konvertierenden automatisierten E-Mails, die eine Bekleidungsmarke versendet, denn sie landet bei jemandem, der sich bereits zum Kauf entschieden hatte. Wie du sie zusammen mit den Welcome-, Browse-Abandon- und Winback-Flows, auf die Fashion-Brands angewiesen sind, strukturierst, behandeln wir in unserem Guide zu Klaviyo Flows für Fashion-Brands.

Vertrauen: Retourenrichtlinie und Proof auf der Produktseite

Fashion-Käufer shoppen in dem Wissen, dass sie den Artikel eventuell zurückschicken. Die Antwort zum Thema Retouren gehört also dorthin, wo die Entscheidung fällt.

Platziere die Retouren-Zusammenfassung in der Buy-Box. Eine Zeile unter dem „In den Warenkorb“-Button: Zeitfenster, Kosten und ob Umtäusche kostenlos sind. „Kostenlose 30-Tage-Retoure, kostenloser Größentausch“ löst das Risiko in wenigen Worten; ein „Retouren“-Link im Footer löst gar nichts.

Umtausch-First schlägt Erstattungs-First. Ein kostenloser Größentausch sichert den Umsatz und löst das eigentliche Problem – nämlich die Passform, nicht den generellen Wunsch nach dem Produkt. Sag das explizit auf der Seite.

UGC beantwortet die Passform-Frage, was Studiofotografie nicht kann. Eine Reihe von Kundenfotos auf der Produktseite zeigt das Kleidungsstück an verschiedenen Körpern, Größen und in unterschiedlichen Umgebungen. Ziehe die Bilder aus einem Branded-Hashtag oder deiner Bewertungsplattform und platziere sie in der Nähe der Größenauswahl, anstatt ganz unten auf der Seite.

Layout-Muster für all das – Buy-Box-Reihenfolge, Einsatz von Akkordeons, Platzierung von Proof – findest du in Wie man eine Shopify-Produktseite anpasst.

Wie man es umsetzt: Theme, Metafelder oder Custom-Sections

Drei Ebenen tragen die obige Arbeit, und die Antwort lautet meistens: alle drei.

Das Theme liefert die Basis: Galerie-Verhalten, Swatch-Styling, Collection-Grid, Filter-UI. Wenn du noch eines aussuchst, unser Vergleich der besten Shopify-Themes für Fashion rankt sie genau nach den Kriterien in diesem Guide, inklusive Handhabung von Varianten-Bildern und Filtern.

Metafelder tragen die Daten: Maße, Stoff, Passform, Pflegehinweise, Referenzen zu Größentabellen. Das ist die langlebige Ebene, da die Daten jedes Theme überdauern, das du darüberlegst.

Custom-Sections übernehmen alles, was dein Theme nicht mitgebracht hat: den Passform-Block, die Colorway-Galerie, das Modal für Größentabellen, das Lookbook-Layout, den Drop-Countdown. Hier haben Fashion-Brands historisch gesehen Entwickler engagiert oder die Rendering-Ebene einer Page-Builder-App in Kauf genommen.

Fudge schließt diese Lücke direkt durch einen Prompt. Beschreibe die Section und Fudge schreibt das Liquid, CSS und JavaScript in dein Theme. Dabei liest es deine Marken- und Produktdaten, sodass das Ergebnis nahtlos zum Store passt. Da es sich um nativen Theme-Code handelt, rendert kein Drittanbieter-Skript deine Produktseite neu, und die Sections überleben selbst einen Deinstall. Dasselbe gilt für Lookbooks und Kampagnenseiten, die mit dem Shopify Page Builder erstellt wurden.

FAQ