Spycher Handwerk
Umsetzung und Weiterentwicklung des Onlineauftritts von spycher-handwerk.ch
Verschiedene Systeme – eine Webseite
Statt einer All-In-One-Lösung haben wir uns mit dem Kunden entschieden, verschiedene Tools einzusetzen. So kam ein Konstrukt aus Magento (Shop), WordPress (CMS), Plan.io (Reservationstool), Mailchimp (Newsletter), Wallee (Zahlungsprovider) und Google Analytics (Trackingtool) zustande, welches den aktuellen technischen Anforderungen und Möglichkeiten gerecht wird. Einzelne Systeme können so je nach Bedürfnis auch ausgewechselt werden, ohne das zwangsläufig der Rest ebenfalls ersetzt werden muss.
Neuer Onlineshop
Alter Onlineshop
Ein Webdesign um Ziele zu erreichen
Ein Design soll aus unserer Sicht nicht nur schön oder ausgefallen sein, sondern auch Ziele erreichen. Es geht nicht nur um Farben, Schrift und Form. Wichtiger ist es, eine Struktur und Wirkung zu erzeugen, welche dem Ziel der jeweiligen Webseite entspricht. Im Fall von Spycher Handwerk geht es darum, die Spycher-Welt erlebbar und authentisch wiederzugeben und den verschiedenen Besuchern einen intuitiven Zugang zu den verschiedenen Angeboten zu ermöglichen. Weiter ist die Webseite aber auch ein Teil der Geschäftsstrategie uns soll Produkte verkaufen, Buchungen ermöglichen und Informationen einfach zugänglich machen.
Eintauchen in die Spycher-Welt
Damit die Erlebniswelt entdeckt werden kann, haben wir verschiedene inhaltliche Module vorbereitet. So können verschiedenste Bereiche wiedergegeben und attraktiv dargestellt werden. Dabei haben wir das Ziel gesetzt, am Ende einer Seite wenn möglich eine primäre Handlung und alternativ weitere Inhalte zum Entdecken anzubieten. So kann das Kameltrekking nicht nur entdeckt sondern auch gebucht werden.
Den Besucher einfach zum Ziel bringen
Ein Shop ist nicht nur eine Webseite, sondern auch ein Werkzeug. Um das breite Sortiment von Spycher Handwerk einfach zugänglich zu machen, haben wir verschiedene Hilfen geschaffen. Die Hauptnavigation erschlägt einem zu Begin nicht mit vielen Einträgen und auch nach dem Aufklappen bleibt sie übersichtlich und zeigt immer nur das direkt darunterliegende Menü an. Unterstützend dazu dient die Seitennavigation, welche ebenfalls eine Vertiefung erlaubt und durch mitscrollen immer zur Verfügung steht. Wenn der Shopbesucher weiss was er sucht, kann die prominent platzierte Suche weiterhelfen. Ausserdem helfen verschiedene Filter und Sortierungen weiter, um die Suche zu verfeinern.
Wichtig war uns beim Design, dass der Kopfbereich der Webseite aufgeräumt ist. Dies erreichten wir mit einer schlanken Hauptnavigation und Icons für weitere wichtige Bedienelemente.
Ein flüssiges Shop-Erlebnis
Die Kategorie-Übersichtsseite haben wir so angelegt, dass sie je nach verfügbarem Inhalt und Stufe in der Hierarchie entweder direkt die Produkte zeigt, oder zuerst die verfügbaren Unterkategorien, Bestseller, Aktionen usw. Dies macht vor allem bei Kategorien Sinn, welche viele Produkte beinhalten.
Wenn der Besucher weis, was er kaufen möchte, kann er ein Produkt auch direkt in der Übersicht konfigurieren und bestellen. Die Produkt-Detailseite bietet weitere Bilder, Informationen und ähnliche Produkte. Auch der Warenkorb und Checkout sind so gestaltet, dass sie übersichtlich und gemäss best practice umgesetzt wurden. So muss der Kunde nicht lange suchen, sondern kommt wie gewohnt, einfach durch den Kaufprozess. Im Checkout werden alle störenden Elemente ausgeblendet, damit der Bestellung nichts mehr im Wege steht.
Kurse und Jurten-Übernachtungen online buchen
Ein weiteres wichtiges Angebot von Spycher-Handwerk ist die Erlebniswelt vor Ort. Dazu werden verschiedene Kurse, ein Tier- und Erlebnispark sowie Jurten-Übernachtungen angeboten. Für die Kurs- und Jurten-Buchungen wird das gleiche Tool benützt. Im Rahmen der Möglichkeiten haben wir die beiden Bereiche für den Besucher ausgebaut, so dass die Details besser aufbereitet und der Bestellprozess übersichtlich und nachvollziehbar ist. Dabei haben wir darauf geachtet, dass anfallende Kosten jederzeit aufgelistet und sichtbar sind.
Technische Umsetzung mit Magento, WordPress, Plan.io & Wallee
Unsere Philosophie ist es, die Stärken der Systemen einzusetzen und Schwächen oder Funktionseinschränkungen mit anderen Systemen auszugleichen. So können einzelne Systeme ihre Stärke ausspielen und auch einfacher ausgewechselt werden, wenn bedarf besteht.
Shop und Webseite mit Magento und WordPress
Da Spycher-Handwerk eine breite wie auch tiefe Produktpalette anbietet und viele Anforderungen an Produkt-, Lager- und Bestellverwaltung stellte, entschieden wir uns für das bewährte Shopsystem Magento 2. Das System ist führend als CMS von Onlineshops und bietet eine Menge Funktionen von Haus aus an.
Für die Verwaltung von statischen Seiten, haben wir uns für die Anbindung an WordPress entschieden. Hier verwenden wir unser bewährtes Setting für die Inhaltsverwaltung. Dieses umfasst den modularen Aufbau und unterstützt dabei einerseits den Redakteur beim Fokus auf den Inhalt und sorgt andererseits für eine konsistente visuelle Darstellung. Somit ist die Inhaltsverwaltung vom Shopsystem getrennt und beide Systeme können ihre Stärken voll ausspielen.
Zusätzliche Anbindung von Plan.io und Wallee
Um den breiten Anforderungen des Onlineshops von Spycher Handwerk gerecht zu werden, wurde zusätzlich zu Magento auch noch Plan.io angebunden. Plan.io bietet die Möglichkeit zur Terminkoordination und Buchung der Übernachtungsplätze sowie der Kursbuchung. Mit Wallee wird ein Zahlungsprovider verwendet, der technologisch auf dem neusten Stand und flexibel einsetzbar ist, sowie viele verschiedene Zahlungsmöglichkeiten von Haus aus anbietet. Auch bietet Wallee eine gute Verwaltung der Zahlungen und übersichtlich generierte PDF’s für Rechnung und Lieferschein an.
Geschwindigkeit für den Onlineshop
Die Geschwindigkeit eines Onlineshops ist entscheidend. Gerade bei einem Shop mit einer grossen Produktpalette ist das aber nicht einfach zu erreichen. Einen Schwerpunkt legten wir in die technischen Umsetzung, einen Weiteren in die Wahl des Webserver-Software. Mit Lightspeed anstatt NGINX konnten wir einiges mehr an Leistung herauskitzeln. Im Vergleich zu einer Magento 2 Performance ist die Geschwindigkeit nun etwa 3x höher. So fühlt sich die Bedienung der Webseite schnell und flüssig an.
Die Webpräsenz wird stetig weiterentwickelt
Nach dem Go-Live ist vor dem Go-Live. In monatlichen Paketen arbeiten wir stetig weiter an den gesetzten Zielen. Diese dienen der Optimierung und Verbesserung von Abläufen für den Shop-Besucher und -Betreiber.
