netz98 Blog

Der E-Commerce &
Magento Blog

Design Best Practices
20. Juli 2017 von in E-Commerce Trends

6 Best Practices: Konzept & Design

Wir haben wieder einige Konzept & Design Best Practices für Sie gesammelt. Eins haben diese Trends gemeinsam: Immer den Nutzer im Blick, bieten sie übersichtliche Produkteinstiege, eine konsistente Nutzerführung und ab und an auch ein kleines Einkaufserlebnis.
Aber sehen Sie selbst:

Card Design und Konsistenz im Design

kartell

Quelle: http://www.kartell.com

Mit Hilfe des Card Design, das durch Pinterest bekannt geworden ist, bietet Kartell dem Nutzer verschiedenste Informationen übersichtlich an. Produkte, Beiträge und auch News werden auf einer Ebene präsentiert und können schnell inhaltlich gescannt werden. Die „versteckte“ Navigation, die immer beliebter wird, ist für den Nutzer jederzeit zugänglich und gibt dem eigentlichen Inhalt mehr Raum. Auf die gleiche Art wird der Warenkorb dargestellt, um das Design konsistent zu halten.

 

Gut gelöste Shop-Landingpage

fitbit

Quelle: https://www.fitbit.com/de/blaze

Eine gut gelöste Landingpage macht den Nutzer im besten Fall zum Käufer. Die Fitbits Startseite stellt das Produkt in den Vordergrund und lenkt bewusst die Aufmerksamkeit des Besuchers auf das Angebot. Durch den Einsatz von Bildern, Videos und Funktionsbeschreibungen, die die Vorteile des Produkts im Alltag hervorheben, wird der Nutzer am Ende der Seite emotional zum Kauf des Produktes geführt. Fitbit gelingt die Kombination der verschiedenen Darstellungsarten optimal.

 

What’s my size? – Ein anwenderfreundliches Größentool

canadagoose

Quelle: https://www.canadagoose.com/

Online-Shopping wird immer mehr zu einem Erlebnis. Das Ziel der Shop-Betreiber ist es, dem Kunden das Einkaufen so realistisch wie in einem Geschäft zu gestalten. Canadagoose bietet dem Nutzer ein anwenderfreundliches Größentool. Mit Hilfe von Fragen zur Person, zum Stil und zur Figurform wird am Ende der Befragung eine Kleidergröße zum Kauf empfohlen. Trotz der Distanz lässt sich eine persönliche Beratung einigermaßen nachempfinden.

 

Außergewöhnliche Navigationsstruktur

v76

Quelle: http://www.v76.com/the-collection.html

Onlineshops können sich nicht nur über ihre Produkte von anderen abheben, sondern auch mit Hilfe außergewöhnlicher Navigationsstrukturen, die dem Nutzer im Gedächtnis bleiben. V76 fällt zum einen durch seine hochwertigen Produkte und zum anderen durch eine umstrukturierte Kategorieseite auf. Die verschiedenen Kategorien werden auf einer einzigen Seite dargestellt und ausschließlich horizontal gegliedert. Über die Hauptnavigation ist es möglich, zur entsprechenden Kategorie zu springen.

 

Aufmerksamkeit durch beabsichtigten Rasterbruch

comma

Quelle: http://www.comma-store.de/

Einheitliche Raster sorgen für Übersichtlichkeit und Ruhe und helfen Konsistenz in die Gestaltung des Onlineshops zu bringen. Allerdings kann solch ein strukturiertes Design auf Dauer auch ermüdend wirken und die Kauflust ausbremsen. Aus diesem Grund bietet es sich an, öfters das Raster aufzubrechen und dem Auge somit Neues und Aufregendes zu bieten. Comma nutzt den Rasterbruch, um neue Outfits und die dazugehörigen Produkte darzustellen, ohne dabei den Nutzer durch ein verändertes Layout zu irritieren.

 

Erlebnis durch Animationen

 

Quelle: https://www.adamunderwear.com/

Alles andere als statisch kann der Shop von A-dam Underwear bezeichnet werden. In fast jeder Ecke des Shops verstecken sich dezente Animationen, die das Stöbern zu einem Erlebnis werden lassen. Diese wurden so überlegt eingesetzt und wirken unterstützend beim Kauf. In jedem Fall sollte beim Einsatz von Animationen berücksichtigt werden, ob es zum Produkt passt, da der Shop schnell einen spielerischen Charakter erhält. Bei diesem Shop stellt sich diese Frage in keinem Fall.

 

Mehr Best Practices finden Sie in den Zukunftsthemen im E-Commerce.

Über den Autor / die Autorin

Kommentar hinterlassen

*Pflichtfeld

netz98 flyin

Verpassen Sie nicht mehr das Neueste rund um E-Commerce- und Magento-Themen!

Mit der Anmeldung zu unserem Newsletter erhalten Sie regelmäßig wissenswerte und spannende Informationen, die IHR Online-Business nach vorne bringen.

Vielen Dank für Ihre Anmeldung! Wir haben Ihnen soeben ein E-Mail gesendet. Bitte bestätigen Sie in der E-Mail Ihre Anmeldung.