14 Design Tipps für deinen Shopware Relaunch!

14 Design Tipps für deinen Shopware Relaunch!

Martin Grohs 24. Oktober 2019 0

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 Karussels auch bei deinem Shopware Store anwenden!

Design Tip14

Noch keine Kommentare vorhanden.

Was denkst du?

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.

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
Logo Größe mit Less für Shopware 5 anpassen
Shopware Theme: Eigenes Listing Layout erstellen
Die größten Fehler bei der Entwicklung eines Shopware 5 Themes
Staging Umgebung – Was ist das und warum brauchst du eine?
Plugin: Einkaufswelt Element Kategorie-Teaser mit eleganten Mouseover Effekten
Plugin Themes überschreiben und anpassen
Individuelle 404 Fehlerseite mit Shopware Einkaufswelten erstellen
4 Gründe warum du Shopware 5 lokal mit MAMP installieren solltest und wie du das anstellst

Bessere plätze bei google?

Sicher Dir unser neues Shopware SEO 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

Über 8mylez

✓ 18 Mitarbeiter

✓ Shopware Solution Partner

✓ 22.000+ Plugin Downloads

✓ 160+ betreute Shops

✓ Full-Service Shopware Agentur

✓ 70 Shopware Videos auf Youtube

✓ Alle Shopware Zertifizierungen

© 2020 by 8mylez GmbH //  Impressum + Datenschutz