Shopware Relaunch oder neues Projekt: Design-Tipps für den Shop

Buttons – oft unterschätzter Gestaltungsspielraum

Buttons sind ein wichtiger Bestandteil eines jeden Onlineshops, die Möglichkeiten bei der Gestaltung werden aber häufig unterschätzt. Für ein optimales Shopdesign sollte man in diesem Zusammenhang folgende Aspekte berücksichtigen:

• Buttons sollten sich klar von den restlichen Seiteninhalten abheben.
• Mehrere Buttons sollten sich immer einer Hierarchie unterordnen. Dabei empfiehlt es sich, den Button mit der geringsten Wichtigkeit, mit einem unauffälligen Hintergrund zu versehen, und die folgenden bis zur höchsten Wichtigkeit immer kontrastreicher zu gestalten. Darüber hinaus können auch Symbole die Wichtigkeit eines Buttons hervorheben oder verschiedene Button-Größen die Hierarchie verdeutlichen.
• Jeder Button sollte groß genug sein, um diesen optimal mit dem Cursor oder dem Finger zu treffen. Auch die Abstände der einzelnen Buttons untereinander spielen hier eine Rolle.
• Zusatzfunktionen, etwa Hover-Effekt für eine animierte Schaltfläche des Buttons können ebenfalls genutzt werden, um verschiedenen Buttons unterschiedliche Gewichtung zu verleihen.

Schriften – zentrales Element von ansprechendem Design

Um einen Webshop möglichst ansprechend zu gestalten, spielt die Typografie eine entscheidende Rolle. Sofern ein Corporate-Design vorhanden ist, sollte man sich an diesem orientieren. Allgemein sind in diesem Zusammenhang vor allem folgende Punkte wichtig:

• Es können durchaus unterschiedliche Schriftarten innerhalb des Webshops verwendet werden, beispielsweise eine für Überschriften, eine für Fließtext und eine andere für Buttons oder andere Seitenelemente. Mehr als drei unterschiedliche Schriftarten sollten dabei aber nicht zum Einsatz kommen, da das Design sonst meist chaotisch wirkt. Darüber hinaus sollten die verschiedenen Schriftarten sich gegenseitig komplementieren.
• Um eine optimale Lesbarkeit zu gewährleisten, ist es wichtig, die richtige Schriftgröße zu wählen. Dabei sollten auch die unterschiedlichen Darstellungen auf verschiedenen Endgeräten bedacht werden. Ebenfalls wichtig für die Lesbarkeit ist der passende Zeilenabstand, sowie die Zeilenlänge.
• Die Schriftfarbe sollte immer mit dem Hintergrund harmonieren und einen optimalen farblichen Kontrast bilden. Zwar kann man hier seiner Kreativität prinzipiell freien Lauf lassen, klassische Hell-Dunkel-Kontraste haben sich aber etabliert.
• Um einzelne Textstellen hervorzuheben, sollte stets Fettdruck genutzt werden. Unterstreichungen sind im Webdesign in der Regel Links vorbehalten, Großbuchstaben und Kursivschrift können den Lesefluss beeinträchtigen.

Checkout-Prozess optimieren

Es lohnt sich, etwas Zeit in die Optimierung des Checkout-Prozesses zu investieren, um zu verhindern, dass Shopbesucher den Bestellprozess in letzter Minute abbrechen. Dabei können auch kleine Maßnahmen, etwa das Hinzufügen von Piktogrammen für Zahlungsdienstleister und Versandunternehmen, einen großen Unterschied machen. Auch die Verwendung von Carddesigns anstelle von Radiobuttons und die automatische Vervollständigung bei Eingabefeldern, können die Benutzerfreundlichkeit eines Checkout-Prozesses verbessern und vereinfachen.

Selbstverständlich sollte jeder Onlineshop ein individuelles Design erhalten, das bestenfalls am Corporate Design angelehnt ist. Gerade ein Shopware Relaunch bietet eine interessante Möglichkeit, hier entsprechend nachzujustieren. Dabei sollte man den Erwartungen von Nutzern aber entgegenkommen, und nicht komplett gegen etablierte Designkonzepte verstoßen. Wenn Sie bei Ihrem Shopware Relaunch oder neuem Webpropjekt Hilfe von echten Profis benötigen, können Sie sich jederzeit an die erfahrene und vielfach zertifizierte Shopware Agentur eBakery wenden.