14 Design Tipps für Deinen Shopware Relaunch!

14 Design Tipps für Deinen Shopware Relaunch!

Martin Grohs 24. Oktober 2019 1

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 Tip1


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 Tip3


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 Tip4


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 Tip5


Design Tipp Nr. 5 - Button Funktionen

Du kannst Deine Buttons mit zusätzlichen Funktionen ausstatten, wie z. B. ein Hover Effekt.

Design Tip6


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 Tip2


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 Tip11


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 Tip7


Design Tipp Nr. 9 - Icons

Mit Icons lassen sich viele Dinge einfacher erklären, aber auch hier musst Du gewisse "Regeln" beachten!

Design Tip8


Design Tipp Nr. 10 - Checkout

Hier ein kleiner Tipp für die Conversion-Optimierung in Deinem Checkout. Verwende kleine Piktogramme der Zahlungsdienstleister!

Design Tip9


Design Tipp Nr. 11 - Optionsfelder

Auch wenn Dropdowns etabliert sind - Optionsfelder sind auch eine alternative Möglichkeit!

Design Tip10


Design Tipp Nr. 12 - Carddesigns

Sogenannte Radiobuttons werden von vielen Shopbetreibern verwendet, versuch es doch mal mit einem Carddesign!

Design Tip12


Designtipp Nr. 13 - Automatische Vervollständigung

Verzichte nicht auf eine automatische Vervollständigung! Besonders im Checkout kann diese manchmal Wunder bewirken!

Design Tip13


Designtipp Nr. 14 - horizontale Karussels

Ähnlich wie bei den Facebook Carousel Ads, kannst Du diese Bilder Karussells auch bei Deinem Shopware Store anwenden!

Design Tip14

1 Kommentar

  • Hi,
    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?

Beliebt

Was du über die Shopware 5 Theme Struktur wissen musst und wie du ein eigenes Template erstellst
Social Media Icon mit Link im Footer
Shopware Theme: Eigenes Listing Layout erstellen
Logo Größe mit Less für Shopware 5 anpassen
Die größten Fehler bei der Entwicklung eines Shopware 5 Themes

Sicher Dir die besten Shopware 6
Tipps & Tricks

Trag Dich ein und Du erhältst unser Shopware 6 Whitepaper kostenlos!
Trag dich für unseren Newsletter an, im Anschluss erhältst Du das Whitepaper. 

Mit dem Abschicken Deiner Daten akzeptierst Du unsere Datenschutzerklärung.

Entdecke unsere ebooks

Unsere Standorte

Zentrale 

Technologiepark 23
33100 Paderborn


Leipzig
Bernhardstraße 34
04315 Leipzig

Kontakt

Über 8mylez

✓ 38 Mitarbeiter

✓ Shopware Gold Partner

✓ 40.000+ Plugin Downloads

✓ 160+ betreute Shops

✓ Full-Service Shopware Agentur

✓ 70 Shopware Videos auf Youtube

✓ Alle Shopware Zertifizierungen

Social


Unsere Partner
© 2023 by 8mylez GmbH //  Impressum + Datenschutz