Zum Inhalt springen

Für neue Kunden: Wir gestalten Ihr mobiles Menü kostenlos.Mobile Designs ansehen

Datenbasiertes Shop-Redesign

Store-Redesign: nach Nutzerverhalten, nicht nach Geschmack.

Bei einem Store-Redesign gestalten wir Ihren Onlineshop von Grund auf neu, zuerst für das Handy. Maßstab ist das Verhalten Ihrer Käufer: wo sie suchen, wo sie zögern, wo sie abbrechen. So hat am Ende jede Gestaltungsentscheidung eine Begründung.

  • Jede Seite entlang der 5 Entscheidungen
  • Entwürfe in Figma, mobile Ansicht zuerst
  • Einbau über eine geprüfte Testkopie

BÄR SchuheNeuaufbau auf Shopify Plus: Menü, Startseite, Kategorie, Produktseite und Warenkorb neu gestaltet. Klare Gestaltung an den richtigen Stellen senkte die Retourenquote um 10 %.

So entsteht Ihr Redesign

Ihr Onlineshop-Relaunch in fünf Schritten.

Dahinter steht unsere 545-Methode: 5 Entscheidungen führen zum Kauf, 4 Kräfte wirken auf jede. Beim Redesign wenden wir sie auf jede Seite an, auf der Ihre Käufer entscheiden. Gestaltet wird erst im vierten Schritt.

  1. Schritt 1: Messen

    Wo verliert Ihr heutiger Shop Käufer?

    Bevor wir etwas neu zeichnen, prüfen wir, ob Ihr Tracking Besuche, Warenkörbe und Bestellungen richtig erfasst. Dann erheben wir die Kennzahl zu jeder der fünf Entscheidungen, getrennt nach Handy und Desktop. Diese Werte sind die Messlatte für den neuen Auftritt.

    • Tracking von Besuchen und Bestellungen geprüft
    • Kennzahl je Entscheidung, vom Klick bis zum Wiederkauf
    • Getrennt nach Handy und Desktop
    • Stand vor dem Redesign gesichert

    ErgebnisAusgangswerte, an denen sich der neue Auftritt nach dem Start messen lassen muss.

  2. Schritt 2: Eingrenzen

    Welche Seiten tragen den Umsatz, welche bremsen ihn?

    Wir sehen nach, auf welchen Seiten Ihre Käufer einsteigen, welche Wege zum Kauf führen und wo die meisten abbrechen, gezählt in verlorenen Käufern. Daraus folgt der Umfang: welche Seiten neu entstehen, in welcher Reihenfolge und was bleibt.

    • Einstiegsseiten und häufigste Wege zum Kauf
    • Größte Verluste, in Käufern gezählt
    • Reihenfolge der Seiten mit Begründung
    • Was heute nachweislich verkauft, bleibt

    ErgebnisEin Umfang mit Reihenfolge: welche Seiten neu gestaltet werden und warum.

  3. Schritt 3: Erklären

    Warum zögern Ihre Käufer genau dort?

    Zahlen zeigen, wo Käufer abspringen. Warum sie es tun, erfahren wir aus dem, was Ihre Kunden in Umfragen, Bewertungen und Foren sagen. Jede Seite prüfen wir auf Bedienbarkeit, mit dem Blick aus über 300 Shopanalysen. Jede Ursache ordnen wir einer der vier Kräfte zu.

    • Kundenstimmen aus Umfragen, Bewertungen, Foren
    • Prüfung jeder Seite auf Bedienbarkeit
    • Ursachen nach den vier Kräften geordnet
    • Begründung im Format Wenn, Dann, Weil

    ErgebnisFür jede Seite die Fragen Ihrer Käufer und die Begründung, wie die neue Seite sie beantwortet.

  4. Schritt 4: Gestalten

    Gestaltet für den Daumen, übertragen auf den großen Bildschirm.

    Wir gestalten in Figma, zuerst die mobile Ansicht: Startseite, Menü, Kategorie, Produktseite, Warenkorb und die Seiten, die Ihr Sortiment braucht. Zu jeder Seite bekommen Sie die Begründung aus Schritt 3. Sie sehen die Entwürfe und geben sie frei, bevor wir bauen.

    • Gestaltung in Figma, mobile Ansicht zuerst
    • Startseite, Menü, Kategorie, Produktseite, Warenkorb
    • Begründung zu jeder Seite
    • Ihre Freigabe vor dem Einbau

    ErgebnisFreigegebene Entwürfe für Handy und Desktop, fertig für den Einbau.

  5. Schritt 5: Testen

    Geprüft auf der Testkopie, gemessen nach dem Start.

    Wir bauen den neuen Auftritt zuerst in eine Testkopie Ihres Shops und prüfen dort Darstellung und Ladezeit. Ihr Shop verkauft in dieser Zeit unverändert weiter. Nach dem Start halten wir die Kennzahlen gegen die Werte aus Schritt 1. Reicht die Bestellmenge, prüfen wir einzelne Seiten im A/B-Test.

    • Einbau zuerst in eine Testkopie
    • Darstellung und Ladezeit auf Handy und Desktop
    • Vergleich mit den Werten vor dem Redesign
    • A/B-Test einzelner Seiten, wenn die Menge reicht

    ErgebnisIhr neuer Auftritt, live im Shop, und ein ehrlicher Vergleich mit dem Stand davor.

