Home » Cloud-System » 6 Best Practices: Konzept & Design Trends für Ihren Onlineshop
Design Best Practices

6 Best Practices: Konzept & Design Trends für Ihren Onlineshop

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.

 


Weitere lesenswerte Artikel rund um die Themen E-Commerce und Digitalisierung haben wir in der neuen Ausgabe unseres eCOM|MAG für Sie zusammengestellt:

 

netz98 eCOM|MAG 4 Download

 

 

Ihr Kontakt

Hartwig Göttlicher
Hartwig Göttlicher
Head of Business Development
Die aktuellen Onlineshop-Design Trends im E-Commerce
Teaserbild Design Trends

Das richtige Design wird bei Onlineshops zu einem immer größeren Erfolgsfaktor. Wir zeigen, welche Webshop-Designs aktuell im Trend liegen.

Warum man weder auf UX noch auf UI verzichten kann
UX vs. UI

Gerade die Kombination von User Experience und User Interface trägt zum Erfolg einer E-Commerce-Plattform bei. Wir erklären, warum das so Read more

Datenintegration mit Adobe: Vereinheitlichte Daten als Fundament einer nahtlosen, personalisierten Customer Journey

Optimieren Sie die Customer Journey durch Datenintegration. Erfahren Sie hier welche Lösung Adobe bietet und welche Rolle Datenschutz spielt!

Shop-Design: Welche E-Commerce Trends den Erfolg boosten
Ein Tablet liegt auf einem Tisch. Auf der Bildschirmoberfläche ist ein steigender Kurvenverlauf zu sehen und die Hand eines Mannes folgt der Kurve.

Entdecken Sie, wie innovatives Shop-Design die Conversion Rate steigert. Tipps & Trends für effiziente Optimierung!

KI im E-Commerce: 8 effiziente Einsatzmöglichkeiten
KI im E-Commerce

Entdecken Sie 8 effiziente Einsatzmöglichkeiten von Künstlicher Intelligenz (KI) im E-Commerce und optimieren Sie Ihren Onlineshop!

Digitale Trends 2024: Adobe Experience Cloud liefert flexible Lösungen
Der Betrachter schaut frontal auf einen Menschen, der an einem Tisch sitzt. Dieser ist so weit rangezoomt, dass man nur einen winzigen Teil des Oberkörpers mit einem blauen Hemd über der Tischkante sieht. Im Vordergrund links ist seine Hand zu sehen, die über einem Smartphone verweilt - bereit zur nächsten Aktion. Mittig im Bild befindet sich ein klassisches Suchfeld, in das "2024 Trends" eingetippt wurde.

Digitale Trends erfordern Anpassungen. Die Adobe Experience Cloud liefert flexible Lösungen für den E-Commerce. Jetzt informieren!

Adobe Analytics & Adobe Target: Magento-Potenzial durch nahtlose Integration nutzen
Im Mittelpunkt steht eine PC-Tastatur mit einer Auswahl an Produkten darüber. Die Hand eines Menschen – rechts im Bild – berührt für eine Auswahl das mittlere Produktbild.

Erfahren Sie, wie Adobe Analytics und Target nahtlos in Magento integriert werden, um Personalisierung und ROI zu maximieren. Lesen Sie Read more

Black Friday, Weihnachten & Co.: So werden Onlineshops fit für Kampagnen
Laptop- und Tablet-Bildschirme mit Aktionen zu Black Friday und Weihnachten und einem mit Geschenken gefüllten Einkaufswagen.

Erfahren Sie, wie Onlineshops für Kampagnen und Aktionszeiträume wie Black Friday und das Weihnachtsgeschäft vorbereitet werden können. Nützliche Tipps für Read more

Über den Autor