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?

SEO für Shopware!

shopware tutorial ebook mockup
Ausführliche Schritt für Schritt Anleitungen für gute Rankings in den Suchmaschinen.
Zum Store

Beliebt

Was du über die Shopware 5 Theme Struktur wissen musst und wie du ein eigenes Template erstellst
Freitextfelder im Shopware Frontend ausgeben
Die größten Fehler bei der Entwicklung eines Shopware 5 Themes
Logo Größe mit Less für Shopware 5 anpassen
Shopware Theme: Eigenes Listing Layout erstellen
Theme Entwicklung: Hugo Boss Header zum Selbermachen
Wie du schnell und einfach Google Shopping für Shopware einrichtest
Social Media Icon mit Link im Footer
Vorsicht Shopware Update! Was du beim Updaten beachten musst
Plugin Themes überschreiben und anpassen
© 2017 by 8mylez. Powered by Goltfisch GmbH.