Aus unseren Entwürfen

Von Grund auf neu gestaltet.

Ausschnitte aus Store-Redesigns, die wir in Figma entworfen haben. Jede Seite beginnt bei der Frage, die sich der Käufer an genau dieser Stelle stellt.

Entwurf der Startseite von BÄR Schuhe in der Desktop-Ansicht: Titelbild mit Bewertung und den Knöpfen Damen und Herren, darunter die Sommerkollektion und Bestseller für Damen und Männer
Entwurf der Startseite von BÄR Schuhe in der Handy-Ansicht: Titelbild mit Bewertung, Überschrift und den Knöpfen Damen und Herren
BÄR SchuheStartseite
Entwurf der Startseite von Whirlpool Center in der Desktop-Ansicht: Titelbild „Ihre private Wellness-Oase“ mit einer Leiste der Produktkategorien, darunter eine Einleitung mit vier Vorteilen
Entwurf der Startseite von Whirlpool Center in der Handy-Ansicht: Titelbild „Ihre private Wellness-Oase“ mit Knopf und einer Leiste der Produktkategorien
Whirlpool CenterStartseite
Entwurf der Startseite von Shiny Hair in der Desktop-Ansicht: Titelbild „Mehr als Kosmetik: Haarpflege mit System.“, darunter ein Laufband und ein Abschnitt zu Qualität und Inhaltsstoffen
Entwurf der Startseite von Shiny Hair in der Handy-Ansicht: Titelbild mit Überschrift, drei Vorteilen, Knopf „Jetzt Shoppen“ und Bewertung
Shiny HairStartseite

Umfang

Jede Seite, auf der Ihr Käufer entscheidet.

Ein Redesign verändert die User Experience Ihres ganzen Shops, also wie leicht Ihre Kunden finden, vergleichen und bestellen. Deshalb gestalten wir alle Seiten bis zur Kasse, jede ausgehend von der Frage, die sich Ihr Käufer dort stellt.

  1. Startseite

    Bin ich hier richtig? Der erste Bildschirm zeigt auf einen Blick, was Sie verkaufen und für wen. Darunter liegen die Wege in Ihr Sortiment, auf dem Handy mit einer Hand erreichbar.

  2. Menü und Filter

    Menü, Mega-Menü, mobiles Menü und Filter führen auch durch ein großes Sortiment in wenigen Schritten zum Produkt. Für djoon entstanden ein neues Desktop-Menü und eine Filterleiste.

  3. Kategorieseite

    Hier entscheidet sich im Shop, worauf Ihr Käufer klickt: Bild, Titel, Preis und Sterne der Produktkachel. Wir gestalten Kacheln, auf denen sich ähnliche Produkte auseinanderhalten lassen.

  4. Produktseite

    Warum genau dieses Produkt? Bilder, Vorteile in den Worten Ihrer Kunden, Varianten und Bewertungen stehen dort, wo die Frage entsteht. Preis und Kaufen-Button bleiben im ersten Bildschirm.

  5. Warenkorb

    Was kann schiefgehen? Gesamtkosten, Lieferzeit und Rückgaberegel stehen vor der Kasse. Für Dogs’n Tiger haben wir den Warenkorb neu aufgebaut, mit Fortschrittsbalken bis zum Gratisversand.

  6. Themenseiten

    Manche Produkte muss man erklären, bevor jemand sie kauft. Für BÄR Schuhe entstanden eigene Seiten zu Hallux valgus und Zehenfreiheit, für Menschen, die nach ihrem Fußproblem suchen.

Kaufpsychologie

Vier Kräfte entscheiden, ob eine Seite verkauft.

Ob eine Seite verkauft, hängt an vier Kräften, die auf jede Kaufentscheidung wirken. Drei davon beschrieb der Psychologe Daniel Kahneman, Träger des Wirtschaftsnobelpreises. Gegen alle vier prüfen wir jeden Entwurf.

  1. Leichtigkeit

    Je mehr Ihr Käufer rätseln muss, desto eher verschiebt er den Kauf. Jede Seite bekommt eine eindeutige Hauptaktion, verständliche Wörter und kurze Ladezeit, auch auf dem Handy.

  2. Rahmen

    Dieselbe Information wirkt anders, je nachdem, wie sie formuliert ist und was daneben steht. Wir legen fest, was im ersten Bildschirm steht und welche Angabe neben dem Preis.

  3. Verlust

    Verluste wiegen schwerer als gleich große Gewinne. Rückgaberegel, Lieferzeit und Gesamtkosten stehen deshalb dort, wo der Zweifel entsteht. Erfundene Countdowns setzen wir nicht ein.

  4. Zuspruch

    Wer unsicher ist, richtet sich nach anderen. Bewertungen und Kundenstimmen stehen dort, wo sie eine Frage beantworten, etwa direkt neben dem Kaufen-Button.

