Exxpozed.de – Shop Relaunch mit Magento

Nach mehr als 9 Monaten Arbeit ist vor einigen Tagen der neue Online Shop von Outdoorsport24 auf Basis von Magento unter der Domain www.exxpozed.de online gegangen.

Outdoorsports24.com betreibt auf dieser Seite einen Online Shop für technisch anspruchsvolle Outdoor-Bekleidung & hochwertiges Outdoor-Equipment. Neben den beiden Online Shops betreibt der Inhaber Andreas Oliver Bindhammer noch ein eigenes Ladengeschäft in Kempten.

Gemeinsam mit dem Auftraggeber und mehreren beteiligten Freelancern und Agenturen (u.a. Welance, Kreativkonzentrat) hatten wir uns zum Ziel gesetzt einen Online Shop auf Basis von Magento umzusetzen, der in einigen Bereichen neue Maßstäbe setzt und der sich von der Vielzahl der Online Shops im Bereich Outdoor Sport abhebt.

Um das Ziel zu erreichen standen aus diesem Grund die Benutzerfreundlichkeit, ein anspruchsvolles Design und technische Raffinessen für den Klettersportbegeisterten Eigentümer bei der Konzeption und Umsetzung des neuen Online Shops im Vordergrund.

Meine Aufgabe bei der Umsetzung

Als Schnittstelle zwischen den Projektbeteiligten betreute ich das Gesamtprojekt Shop Relaunch in den Bereichen Konzeption, Projektplanung und Projektmanagement.

Zu Beginn meiner Tätigkeit hatte ich zunächst unter Rücksprache mit dem Auftraggeber und dem Lead Developer einen umfassenden Anforderungskatalog erstellt, in dem alle notwendigen Funktionen, Ideen und Wünsche für den neuen Online Shop festgehalten wurden.

Da der Auftraggeber mit dem bestehenden Logo nicht zufrieden war, hatten wir als einer der ersten Maßnahmen nach der Erstellung des Anforderungskataloges einen Logo-Design Wettbewerb auf 12designer.com gestartet. Das Ergebnis des Logo-Wettbewerbes könnt ihr heute in dem neuen Online Shop sehen.

Parallel zu dem Wettbewerb hatte ich mit dem webbasierten Wireframe-Tool Pidoco einen interaktiven Prototype des neuen Online Shops mit unterschiedlichen Ansichten der Startseite, Kategorieseite und der Detailseite erstellt.

Auf dieser Grundlage wurde von mir nach der Beendigung des Logo Wettbewerbes und unter Rücksprache mit den Usability-Experten von Shoplupe das Designbriefing für die Shop-Designer angefertigt. In Teamwork zwischen allen Beteiligten ist ein modernes und nutzerfreundliches Template herausgekommen, das durch intelligente Usability-Features überzeugt.

Nach der Fertigstellung des Designs ging es an die technische Umsetzung. Im Vorfeld habe ich ein umfassendes Pflichten- und Lastenheft erstellt, damit die beteiligten Entwickler eine vernünftige Arbeitsgrundlage für die Umsetzung haben. Vor dem Hintergrund dass die verschiedenen Entwickler an drei räumlich getrennten Standorten zu Hause sind, war es besonders wichtig, das Pflichtenheft mit großer Sorgfalt anzufertigen und auf die jeweiligen Aufgaben gezielt einzugehen, damit während der Umsetzung jeder einzelne weiß, was zu tun ist.

Nach der Fertigstellung des Pflichtenheftes und einem anschließenden Briefing begann nun die eigentliche Umsetzungsphase. Während dieser Zeit stand ich dem Auftraggeber und den Entwicklern im Rahmen eines agilen Projektmanagements zu jeder Zeit mit Rat und Tat zur Seite.

Auf Grund der räumlichen Trennung wurde das Shop Relaunch Projekt ohne Frage deutlich anspruchsvoller, aber durch eine gute Koordination und Kommunikation konnte der neue Shop nach einigen Monaten Entwicklungszeit guten Gewissens online gehen. Auch wenn noch nicht alle geplanten Features live sind, bin ich davon überzeugt, dass sich das Ergebnis durchaus sehen lassen kann?

Kernfunktionen / Neuerungen

Front Page / Home Slider mit wechselnden Slides - Exxpozed.de Magento Online Shop Frontpage Slider mit Willkommens-Gruß

Auf der Startseite werden die Besucher zunächst mit einem großen Willkommens-Gruß in Form eines Bildes im Online Shop begrüßt. Nach einigen Sekunden fährt das Bild nach oben und es wird ein Slider mit 3 verschiedenen Slides eingeblendet. Titel, Kurzbeschreibung, Bilder, Buttons und Aktions-Overlays können im Backend des Magento Shops verwaltet werden.

 

