Beschreibung
Für Biersafe, einen Bierzubehörhersteller aus Deutschland, haben wir einen neuen E-Commerce-Shop konzipiert und entwickelt.
Die Mission
Unsere Mission war es, den bestehenden Wordpress-Onlineshop mit modernster Technologie neu zu gestalten und zu entwickeln. Die neue Seite sollte das Einkaufserlebnis verbessern und letztendlich die Conversion steigern.
Zusammen mit Biersafe haben wir uns auf einen lückenlosen Entwicklungsprozess geeinigt. Dieser umfasste mehrere Schritte, die im Folgenden aufgeführt sind
Branding
In einer Discovery-Session und einem anschließenden Branding-Workshop haben wir das Biersafe-Team mit seiner Marke konfrontiert. Wir definierten den Kunden, überarbeiteten das Wertversprechen von Biersafe und schufen eine überzeugende visuelle Sprache.
Wir stellten fest, dass die Kunden von Biersafe größtenteils Hausbesitzer mittleren Alters mit einem Garten und einem großen Freundeskreis sind, die sich gerne draußen treffen.
Das Ergebnis war eine Branding-Guideline und eine auf diese Kunden zugeschnittene Seitenstruktur in Form von Wireframes.
Design
Während die Branding-Guidelines und Wireframes die Grundlage für die Customer Journey legten, übersetzten unsere Designer diese in ein High-Fidelity User Interface. Besonderen Wert legten wir dabei auf ein Design, das stark mit der Sprache der zuvor geschaffenen Marke verbunden ist. Mit einer neuen sonnengelben Farbe, die Bier und Sonnenschein repräsentiert, und einer lässigen 70er-Jahre-Schriftart haben wir die visuelle Sprache von Biersafe aufgefrischt.
Das finale Design umfasste eine emotionale User Journey auf der Landing Page, eine funktionale Shop-Seite und informative Team- und Info-Seiten.
Entwicklung
Um einen perfekt angepassten und hochperformanten Onlineshop zu erstellen, nutzten wir das Frontend-Framework GatsbyJS und integrierten die E-Commerce-Plattform Shopify. Die im E-Commerce-Bereich noch nicht häufig benutzte statische Seitengenerierung durch Gatsby sorgt für nahezu unmerkbare Ladezeiten. Das verbesserte Nutzererlebnis führt zu niedrigeren Absprungraten und höheren Abschlussraten.
Wir fügten Contentful als Content Mangagement System hinzu, damit Biersafe die Informationsinhalte einfach bearbeiten und neue Versionen der Seite veröffentlichen kann.
Lieferung
Nachfolgend kümmerten wir uns um das Deployment der neuen Seite und sorgten für einen nahtlosen Übergang von der alten zur neuen Seite ohne Ausfallzeiten.
Abschließend veranstalteten wir gemeinsam mit Biersafe einen Übergabe-Workshop, in dem wir erklärten, wie man den Produktkatalog in Shopify verwaltet und Inhalte auf der Seite ändert.
Seit der Übergabe hosten, warten und gewährleisten wir kontinuierlich die Sicherheit der Seite.
Prost!