Wir sind bekannt aus:

Ausgewählte Fachmagazine und Medien haben bereits über unsere Arbeit und Erfolge berichtet.

  • This is Marketing
  • Kameleoon
  • Founders League
  • CRO.CAFE
  • Merchant Inspiration

Fragen zum Store-Redesign

Häufige Fragen zum Redesign.

Kosten, Dauer, Risiko, Shopsystem: hier die kurzen Antworten. Was offen bleibt, klären wir im Erstgespräch.

Offene Fragen klären

Was kostet ein Store-Redesign?

Das hängt vor allem davon ab, wie viele Seitentypen neu entstehen, wie groß Ihr Sortiment ist und auf welchem Shopsystem Ihr Shop läuft. Produktseite und Warenkorb neu zu gestalten ist ein anderes Projekt als ein kompletter Relaunch mit Menü, Filtern und Themenseiten.

Einen verbindlichen Preis nennen wir, sobald der Umfang feststeht. Vorher wäre er geraten.

Wie lange dauert ein Onlineshop-Relaunch?

Das hängt von der Zahl der Seiten ab, von Ihrem Shopsystem und davon, wie rasch Sie Entwürfe freigeben. Eine Dauer, die für jeden Shop stimmt, gibt es nicht.

Den Zeitplan nennen wir Ihnen zusammen mit dem Preis, sobald der Umfang feststeht. Während wir bauen, verkauft Ihr bisheriger Shop unverändert weiter.

Brauche ich ein Redesign, oder reichen einzelne Änderungen?

Verliert Ihr Shop seine Käufer vor allem an einer Stelle, kann eine gezielte Änderung reichen, die wir im A/B-Test prüfen. Das ist Conversion-Optimierung: eine Stelle nach der anderen, gemessen in Zyklen von 6 Monaten.

Ein Redesign lohnt sich, wenn der ganze Auftritt nicht mehr zu Marke und Sortiment passt. Zum Beispiel, wenn das Sortiment gewachsen ist oder der Shop auf dem Handy schwer zu bedienen ist. Was besser passt, sagen wir Ihnen im Erstgespräch offen.

Kann ein Redesign meinen Umsatz senken?

Ja, das kann passieren. Ein neuer Auftritt ändert auch Stellen, die heute gut verkaufen, und ein Entwurf, der gefällt, verkauft nicht automatisch besser.

Deshalb messen wir vor dem Redesign, nehmen mit, was nachweislich verkauft, und bauen zuerst auf einer Testkopie. Texte und Überschriften, über die Ihr Shop heute bei Google gefunden wird, prüfen wir, bevor wir sie ersetzen. Nach dem Start vergleichen wir die Kennzahlen mit dem Stand davor.

Warum gestalten Sie zuerst für das Handy?

Weil bei vielen Shops der größte Teil der Besucher über das Handy kommt. Dort fällt der Kauf auf einem kleinen Bildschirm, oft mit einer Hand. Wie groß der Anteil bei Ihnen ist, sehen wir im ersten Schritt.

Wir legen zuerst fest, was im ersten Bildschirm steht und wo der Daumen Menü, Filter und Kaufen-Button erreicht. Danach übertragen wir den Entwurf auf den großen Bildschirm.

Gestalten Sie auch Shops, die nicht auf Shopify laufen?

Ja. Wie Menschen entscheiden, hängt nicht vom Shopsystem ab, und die Entwürfe in Figma entstehen unabhängig davon. Ein Shopify Redesign bauen wir selbst ein und prüfen es vorher in einer Testkopie.

Bei anderen Systemen setzt Ihr eigenes Entwicklerteam unsere Entwürfe um. Wollen Sie im Zuge des Redesigns zu Shopify wechseln, begleiten wir auch die Migration.

Passt Ihr Shop noch zu Ihrer Marke?

Schildern Sie uns in 30 Minuten, wo Ihr Shop heute steht und was der neue Auftritt leisten soll. Sie sprechen mit David Pehl oder Anas Elimani und hören offen, ob ein Redesign der richtige Weg ist oder ob gezielte Änderungen mehr bringen.

Redesign besprechen

  • 30 Minuten, unverbindlich
  • Direkt mit einem Geschäftsführer
  • Erfahrung aus 180+ betreuten Shops

Wir sind stolz, Shopify Premier Partner zu sein.

Mit dem Klick laden wir den Chat unseres Anbieters. Vorher werden keine Daten an ihn übertragen.