Übersichtliches Megamenü - Exxpozed.de Magento Online Shop Übersichtliches Mega Menü

Ein übersichtlicher Aufbau, als auch Geschwindigkeit und Dynamik standen bei der Entwicklung des Mega-Menüs im Vordergrund. Die Kategorien und Marken, als auch die Filter Wetter & Einsatzbereich werden dynamisch aus der Datenbank ausgelesen und jeweils passend zu den jeweiligen Kategoriepunkten eingeblendet.

 

Sticky navigation menu - Exxpozed.de Magento Online Shop Sticky Navigation / Fixierte Navigation

Die doppelte Navigationsleiste mit den Shopkategorien, der Suche und dem Warenkorb werden beim scrollen am Kopf der Seite fixiert, wodurch der Kunde alle wichtigen Navigationselement und vor allem den Warenkorb und die Suche immer im Blick hat.

 

Fixierte Seitennavigation - Exxpozed.de Magento Online Shop Fixierte Seitennavigation für Top-Marken

Da Marken bei Exxpozed ein wichtiges Verkaufskriterium sind, haben wir auf der rechten Seite eine vertikale Navigation mit den Top10 Marken des Online Shops fixiert. Dadurch hat der Besucher diese Marken immer im Blick und kann durch nur einen Klick direkt in den jeweiligen Markenshop gelangen.

 

Produkt Overlays in der Kategorieansicht - Exxpozed Magento Online ShopKategorieansicht mit Produktoverlays, Farbvorschau & Endless Scroll
Online Shopper wünschen auf Kategorieseiten viel Übersicht als auch essentielle Produktinformationen zum Farbangebot und der Größenauswahl. Aus diesem Grund haben wie das Farbangebot der Produkte in Form kleiner Thumbnails auf der rechten Seite integriert. Im Produktoverlay gibt es neben der Kurzbeschreibung eine Übersicht zum Größenangebot. Ein Endless Scroll rundet die Nutzerfreundlichkeit auf dieser Ansicht ab.

 

Übersichtliche Pprodukt Detailseite mit zentraler Bühne im Viewport - Exxpozed Magento Online ShopÜbersichtliche Detailseite mit zentraler Bühne

Die Produktdetailseite ist das Aushängeschild eines Online Shops. Kunden wünschen Übersichtlichkeit und Nutzerfreundlichkeit. Aus diesem Grund haben wir uns bei Exxpozed von der klassischen Produkt-Detailseite anderer Online Shops verabschiedet, bei der das Produktbild auf der linken Seite positioniert wird und alle produktrelevanten Zusatzinformationen außerhalb des Viewports unterhalb der Produkte angezeigt werden. Bei Exxpozed finden sich ab einer Auflösung von 1280×800 alle wichtigen produktspezifischen Informationen (Bilder, Produktbeschreibung, Material, Größen, Farben, Warenkorb) innerhalb des Viewports, die über schnell erlernbare Tabs auf der linken Seiten im zentrierten Bereich eingeblendet werden. Besucher mit noch höheren Auflösungen können sogar den gesamten Produktbereich sehen, inklusive aller relevanten Service-USPs, die über Tooltips eingeblendet werden. Da moderne Notebooks und Tablets über deutlich größere Auflösungen als die genannten 1280×800 verfügen ist es sowieso nur eine Frage der Zeit, bis auch die kleinen Auflösungen bei der Programmierung zu vernachlässigen sind.

 

Markenshop Ansicht - Exxpozed Magento Online ShopMarkenübersicht mit A-Z Anzeige

Marken sind sehr wichtig, da viele Online Shopper bereits gezielt nach Produkten einer speziellen Marke suchen. Aus diesem Grund gibt es einen Einstiegsbereich in die Markenwelt mit A-Z Übersicht (die automtisch erweitert wird) und Premium Marken, die mit einem Bild angeteasert werden.

 

One Site Checkout - Exxpozed Magento Online ShopOne-Site Checkout

