14 Design Tipps für Deinen Shopware Relaunch!
Du planst einen Relaunch für Deinen Shopware Shop? Wir zeigen Dir 14 wichtige Design Tipps, die Du bei dem Relaunch von Deinem Shopware Shop beachten solltest!
Wir zeigen Dir alle Tipps anhand von Infografiken!
Design Tipp Nr. 1 – Button Designs
Deine Buttons entscheiden darüber, ob der Benutzer klickt oder nicht. Dementsprechend ist das Design der Buttons auch besonders wichtig.
Design Tipp Nr. 2 – Button Hierarchie
Auch bei Buttons solltest Du immer eine gewisse Hierarchie beachten. Du siehst schon einen Unterschied im oberen Beispiel.
Design Tipp Nr. 3 – Button Größe
Auch die Button-Größe ist für ein gutes Design und die damit verbundene Conversionrate entscheidend!
Design Tipp Nr. 4 – Breite & Abstände von Buttons
Große Buttons wirken störend – genau wie Seiten, auf denen Buttons wie Pflastersteine verwendet werden.
Design Tipp Nr. 5 – Button Funktionen
Du kannst Deine Buttons mit zusätzlichen Funktionen ausstatten, wie z. B. ein Hover Effekt.
Design Tipp Nr. 6 – Gewichtung von Schriften
Einzelne Schriftabsätze haben oftmals eine unterschiedliche Gewichtung. Dieser Text ist z. B. weniger gewichtet, als die Überschrift.
Design Tipp Nr. 7 – Schriften auf dunklen Hintergründen
Klingt logisch, wird aber dennoch häufig falsch gemacht - wenn Du eine dunkle Schrift auf dunklem Hintergrund verwendest, ist Deine Schrift deutlich schwerer lesbar!
Design Tipp Nr. 8 – Bereiche differenzieren
Wenn Du zwei Bereiche abtrennen möchtest, kannst Du das auch elegant über verschiedene Farben und Kontraste lösen!
Design Tipp Nr. 9 – Icons
Mit Icons lassen sich viele Dinge einfacher erklären, aber auch hier musst Du gewisse "Regeln" beachten!
Design Tipp Nr. 10 – Checkout
Hier ein kleiner Tipp für die Conversion-Optimierung in Deinem Checkout. Verwende kleine Piktogramme der Zahlungsdienstleister!
Design Tipp Nr. 11 – Optionsfelder
Auch wenn Dropdowns etabliert sind – Optionsfelder sind auch eine alternative Möglichkeit!
Design Tipp Nr. 12 – Carddesigns
Sogenannte Radiobuttons werden von vielen Shopbetreibern verwendet, versuch es doch mal mit einem Carddesign!
Designtipp Nr. 13 – Automatische Vervollständigung
Verzichte nicht auf eine automatische Vervollständigung! Besonders im Checkout kann diese manchmal Wunder bewirken!
Designtipp Nr. 14 – horizontale Karussels
Ähnlich wie bei den Facebook Carousel Ads, kannst Du diese Bilder Karussells auch bei Deinem Shopware Store anwenden!
Sicher Dir die besten Shopware 6 Tipps & Tricks
Neueste Beiträge
1 Kommentar
der Artikel gefällt mir wirklich sehr gut!
Wie kann man in Shopware 5 beispielsweise die Radiobuttons bei der Zahlartauswahl im Checkout so ersetzen, dass "die ganze Fläche der Zahlart" klickbar wird und der Radiobutton nicht mehr sichtbar ist? (Er wird ja nicht mehr benötigt, wenn man einfach auf den Container klicken kann.
Ich würde gerne einfach nur für jede Zahlart eine Spalte mit Icon/Logo haben und auf die Schrift und den Radiobutton komplett verzichten. Idealerweise könnte bei der ausgewählten Zahlart ein "Haken" Icon rechts angezeigt werden.
Über eine Rückmeldung würde ich mich sehr freuen!
Gruß Max
Was denkst du?