+49 172 6067457 Kostenloses Erstgespräch

Shopify-Redesign für mehr Conversion: Luxager, Startseite und Produktseite neu

Shopify / Premium‑Athleisure, Deutschland

Live ansehen

Kunde: Luxager
Branche: Premium-Athleisure, Deutschland
Live: luxager.com
Leistungen: Design und Umsetzung der Startseite in Shopify
Neue Produktseite statt GemPages-Vorlage
Yoga-Linie mit acht Einzelteilen und vier Sets
Sets als Bundle mit zwei Größenwahlen
Farbwechsel zwischen den vier Tönen auf jeder Produktseite
Set-Hinweis und passende Produkte auf der Produktseite
Vertrauenszeile und mobile Warenkorb-Leiste
Technik: Shopify
Liquid
Dawn als Theme-Basis
Shopify Bundles

Was ein Projekt wie dieses kostet

01 / Auf einen Blick

Ausgangslage
Eine Premium-Marke mit neuer Yoga-Linie, deren Produktseiten noch auf einer Baukasten-Vorlage aus GemPages liefen.
Lösung
Neue Startseite rund um die Sets, dazu eine Produktseite mit Farbwechsel, Set-Hinweis, Vertrauenszeile und passenden Produkten.
Ergebnis
Shop und neue Produktseiten sind unter luxager.com live. Jede Jacke und jede Hose führt direkt zum passenden Set.

4Töne, jeder als eigenes Set
8Einzelteile der Yoga-Linie mit Farbwechsel
3Zusagen direkt unter dem Kaufknopf

02 / Ausgangslage

Wo das Projekt stand.

Luxager kommt aus dem Premium-Bereich und verkauft Streetwear. Neu dazu kam eine Yoga-Linie: Jacke und Hose, jeweils in Cappuccino, Matcha, Strawberry und Lakritz. Jacke und Hose sind aufeinander abgestimmt und sollen am liebsten zusammen gekauft werden.

Die Produktseiten liefen noch auf einer Vorlage aus GemPages, einem Seitenbaukasten für Shopify. Für die neue Linie fehlte alles, was ein Set verkauft: der Wechsel zwischen den Farben, der Hinweis auf das passende Gegenstück und ein Set als eigenes Produkt.

03 / Die Lösung

Was wir gebaut haben, und warum.

Erklärung wählenEinfach gesagtFür Leute vom Fach

01
Startseite: erst das Gefühl, dann das Set
Ganz oben steht „Ruhe in Bewegung.“ mit einem großen Bild aus der Yoga-Linie und einem Knopf zu den Sets. Direkt danach folgen die vier Töne als Sets nebeneinander. Wer einen Ton anklickt, landet auf genau diesem Set.
Gebaut mit den eigenen Sections des Shopify-Themes, ergänzt um eigenen Code, wo das Theme nicht reicht. Die Set-Übersicht verlinkt jede Karte auf das farbgleiche Set statt auf eine allgemeine Kollektion. Darunter folgen die Yoga-Kollektion, ein Abschnitt zu Material und Fit, drei Gründe für Luxager, die Streetwear-Kollektion und der Newsletter.
- Einstieg mit einer klaren Aussage und einem Knopf
- Vier Sets direkt unter dem Einstieg
- Material und Fit in kurzen Fakten
- Streetwear und Yoga auf einer Seite
02
Produktseite neu statt Baukasten
Die alte Produktseite kam aus einem Baukasten. Wir haben sie durch eine eigene, schlanke Produktseite ersetzt. Sie zeigt Bild, Preis, Farbe und Größe, darunter den Knopf zum Warenkorb.
Die GemPages-Vorlage wurde durch die native Produktseite des Themes ersetzt, erweitert um eigene Snippets in Liquid. Galerie mit Freisteller und Modellbild je Farbe. Produktinformationen, Material und Größenhinweis mit Modellmaßen stehen in aufklappbaren Bereichen.
- Native Shopify-Produktseite statt Baukasten
- Freisteller und Modellbild je Farbe
- Größenhinweis mit Modellmaßen
- Material und Pflege aufklappbar
03
Farbwechsel zwischen vier Tönen
Jeder Ton ist ein eigenes Produkt mit eigener Adresse. Damit trotzdem niemand suchen muss, stehen auf jeder Produktseite vier Farbpunkte. Ein Klick wechselt direkt zum anderen Ton.
Ein eigenes Snippet erkennt Teil und Farbe am Produkt-Handle und verlinkt die vier Farbpunkte auf die passenden Produkte. Das gilt für Jacken, Hosen und Sets gleichermaßen. Die aktuelle Farbe ist markiert und steht ausgeschrieben über den Punkten.
- Vier Farbpunkte auf jeder Produktseite
- Gilt für Jacke, Hose und Set
- Aktuelle Farbe markiert und benannt
04
Vom Einzelteil zum Set
Wer eine Jacke ansieht, bekommt direkt darunter das passende Set in derselben Farbe gezeigt. Das Set kostet weniger als Jacke und Hose einzeln. Im Set wählen Kunden die Größe von Jacke und Hose getrennt.
Die Sets sind echte Bundles aus Shopify Bundles, mit zwei Größenwahlen in einem Produkt. Der Hinweis „Komplettiere das Set“ verlinkt auf das farbgleiche Set mit Bild und Preis. Darunter zeigt der Abschnitt „Das könnte dir auch gefallen“ weitere Teile der Yoga-Linie.
- Set-Hinweis direkt unter dem Warenkorb-Knopf
- Zwei Größenwahlen in einem Set
- Weitere Teile der Linie am Seitenende
05
Vertrauen und Kauf auf dem Handy
Unter dem Warenkorb-Knopf stehen drei kurze Zusagen: schneller DHL-Versand, 14 Tage Widerruf, sichere Bezahlung. Auf dem Handy bleibt der Knopf zum Warenkorb beim Scrollen am unteren Rand sichtbar.
Eigene Vertrauenszeile als Snippet direkt unter den Kaufknöpfen, dazu Express-Zahlung über Shop Pay. Die mobile Warenkorb-Leiste erscheint, sobald der eigentliche Knopf aus dem Bild scrollt.
- Drei Zusagen unter dem Kaufknopf
- Express-Zahlung mit Shop Pay
- Mobile Warenkorb-Leiste beim Scrollen

