Firle und Franz
Ecommerce Website Relaunch
Projektübersicht
Firle und Franz ist ein nachhaltiges Bekleidungsgeschäft in Ravensburg, Deutschland. Zum Verkauf steht fair produzierte Mode. Zusätzlich führt Firle und Franz ein eigenes Nähatelier, wo eigene Stücke und Stoffe in bunten Farben und Muster entstehen. Der bestehende Online-Shop soll mit einem neues Kassensystem relaunch und optimiert werden.
Ziel
Erstellung eines leicht navigierbaren Online-Shops, der mit anderen nachhaltigen Ecommerce-Websites konkurrieren kann, ohne die Persönlichkeit und den Charakter des Geschäfts und die dahinter stehende Geschichte zu verlieren. Zusammenführung der verschiedenen Medien und Kanäle, um eine insgesamt passende visuelle Sprache zu schaffen.
Rolle
UX & UI Designer, Visual Designer, Hälfte des Teams
Tools
Adobe Creative Suite, Miro, Figma, WordPress WooCommerce & Divi
Dauer
Juli-November 2022
Zielgruppe
- Frauen im Alter von 25-55 Jahren, die in Deutschland leben und über ein stabiles, höheres Einkommen verfügen
- Sie interessieren sich für einen nachhaltigen Lebensstil, ökologisches Leben und Ernährung
- Sie sind gebildet und achten beim Kleiderkauf auf faire Gehälter und gute Arbeitsbedingungen
- Oft besteht ein Bedürfnis ein Bewusstsein für den Klimaschutz zu schaffen, begleitet von persönlichem Einsatz für das Thema
Informationsarchitektur
Damit Firle und Franz unter renommierten Ecommerce Shops bestehen kann, entstand unter meiner Verantwortung und mit Hinsicht auf andere Wettbewerber die Informationsarchitektur für den Online-Shop.
Wireframes & UI
Während die Kategorieseite dem Wireframe entsprechend umgesetzt wurde, entschieden wir bei der Produkt Detail-Seite die Produkt-Fotos linksbündig anzuordnen, damit für User direkt erkennbar ist, dass mehrere Ansichten zum jeweiligen Produkt existieren.
Die Kundenbewertungen und Produktempfehlungen haben die Plätze gewechselt, um die Bewertung präsenter und sichtbarer zu positionieren, um so möglicherweise mehr Bewertungen zu erzeugen.
(Effekt wird sich noch zeigen)
Visual Design
Das Logo war gesetzt, die restliche Markenidentität durfte und sollte visuell überarbeitet werden. Zum Einen gab es keine einheitliche visuelle Sprache. Bei früheren Werbemitteln und der (alten) Website kamen mehrere Schriften, Elemente und Icons zum Einsatz, die nicht konstant genutzt wurden und so teilweise nicht zu einander passten.
So kreierte ich einen kleinen Visual Guide zum Einsatz für die Website und weitere Medien (vor allem Social Media). Die Hauptfarben entstanden aus früheren Werbemitteln und wurden teilweise in der Sättigung angepasst. Der übergeordnete Look ist durch den physischen Laden und deren Stoffe inspiriert, die als sehr bunt, farbenfroh und fröhlich zu verstehen sind. Der Einsatz der Farben soll auf max. 3 Farben per Grafik beschränkt werden, die abstrakten Elemente dienen zur Aufmerksamkeitserregung, während die Icons konkret auf die Themen und Werte von Firle und Franz abgestimmt sind.
Learnings
Zum Einen war dieses Projekt mein erster konkreter Online-Shop, so konnte ich mir Kenntnisse über WooCommerce sowie den Aufbau von Produkten, Produktseiten, Produkt-Karussells und den generellen Aufbau aneignen. Zum Anderen haben wir dieses Projekt aufgrund des Aufwands stark fehlkalkuliert, da mit einer komplexeren Seite wie einem Online-Shop auch größere technische Herausforderungen einhergehen. Hauptsächlich lag das Development der Seite in der Verantwortung des zweiten Teammitglieds, so das ich bei der Umsetzung und Entwicklung mehr unterstützend tätig war und meine Hauptaufgaben zuvor im Konzept, UX und UI Design lagen.
Dennoch gab es auch in meiner Verantwortung immer wieder technische Aufgaben, die zu lösen waren, ohne bei der Benutzerfreundlichkeit oder dem Design Abstriche machen zu müssen. Durch kleinere User-Tests ergaben sich hilfreiche Einblicke, die zur Steigerung einer besseren Kauferlebnisses beitrugen.
Insgesamt war die Zusammenarbeit mit Firle und Franz sehr herzlich und angenehm. Als Resultat ist ein Online-Shop entstanden mit dem letztendlich alle Seiten zufrieden sind. Da auf weitere Werbemaßnahmen verzichtet wird, müssen konkrete Verbesserungen (Klick- und Kaufzahlen) noch beobachtet werden.