So sollte ein Onlineshop aufgebaut sein – die wichtigsten Ansichten

Die meisten modernen Onlineshops verfügen über eine ganze Reihe verschiedener Ansichten. So gibt es eine Startseite, verschiedene Kategorie- und Produktansichten, ein Benutzerkonto, den Warenkorb und Bezahlvorgang. Viele Shops nutzen darüber hinaus die Wirkung von Blogs und zusätzlichen Informationsseiten, wo die Besucher wertvolle ergänzende Informationen erhalten.

Bereits bei der Planung eines Onlineshops solltest du dir Gedanken machen, wie diese einzelnen Ansichten aufgebaut sein werden. Möchtest du deinen Besuchern Hintergrundinformationen und Ratgeber anbieten, lohnt sich vielleicht ein eigener Blog. Sind deine Produkte komplex, sodass es sich lohnt, einen Online-Ratgeber zu integrieren? Du solltest dich am besten in deine Kunden hineinversetzen und überlegen, welche Informationen sie benötigen, um einen Kauf zu tätigen.

Den eigenen Onlineshop mittels Homepage-Baukasten aufbauen

Wenn du Lust hast deinen eigenen professionellen Onlineshop aufzubauen, dann kann ich dir den Homepage-Baukasten von Wix empfehlen. Der Vorteil eines solchen Baukasten ist es, dass du keinerlei Programmierkenntnisse benötigst und leicht einen eigenen Onlineshop einrichten kannst. Du musst nicht viel Zeit für die Konfiguration deines Shops investieren. Die gesparte Zeit kannst du dann beispielsweise nutzen, um Marketingmaßnahmen zu planen und durchzuführen.

Für dein Shop-Design kannst du beim Homepage-Baumkasten von Wix auf zahlreiche Vorlagen zurückgreifen und deinen Shop so individuell anpassen, damit das Design ideal zu deinem Logo und deinem Image passt. Der Editor von Wix macht es dir leicht, jede Seite deines Shop so zu gestalten, wie du es für richtig hältst.

Links findest du ein Bild vom Editor von Wix. Wie du siehst kannst du in deiner Seite verschiedenste Elemente einfügen, wie z.B. Texte, Bilder, Buttons, soziale Netzwerke, Videos usw. Du hast also einen gewissen Spielraum, dich von anderen Shops abzuheben und deiner Kreativität freien Lauf zu lassen.

Startseite

Die meisten Besucher gelangen über die Startseite auf einen Onlineshop. Dementsprechend ist die Startseite besonders wichtig. Macht die Startseite einen unseriösen Eindruck und fühlen sich die Besucher nicht wohl, wird dies schnell an einer hohen Absprungrate festzustellen sein.

Ziel sollte es sein die Startseite so zu gestalten, dass der Besucher sofort ganz genau weiß, welche Produkte bei dir angeboten werden und erkennt, dass es sich hierbei um einen seriösen Onlineshop handelt.

Auf der Startseite finden sich in aller Regel die folgenden Elemente:

• Logo
• Primäre und sekundäre Navigationsleiste
• Suchleiste
• Warenkorb
• Produkte, die im Moment besonders beworben werden
• Werbebanner zu aktuellen Aktionen und Produkten
• Links zu zahlreichen Unterseiten im Footer
• Sprachauswahl (bei internationalen Shops)

Logo

Das Logo spielt eine besonders wichtige Rolle, da es in erster Linie zur Wiedererkennung dient. Durch ein gutes Logo erinnern sich deine Besucher leichter an deinen Onlineshop. In den meisten Shops wird das Logo in der oberen Linken Ecke platziert, teilweise auch in der Mitte. Dies sollte man bei seinem eigenen Onlineshop beibehalten, denn Internetnutzer sind dieses Design von Onlineshops gewohnt. Ein völlig neuartiges Design kann dazu führen, dass der Shop als weniger seriös wahrgenommen wird. Um das Logo herum sollte zudem etwas Platz gelassen werden, da es so besser erkannt wird. Ein Logo zwischen verschiedenen Buttons und anderen Bilder fällt deutlich weniger auf, sodass auch der Wiedererkennungswert sinkt.

Die Farbgestaltung deines Logos beeinflusst außerdem die Farbgestaltung deines gesamten Shops. Zu einem blauen Logo passt natürlich ein blaues Shop-Design deutlich besser als ein gelbes Design. Hier sollte also darauf geachtet werden, dass die verwendeten Farben gut zusammenpassen. Idealerweise spiegelt dein Shop das Farbschema des Corporate Designs wieder.

Navigationsleisten

Im Kopfbereich eines Onlineshops befinden sich in aller Regel zwei Navigationsleisten. Die primäre Navigation verlinkt die Kategorien und Produkte des Shops. Hier ist es besonders wichtig, auf eine klare Struktur zu achten, denn insbesondere große Shops haben Probleme, die einzelnen Unterkategorie übersichtlich anzuzeigen. Die sekundäre Navigation befindet sich meist rechts oben und verlinkt zum Beispiel den Warenkorb oder das Benutzerkonto.

Diesen typischen Aufbau sollte du für deinen Onlineshop ruhig beibehalten, da sich Internetnutzer an diesen Aufbau gewöhnt haben und sich hiermit inzwischen sehr gut zurechtfinden.

Der eigentliche Inhalt

Der eigentliche Inhalt der Startseite beginnt inzwischen meist mit einer großen Slideshow oder einem großen Titelbild. Danach folgenden derzeit besonders beworbene Produkte. Ein Titelbild oder eine Slideshow sollen zunächst einmal die Aufmerksamkeit des Besuchers einfangen. Emotionale Werbebilder eignen sich hierfür besonders. Natürlich muss der Inhalt und die Darstellung der Bilder zum Image des Shops passen. Alternativ können dort auch aktuelle Rabattaktionen beworben werden.