04 / Das Ergebnis

4Töne, jeder als eigenes Set

Luxager hat eine Startseite, die zu den Sets führt, und eine Produktseite, die aus einem Einzelteil ein Set macht. Farbwechsel, Set-Hinweis und Vertrauenszeile laufen auf allen Yoga-Produkten. Zahlen zu Conversion und Umsatz veröffentlichen wir nur mit Freigabe des Kunden.

Live unter luxager.com
Startseite neu gestaltet und in Shopify umgesetzt
Produktseite von Grund auf überarbeitet
Vier Sets als Bundle mit zwei Größenwahlen
Set-Hinweis auf jeder Jacke und jeder Hose

05 / Kurz erklärt

Produktseite (PDP): Die Seite eines einzelnen Produkts. Hier fällt die Kaufentscheidung, deshalb zählt jedes Element.
GemPages: Ein Seitenbaukasten für Shopify. Schnell eingerichtet, aber schwerer zu erweitern und oft langsamer als native Seiten.
Bundle: Mehrere Produkte, die als ein Produkt verkauft werden, hier Jacke und Hose als Set.
Cross-Sell: Der Hinweis auf ein passendes weiteres Produkt, etwa vom Einzelteil auf das Set.
Conversion Rate: Der Anteil der Besucher, die etwas kaufen. Ein Redesign für Conversion räumt alles aus dem Weg, was den Kauf bremst.

Fragen, die dazu oft kommen.

Was kostet ein Shopify-Redesign für eine Modemarke?

Das hängt von der Zahl der Seitentypen und Sonderfunktionen ab, etwa Bundles oder Farbwechsel. Nach dem Erstgespräch erhalten Sie ein konkretes Angebot.

Lohnt es sich, einen Seitenbaukasten wie GemPages abzulösen?

Oft ja. Native Seiten laden schneller und lassen sich gezielt erweitern. Funktionen wie Farbwechsel oder Set-Hinweis sind dort einfacher sauber umzusetzen.

Wie verkauft man Sets in Shopify?

Mit Bundles: Jacke und Hose werden zu einem Produkt mit eigener Seite. Kunden wählen beide Größen getrennt, der Bestand zählt bei den Einzelteilen mit.

Warum ist jede Farbe ein eigenes Produkt?

So hat jede Farbe eine eigene Adresse und eigene Bilder. Ein Farbwechsel auf der Produktseite verbindet die Töne wieder, damit niemand suchen muss.

Ähnliche Projekte