Im Checkout kommt es vor allem darauf an, dass der Kunde seinen Kauf abschließt und nicht vorzeitig abbricht. Verschiedene Studien zeigen, das viele Schritte, bei dem der Käufer schnell die Übersicht verliert, häufig zu höheren Abbruchquoten führt. Das muss zwar nicht grundsätzlich so sein, denn hier kommt es auch auf andere Faktoren an (z.B. Angebot an Zahlungsarten, Logistik-Dienstleister, Vertrauensstärkende Elemente u.a.), aber aus Erfahrung wird ein One-Site Checkout von den Käufern sehr gut angenommen. Bei Exxpozed haben wir uns daher bewusst dazu entschieden einen übersichtlichen One-Site-Checkout zu integrieren, da der Online Shopper alle relevanten Kauf-Informationen übersichtlich auf einer einzigen Checkout-Seite findet. Nach bisheriger Einschätzung und Analyse wird das auch sehr positiv von den Käufern angenommen.

 

Wenn Ihnen der Artikel gefällt, würde ich mich freuen, wenn Sie einen Kommentar hinterlassen oder meinen RSS-Feed abonnieren.

Über Henryk

Henryk Lippert beschäftigt sich schon seit vielen Jahren mit E-Commerce, Online Marketing, Multichannel, Internationalisierung & Usability. Dabei konnte er ein umfassendes Wissen aufbauen. Henryk Lippert lebt in London und arbeitet hauptsächlich in England und Deutschland.

,

8

8 Kommentare zu Exxpozed.de – Shop Relaunch mit Magento

  1. Matze 29/04/2013 at 17:16 #

    ist ein richtig guter Shop geworden, gefällt mir :) . Wobei ich den Endless Scroll auf den Kategorieseiten nicht so gut finde, da man den Footer irgendwie nicht erreicht. Könnt ihr euch ja mal ansehen. Die Detailseite ist wirklich gut gelungen.

    • Henryk 29/04/2013 at 17:27 #

      Hi Matze,

      danke für dein Feedback und den Hinweis. Mit dem Endless Scroll gebe ich dir Recht, das steht bei uns schon auf der Agenda :) . Wir wollen es begrenzen auf max. 3-4 Seiten.
      Viele Grüße,
      Henryk

  2. Markus Thies 29/04/2013 at 19:24 #

    Hallo Herr Lippert,

    vielen Dank für den inspirierenden Artikel. Der Shop ist wirklich schön geworden. Allerdings finde ich das Konzept Exxpozed als Outlet nicht wieder. Vielleicht hat sich auch das Konzept geändert.
    und einen kleinen Bug gefunden: Kontakt

    Grüße
    Markus

    • Henryk 29/04/2013 at 20:04 #

      Hi Markus,
      vielen Dank, Exxpozed soll definitiv kein Outlet sein oder wie kommst du darauf? Bzgl. Bug bei Kontakt im Header yes… da ist mal ein richtig blöder Bug ;) , vielen Dank, werden wir gleich mal ändern. So ist das manchmal, da schauen so viele Augen drauf, aber genau sowas sieht man nicht.

  3. Markus Thies 03/05/2013 at 18:28 #

    Auf der Seite http://www.outdoorsports24.com/shopnews.php?news_id=10 steht der Name Exxpozed für das Outlet der Firma. Oder habe ich das falsch verstanden.

    • Henryk 04/05/2013 at 17:25 #

      Hi Markus, das ist etwas missverständlich an dieser Stelle. Exxpozed ist der Name der Firma, aber in dem anderen Shop ist der Outlet-Bereich gemeint. Ich werde die Info aber mal weiter geben, damit das etwas klarer kommuniziert wird ;) . Vielen Dank noch mal für deine Hilfe, nur durch solche Unterstützung findet man auch die speziellen Details :)

  4. Holger 21/04/2015 at 08:32 #

    Hallo Henryk,

    der Shop macht einen übersichtlichen und aufgeräumten Eindruck, einige sehr schöne Ansätze. Allerdings (es ist schon ein wenig Zeit vergangen, wir haben 2015), ist der Shop derartig träge, dass ich als Kaufinteressent spätestens nach dem 2ten Klick auf einen Link den Shop genervt verlassen würde. Schade!

    • Henryk 21/07/2015 at 13:30 #

      Hi Holger,
      danke für dein Feedback. Hinter dem Shop steck Magento, was es nicht einfach gestaltet. Dem Eigentümer ist die Thematik bekannt, allerdings bin ich derzeit nicht aktiv im Projekt involviert, weshalb ich keine Infos habe, wie es hier weitergeht. Es ist ja auch die große Frage, wie es bei Magento nun weitergeht, nachdem Magento von eBay verkauft wurde. Man kann nur hoffen, dass damit auch wieder etwas mehr Professionalität bei Magento einkehrt, nachdem das die letzten Jahre leider auf der Strecke geblieben ist (Stichwort Magento 2.0…). Grüße, Henryk

Hinterlasse eine Antwort