Nun folgen meist Topseller und rabattierte Artikel, die dem Besucher einen Einblick in deine Produktpalette geben.

Ganz unten in der Fußzeile (Footer) folgen Links und Informationen zu wichtigen Themen. Die AGB, Impressum, Datenschutzbestimmungen, Informationen zum Versand usw. können hier verlinkt werden. Viele Shopbesucher wissen das und nutzen den Footer, um schnell zu den Unterseiten zu gelangen, die sie suchen.

Kategorieansicht

Die Hauptaufgabe dieser Ansicht ist es, dem Besucher die Produkte einzelner Kategorien auf eine übersichtliche Art und Weise anzuzeigen.

Ausschnitt aus der Kategorieansicht von Wix:

In der Kategorieansicht finden sich meisten die folgenden Elemente:

• Filternavigation
• Produkte
• Sortiermöglichkeiten
• Breadcrumb-Navigation

Die Breadcrumb-Navigation (Brotkrumen-Navigation) zeigt dem Besucher an, wo im Shop er sich derzeit befindet. Diese Navigation dient also in erster Linie der Orientierung, damit sich ein Besucher im wahrsten Sinne der Wortes nicht verläuft.

Mit Hilfe der Filternavigation wollen wir unseren Besuchern die Möglichkeit geben, die dargestellten Produkte zu filtern. Wer eine günstige Jeans für unter 100€ sucht, dem müssen wir keine Jeans für 200€ anzeigen. Der Besucher kann hiermit die Darstellung so beeinflussen, dass nur noch die Produkte angezeigt werden, die er sehen möchte.

Eine Sortiermöglichkeit bietet sich ebenfalls an. Ich kenne es von mir selber, wie ich oft die angezeigten Produkte nach den Bestsellern, einen günstigen Preis oder anderen Faktoren sortiere. Mit dieser Sortiermöglichkeit bieten wir unseren Kunden die Möglichkeit noch schneller das passende Produkt zu finden.

Produktdetailansicht

Klickt nun ein Besucher auf ein bestimmtes Produkt gelangt er zur Produktdetailansicht. Hier bietet sich dir nun die Chance, dem potentiellen Kunden weiterführende Informationen zum Produkt darzustellen.

Produktdetailansicht von Wix:

Die wichtigsten Elemente dieser Ansicht sind:

• Produktname
• Lagerbestand/Verfügbarkeit
• Konfigurationsmöglichkeiten bzw. Produktvarianten
• Produktbeschreibungen und technische Informationen
• Preis
• Produktbild (am besten mit mehreren Ansichten)
• Warenkorb-Button

Auf der linken Seite der Produktdetailansicht findet sich meistens das Produktbild und auf der rechten Seite der Name des Produkts. Der Produktname gibt dem Besucher meist schon genauere Informationen darüber, welches Produkt er sich genau ansieht. So sehen die verschiedenen Größen eines Fernsehmodells gleich aus, doch der Produktname verrät uns unter anderem wie viel Zoll der aktuell betrachtete Fernseher besitzt.

Mit dem Lagerbestand informierst du deine potentiellen Kunden, ob das gewünschte Produkt verfügbar ist und wie lange der Versand voraussichtlich dauern wird. Typischerweise wird ein vorhandener Artikel mit „Auf Lager“ gekennzeichnet, wobei zur zusätzlichen Verdeutlichung der Text grün ist. Falls der Artikel nicht mehr auf Lager ist signalisiert ein rotes „Nicht auf Lager“, dass der Artikel derzeit nicht verfügbar ist.

Viele Produkte bieten Konfigurationsmöglichkeiten. So gibt es ein T-Shirt vielleicht in mehreren Farben. Auf der Produktdetailseite kann der Kunde dann die für ihn passende Farbe und passende Größe auswählen.

Unter dem Produktbild folgen dann die Detailinformationen. Wichtig ist es, hier dem Besucher alle relevanten Informationen mitzugeben, die für den Kauf eventuell relevant sein könnten. Wie fällt zum Beispiel die Hose aus, welcher Prozessor befindet sich in dem Laptop usw.

Benutzerregistrierung und Benutzerlogin

Die allermeisten Onlineshops bieten ihren Kunden die Möglichkeit, ein individuelles Benutzerkonto zu erstellen. Hierdurch fällt erneutes Einkaufen leichter und Kunden können ihre Bestellungen verwalten.

Bei der Registrierung eines neuen Benutzers werden meist Vor- und Nachname, E-Mail-Adresse und ein vom Nutzer gewähltes Passort abgefragt. Du kannst den Kunden auch fragen, ob er den Newsletter abonnieren möchte.

Besonders die Usability spielt bei diesen Seiten eine wichtige Rolle. Wenn das vom Nutzer gewählte Passwort beispielsweise mindestens einen Großbuchstaben beinhalten muss, dann sage dies dem Nutzer klar und deutlich. Vermeide eine allgemeine Fehlermeldung, wie z.B. „ungültiges Passwort“.

Möchtest du einen Onlineshop erstellen? Dann kann ich dir Homepagebaukästen, wie Wix sehr empfehlen. Denn so kannst du dich auf die wirklich wichtigen Dinge konzentrieren. Z.B. hochwertige Produkte zu vernünftigen Preisen zu verkaufen, dem Nutzer einen großartigen Service anzubieten usw.

Bildquelle: © venimo – Fotolia