Bona Fide

ein Shopify-Shop rund um die Kollektion

Über einen Partner setzte ich die Layouts des Kunden in Shopify um und band Einkaufs- und Marketingwerkzeuge im Shop an.

Bereich
Sportbekleidung / USA
Technologien
Shopify / JavaScript
Projektjahr
2023
Bona Fide-Shop aus dem OnePix-Projektarchiv
Projektdetail

Bona Fide-Shop aus dem OnePix-Projektarchiv

Aktuelle Bona-Fide-Sportmodekampagne mit zwei Tennis-Looks und englischer Kollektionsschrift.
Projektdetail

Aktuelle öffentliche Markenkampagne als Einblick in das Sortiment. Mein dokumentierter Beitrag war Shopify-Umsetzung und Integration, nicht Fotografie oder Art Direction.

1 von 2

Die Aufgabe

Bona Fide betrieb bereits einen Shopify-Shop und brachte neue Entwürfe des eigenen Designteams mit. Diese sollten umgesetzt und der Einkauf verbessert werden, ohne die Plattform zu wechseln. Produktauswahl, Kundenkonto und Treueprogramm mussten dabei zusammenpassen.

Die Umsetzung

Über einen Partner wirkte ich an der Umsetzung der vom Kunden gelieferten Layouts für Startseite, Katalog, Kundenkonto und weitere Seiten in Shopify mit. Die Umsetzung verband Einkaufs- und Marketingwerkzeuge, überarbeitete die Navigation und entfernte unnötige Theme-Änderungen sowie überflüssige Apps. Der Projektanteil lag in Umsetzung und Integration; das visuelle Konzept stammte vom Kunden.

Das Projekt im Detail

Die Bilder zeigen Oberfläche und Kontext. Die Bildunterschriften unterscheiden Projektarchive von heutigen Website-Ansichten.

Das passende Produkt finden

Product Filter & Search wurde für Kategorien, Farben und Größen eingerichtet. Zusätzliche Produkteigenschaften wurden in Metafeldern hinterlegt. Das Desktop-Menü wurde kompakter; mobil blieb das Treueprogramm direkt erreichbar.

Das Projekt aus der Nähe

Der Fashion-Shop und seine Einkaufskategorien.
Projektdetail

Der Fashion-Shop und seine Einkaufskategorien.

Desktop- und Mobilnavigation für den Katalog.
Projektdetail

Desktop- und Mobilnavigation für den Katalog.

Aktuelle Bona-Fide-Produktfotografie mit schwarzer Leggings und Trainingsoberteil.
Projektdetail

Aktuelle öffentliche Produktfotografie. Sie zeigt den Katalogkontext und stammt nicht von mir.

Produktempfehlungen und Warenkorb.
Projektdetail

Produktempfehlungen und Warenkorb.

1 von 4

Ein zusammenhängender Einkauf

Im Kundenkonto stehen Bestellverlauf, persönliche Angaben und Bonusvorteile zur Verfügung. Das Treueprogramm wurde mit dem Warenkorb verbunden; Outfit-Empfehlungen, Bewertungen und Social Login ergänzten die gelieferten Oberflächen. Die Integrationen wurden an die gelieferten Oberflächen angepasst.

Kollektionsfilter auf Desktop und Mobilgeräten.
Projektdetail

Kollektionsfilter auf Desktop und Mobilgeräten.

Die Produktseite mit Varianten und Kaufoptionen.
Projektdetail

Die Produktseite mit Varianten und Kaufoptionen.

Die Oberfläche des Kunden-Bonusprogramms.
Projektdetail

Die Oberfläche des Kunden-Bonusprogramms.

Eine eigene Seite für Markenkooperationen.
Projektdetail

Eine eigene Seite für Markenkooperationen.

1 von 4

Theme bereinigen und prüfen

Die Übergabe umfasste Prüfungen der Desktop- und Mobilansichten sowie des Zusammenspiels der Apps. Nicht benötigte Builder und störende Erweiterungen wurden entfernt, das Laden von Bildern und Icons überarbeitet. Hinzu kamen Analysewerkzeuge und eine Bewerbungsseite für Kooperationen.

Bona-Fide-Startseitenentwurf nach dem vom Kunden gelieferten und von OnePix umgesetzten Design.
Projektdetail

Startseiten-Mock-up · Visuelles Design vom Kunden, von OnePix in Shopify umgesetzt.

Bona-Fide-Produktseitenentwurf nach Kundendesign, von OnePix umgesetzt; Bewertungen sind Beispielinhalte.
Projektdetail

Produktseiten-Mock-up · Kundendesign von OnePix umgesetzt. Bewertungen und Sterne sind Beispielinhalte des Entwurfs.

Mobiler Bona-Fide-Startseitenentwurf nach dem vom Kunden gelieferten und von OnePix umgesetzten Design.
Projektdetail

Mobiles Startseiten-Mock-up · Visuelles Design vom Kunden, von OnePix umgesetzt.

Bona-Fide-Shop auf Desktop und Mobilgerät in der ursprünglichen Projektpräsentation.
Projektdetail

Bona-Fide-Shop auf Desktop und Mobilgerät in der ursprünglichen Projektpräsentation. Originales öffentliches OnePix-Projektarchiv.

1 von 4

Das Ergebnis

Shop-Oberfläche

Das Kundendesign wurde auf den zentralen Einkaufs- und Kontoseiten umgesetzt.

Sortiment

Filter, Outfit-Empfehlungen, Bewertungen und Bonusprogramm sind in den Shop eingebunden.

Details zu Bona Fide

Entstand das visuelle Design in diesem Auftrag?

Nein. Das Konzept stammte vom Kunden. Dokumentiert ist seine Umsetzung im bestehenden Shopify-Shop.

Welche Shop-Funktionen wurden eingebunden?

Produktfilter, Bonusvorteile im Warenkorb, Outfit-Empfehlungen, Bewertungen und Social Login wurden in die gelieferte Oberfläche integriert.