5 Beispiele für auf Drupal basierende Online-Shops als Inspiration für Ihr Unternehmen
In einem meiner letzten Beiträge habe ich Beispiele für Drupal-basierte Unternehmenswebsites gegeben. Das erste bezog sich auf die Unternehmen der Medizinbranche, das zweite auf die Unternehmen des Industriesektors. Ich habe die Drupal-Funktionalitäten sowie die speziellen Lösungen vorgestellt, die die in diesem Artikel genannten Organisationen auf ihren Websites eingeführt haben. In diesem Text möchte ich jedoch Drupal-basierte Websites aus der Handelsbranche präsentieren.
Hermes
Das Unternehmen bietet Co-Packing-Produkte und Zubehör an. Daher repräsentiert es eine Branche, in der der Wettbewerb hart ist – umso mehr Gründe für einen Online-Shop, sich abzuheben. Und so gibt es einige auffällige Elemente, die diesen Handel wirklich hervorstechen lassen.
Das erste ist die attraktive Form der Darstellung von Bannern und Fotos auf der Startseite. Hier wurde ein „Slide-in“-Effekt verwendet – beim Scrollen der Seite „gleiten“ die genannten Elemente an ihre Plätze. Der Effekt ist auffällig und animiert dazu, auf der Website des Shops zu verweilen.
Das zweite ist definitiv die Suchmaschine. Beim Eingeben eines Suchbegriffs erscheinen Vorschläge. So können Sie das gewünschte Produkt schneller finden – Sie sehen sofort, ob ein solches Produkt überhaupt im Shop vorhanden ist. Und wenn es dort verfügbar ist, werden Sie nach dem Aufrufen des Produkts auf eine Seite geleitet, auf der weitere Filteroptionen angeboten werden. Das ist wichtig, denn beim „Verbleiben beim Produkt“ beginnen Sie, die Suche in Bezug auf die Merkmale dieses Produkts einzugrenzen. All das führt dazu, dass Sie Schritt für Schritt ermutigt werden, nach den Waren zu suchen, die Sie finden möchten – Sie geben nicht auf und wir verlassen nicht die Website.
Ein weiterer Punkt ist das Menü. Es befindet sich in der oberen linken Ecke. Nach dem Klicken darauf erscheint eine Liste mit Kategorien. Nach Auswahl des „+”-Symbols wird die jeweilige Kategorie erweitert – Sie sehen die nächsten Unterkategorien, und in den folgenden Schritten gelangen Sie auf die Seite mit diesem Produkt.
In Bezug auf das Menü ist es erwähnenswert, die eher sparsame Form der Präsentation der Überschrift zu erwähnen. Neben der bereits erwähnten Suchmaschine gibt es auch eine Abkürzung zum Einloggen in das Kundenkonto und einen Einkaufswagen. All das macht die Sache lesbar und einfach zu navigieren.
Beim Durchstöbern des Drupal-basierten Hermes-Shops kann man nicht umhin, den Eindruck zu gewinnen, dass dieser sehr gut durchdacht und kundenorientiert gestaltet wurde. Wenn Sie also an die Eröffnung Ihres Handels denken, kann dieses Beispiel eine großartige Inspiration sein. In Kombination mit der Drupal-Beratung können Sie Wissen und Ratschläge erhalten, wie Sie Ihren Kunden dazu bringen, in Ihrem Geschäft so lange wie möglich zu bleiben und das zu wählen, wonach er sucht.
JYSK
Es ist eine der bekanntesten Marken, die wahrscheinlich keine detaillierte Vorstellung benötigt – und auch ein weiterer Drupal-basierter Laden. Hier finden Sie weitere Annehmlichkeiten für den Kunden sowie Inspirationen.
Haben Sie sich gefragt, wie Sie die Suchmaschine attraktiver machen können? Wenn Sie dem Hermes-Beispiel ein Produktbild zusammen mit Informationen über die Anzahl der im Laden verfügbaren Varianten hinzufügen, erhalten Sie einen wirklich attraktiven Effekt. So sieht es bei JYSK aus. Man könnte sagen, es ist nichts Besonderes, aber dieses Detail macht den Unterschied. Es trifft zweifellos die Erwartungen der Kunden und erleichtert die Produktsuche erheblich.
Lassen Sie uns weitergehen. Wenn Sie viele Produkte anbieten und viele Kategorien haben, warum diese Kategorien nicht als Galerie auf der Startseite präsentieren? Dank der von JYSK vorgeschlagenen Lösung erhält der Kunde, der den Laden besucht, eine visuelle und zugleich – freundliche, Nachricht. Man sieht dann, dass sich der Ladenbesitzer Mühe gibt, es dem Besucher zu erleichtern, sich im umfangreichen Produktangebot zurechtzufinden.
Diese Lösung wird fortgeführt. Nachdem Sie die Kategorie ausgewählt haben, werden Sie weiterhin durch Fotos mit Unterkategorien geführt, bis Sie schließlich das gewünschte Produkt wählen. Zwischen den einzelnen Schritten finden Sie z.B. den Abschnitt mit einem Blog/Leitfaden zur Kategorie, in der Sie sich gerade befinden. Es lohnt sich, darauf zu achten, da auf anderen Websites der Blog oft „nebensächlich“ platziert ist und manchmal ein separates Element darstellt – hier ist er ein integraler Bestandteil des Kaufprozesses und unterstützt den Kunden bei der Auswahl eines Produkts, das seinen Erwartungen entspricht.
Und wenn Sie schließlich zum Einkaufswagen gelangen, gibt es auch eine durchdachte Lösung, die die Entscheidungen berücksichtigt, die der Kunde möglicherweise abwägen kann. „Verfügbarkeitsprüfung“ und „Online-Reservierung“ fallen hier besonders ins Auge.
Indem Sie die Verfügbarkeit der Waren überprüfen, können Sie gleich zu Beginn feststellen, ob das Produkt auf Lager ist und in wie vielen Filialen es in der Nähe verfügbar ist.
Wenn Sie den gewünschten Button auswählen, erscheint ein Pop-up, in dem – nach Eingabe der Stadt – Informationen über die Menge des Produkts im spezifischen Geschäft angezeigt werden. Es ist gut, hier zu erwähnen, dass auch Informationen über das letzte Bestandsupdate verfügbar sind – ich denke, das ist sehr wichtiges Wissen für den Benutzer, auf dessen Grundlage der Kunde sicher sein kann, dass er die aktuellsten Informationen sieht. Ein ähnliches Pop-up mit seinen Funktionen erscheint bei der Online-Reservierung.
Beim Online-Verkauf sollten Sie die Verkäufe in stationären Geschäften nicht vergessen, sondern sie eher unterstützen, um dem Kunden eine breite Palette von Möglichkeiten zu bieten und ihm in jedem Schritt des Einkaufserlebnisses Optionen zu präsentieren. Und schließlich – das Kundenpanel. JYSK hat sich um die grundlegenden Funktionen wie: das Profil, die Bestellhistorie, die Wunschliste und die Liste der zuletzt angesehenen Artikel. Der FAQ-Bereich kann hier eingesehen werden. Und genau wie der Blogbereich im Kaufprozess platziert, sind die häufig gestellten Fragen und Antworten zur Hand.
Wilson
Wahrscheinlich kennt fast jeder die Marke Wilson, aber vielleicht weiß nicht jeder, dass ihr Online-Shop auf Drupal basiert.
In diesem Fall muss ich auch hier wieder mit der Suchmaschine beginnen, denn sie scheint von allen bisherigen Beispielen am besten auszusehen. Außerdem zeigt sie, dass Sie mit Drupal Funktionen entwickeln können, die auf den ersten Blick unflexibel erscheinen könnten.
Der Hauptunterschied besteht darin, dass Sie nach Eingabe eines Begriffs direkt in den Shop gelangen, wo die Seite mit dem gewünschten Produkt, den Kategorien und der Menge angezeigt wird. Zusätzlich muss ich erwähnen, dass das Design durch Minimalismus geprägt ist, wodurch das Ganze übersichtlich bleibt.
Ich möchte jedoch auf das Element eingehen, das diesen Shop einzigartig macht und ihn von anderen abhebt. Im Hauptmenü gibt es den Button CUSTOM, der die Möglichkeit bietet, ein Produkt nach individuellen Bedürfnissen und Vorlieben „zu gestalten“.
Nach dem Drücken des Buttons gelangen Sie zum Modell (in diesem Fall – eines Tennisschlägers) und zur Auswahloption.
Und hier beginnt das Abenteuer, könnte man sagen. Die Möglichkeiten zur Personalisierung des Produkts sind wirklich groß. Von der Farbe, dem Glanz, der Art der Beschichtung, über die Wahl der Schattierungen des Logos, bis hin zur Verwendung von Mustern, die denen der Schläger der bekanntesten Tennisspieler der Welt ähneln. Hier noch mehr von mir gemachte Screenshots zu posten, würde zu viel Platz beanspruchen und gleichzeitig – die Interaktion mit den Möglichkeiten des Shops verhindern. Ich ermutige Sie daher, ihn zu besuchen und selbst einen Tennisschläger zu personalisieren. Ich werde hier jedoch die endgültige Ansicht des Produkts anfügen, einschließlich der Information über die geschätzte Zeit zur Fertigstellung der Bestellung.
Das obige Beispiel ist perfekt, wenn Ihr Geschäft Produkte umfasst, die für Ihre Kunden personalisiert werden. Mit Drupal können Sie einen einzigartigen Effekt erzielen, der den Erwartungen gerecht wird und gleichzeitig dem Benutzer ein außergewöhnliches Erlebnis bietet. Wenn Sie also ein Briefing für eine Drupal-Agentur vorbereiten und Ihre Vision auch nur ein wenig dem Beispiel von Wilson ähnelt, empfehle ich, dieses Beispiel zu erwähnen. Auf diese Weise wird das Drupal-Team Ihre Idee gut verstehen.
Lassen Sie uns einen Moment zur Startseite mit der Option zur Händlersuche zurückkehren.
Die Verwendung einer Karte erweist sich hier als äußerst nützlich. Nach Auswahl des gewünschten stationären Geschäfts erscheinen seine Details auf der Seite des Bildschirms, was eine zusätzliche Filterung nach Kategorie bietet. Im Falle von Wilson kann die Suche je nach Sportdisziplin eingegrenzt werden, in deren Kontext Sie die passende Ausrüstung und Zubehör erwerben können.
LUSH
Dieser Drupal-basierte Kosmetikshop kann ein gutes Beispiel für eine Produktpräsentation und die Gestaltung eines Kundenpanels sein.
Was das Erste betrifft, so spielt die Galerie eine Schlüsselrolle. Jede Unterseite mit einem bestimmten Produkttyp wird nach folgendem Muster erstellt: Banner, Bestseller-Produkt, andere Produkte. Zusätzlich haben einige von ihnen Informationen über den Lagerbestand, der im Lager zur Neige geht. Zudem gibt es auch Verweise zu Blog-Inhalten – also falls Sie Zweifel haben, welches Produkt Sie wählen sollen oder Ihr Wissen vertiefen möchten, müssen Sie die Unterseite nicht verlassen, denn alles ist hier an einem Ort.
Obwohl es viele Fotos gibt, bekommt man nicht den Eindruck, von deren Anzahl überwältigt zu werden. Wenn Sie also einen ähnlichen Stil für Ihren Shop in Betracht ziehen, dann nutzen Sie einen professionellen Designservice.
Das zweite Element ist das bereits erwähnte Kundenpanel. Das klare Menü fällt auf. Die Navigation und das Finden in Ihrem Profil sind einfach und angenehm, was bedeutet, dass der Kunde sich gerne einloggt.
Weiter unten im Panel ermöglichen einige Blöcke die Vorschau der Inhalte in Bezug auf das Panel-Menüelement.
WAM
Und schließlich das Verlagsunternehmen WAM als Beispiel für einen Drupal-basierten Shop mit einer großen Anzahl von Büchern. Das Unterscheidungsmerkmal der Startseite ist ihre Transparenz. Mein Augenmerk liegt auf den thematischen Blöcken mit Büchern aus einer bestimmten Serie. Dank der Verwendung des Sliders müssen Sie nicht den Block eingeben, sondern können durch das Drücken der Pfeiltaste die Titel verschieben.
Nach Auswahl eines Buches gelangen Sie zur Produktseite, auf der wir mehr über die Veröffentlichung erfahren können. Sie haben auch die Möglichkeit, einen Auszug aus dem Buch herunterzuladen.
Eine interessante Tatsache im Geschäft während der Bestellung ist die Möglichkeit, das gekaufte Produkt als Geschenk zu verschicken. Der Kunde kann nicht nur den Empfänger der Ware auswählen, sondern auch eine dekorative Verpackung. Dadurch muss sich der Käufer des als Geschenk gedachten Produkts keine Gedanken mehr über die Verpackung machen. Dies ist eine bequeme und nützliche Option.
Zusammenfassung
Mit der Wahl eines Drupal-basierten Shops können Sie von seinen vielen Möglichkeiten profitieren. Je nachdem, was Sie erwarten, was Sie verkaufen, haben Sie die Chance, ein E-Commerce so zu gestalten, dass Ihre Kunden so lange wie möglich auf Ihrer Website bleiben und die Anzahl der Conversions so hoch wie möglich ist. Ich hoffe, die obigen Beispiele haben Sie inspiriert und Sie möchten einige der Lösungen nutzen.
