AEVOR: Neuer Online-Shop Look basierend auf dem neuen CI

Neues, individuelles Design für den eigenen Online-Shop. Gezielt zugeschnitten auf die neue CI von AEVOR, dank des Online-Shop Relaunches zusammen mit tante-e.

Services
  • Shop Relaunch
  • Konzept & Beratung
  • Individuelles Design
  • Programmierung
  • Individuelle Funktionalitäten

So konnte AEVOR als D2C Brand mit ihrem Online-Shop nach erfolgreichem Relaunch in neuem Glanz strahlen und neue Erfolge feiern.

  • Die Ausgangssituation

    AEVOR, mit Sitz in Köln, ist eine der führenden Marken im Bereich Rucksäcke, Fashion und Apparel. Als Teil der Fond of Gruppe, ist AEVOR bekannt für seine nachhaltige Herstellung und hochwertige Materialien. Die Marke zeichnet sich durch einen sportlicheren Fokus in Look & Feel aus und hat eine design-affine Zielgruppe. AEVOR war bisher vor allem stark über B2B-Kanäle und Offline präsent. Ihr kleines E-Commerce-Team wünschte sich pflegeleichte Online-Shops und Abläufe.

  • Die Herausforderung

    Obwohl der Online-Shop von AEVOR bereits auf Shopify aufgesetzt war, entsprach er nicht den optischen Ansprüchen der Marke und den Anforderungen an Performance, Pagespeed und Leistung. Der Shop bot nicht genug Möglichkeiten, die modernen Produkte der Zielgruppe ansprechend zu präsentieren. Als die Corporate Identity (CI) und der Brand Guide von Pinq Ponq überarbeitet wurden, sollte das Design des AEVOR Online-Shops entsprechend angepasst werden. AEVOR arbeitete eng mit einem Designbüro zusammen, das jedoch wenig Erfahrung mit E-Commerce, conversion-optimierten Designs und Shopify hatte.

  • Der Lösungsansatz

    tante-e, eine der führenden Shopify Plus Agenturen in Deutschland, wurde zur Unterstützung hinzugezogen. Gemeinsam mit AEVOR wurde ein Relaunch mit einem individuellen, maßgeschneiderten Design durchgeführt. tante-e konzipierte und programmierte ein eigenes Theme speziell für die Marke AEVOR, unterstützte das Designbüro in der Gestaltung und wurde frühzeitig in den Designprozess eingebunden. Nach dem Relaunch arbeitete tante-e weiterhin eng mit dem AEVOR-Team zusammen, um den Online-Shop mithilfe von Analysen und A/B-Tests kontinuierlich zu optimieren.

Die Umsetzung

Mobiles Design
Da der Großteil der Zielgruppe von AEVOR mobile Geräte für den Zugriff auf den Online-Shop nutzt, wurde das Design speziell für diese Geräte optimiert. Die Navigation wurde für kleine Bildschirme gestaltet und der gesamte Shop wurde so entwickelt, dass er auf mobilen Geräten reibungslos läuft und einfach zu bedienen ist.

Einheitliche Theme-Editor Struktur
Da das E-Commerce-Team sowohl für AEVOR als auch für Pinq Ponq zuständig ist, wurden beide Shops so aufgebaut, dass sie identische Backend-Strukturen aufweisen. Dies erleichtert die Arbeit des Teams erheblich und führt zu erheblichen Zeiteinsparungen im täglichen Betrieb.

Integration von Markenelementen
Ein Schlüsselelement im Brand Guide von AEVOR ist die Schräge. Diese Schräge wurde in das Design integriert und an verschiedenen Stellen des Shops aufgegriffen. Sie erscheint beispielsweise auf dem Startseitenbanner, dem Ladebalken und im Hintergrund verschiedener Seiten.

Mobiles Menü
Ein besonderer Hingucker im neuen Design war das mobile Menü. Hier wurde ein innovatives Design verwendet, das Dropdowns und Bildslider kombiniert. Dies ermöglicht es den Benutzern, auf platzsparende und optisch ansprechende Weise zu den gewünschten Kategorien zu navigieren.

Produktdarstellung und -details
Der Fokus der Produktpräsentation lag auf der Klarheit und optischen Sauberkeit, um den sportlichen Look & Feel der Marke zu betonen. Der Sticky Add-to-Cart-Button ermöglicht es den Kunden, Produkte jederzeit zum Warenkorb hinzuzufügen, auch wenn sie sich weiter auf der Seite informieren. Außerdem werden die Kern-USPs der Produkte zusammen mit Icons direkt am Seitenkopf aufgelistet, um die Kaufentscheidung zu erleichtern und das Produkt optimal zu präsentieren.

Features & Detail Section
Diese Section wurde für mobile Geräte neu konzipiert und präsentiert alle relevanten Produktinformationen auf platzsparende Weise. Statt auf herkömmliche Dropdowns oder Akkordeons zu setzen, werden die Informationen in einer Box dargestellt.

Die Umsetzung

01

Mobiles Design

Da der Großteil der Zielgruppe von AEVOR mobile Geräte für den Zugriff auf den Online-Shop nutzt, wurde das Design speziell für diese Geräte optimiert. Die Navigation wurde für kleine Bildschirme gestaltet und der gesamte Shop wurde so entwickelt, dass er auf mobilen Geräten reibungslos läuft und einfach zu bedienen ist.

02

Einheitliche Theme-Editor Struktur

Da das E-Commerce-Team sowohl für AEVOR als auch für Pinq Ponq zuständig ist, wurden beide Shops so aufgebaut, dass sie identische Backend-Strukturen aufweisen. Dies erleichtert die Arbeit des Teams erheblich und führt zu erheblichen Zeiteinsparungen im täglichen Betrieb.

03

Integration von Markenelementen

Ein Schlüsselelement im Brand Guide von AEVOR ist die Schräge. Diese Schräge wurde in das Design integriert und an verschiedenen Stellen des Shops aufgegriffen. Sie erscheint beispielsweise auf dem Startseitenbanner, dem Ladebalken und im Hintergrund verschiedener Seiten.

04

Mobiles Menü

Ein besonderer Hingucker im neuen Design war das mobile Menü. Hier wurde ein innovatives Design verwendet, das Dropdowns und Bildslider kombiniert. Dies ermöglicht es den Benutzern, auf platzsparende und optisch ansprechende Weise zu den gewünschten Kategorien zu navigieren.

05

Produktdarstellung und -details

Der Fokus der Produktpräsentation lag auf der Klarheit und optischen Sauberkeit, um den sportlichen Look & Feel der Marke zu betonen. Der Sticky Add-to-Cart-Button ermöglicht es den Kunden, Produkte jederzeit zum Warenkorb hinzuzufügen, auch wenn sie sich weiter auf der Seite informieren. Außerdem werden die Kern-USPs der Produkte zusammen mit Icons direkt am Seitenkopf aufgelistet, um die Kaufentscheidung zu erleichtern und das Produkt optimal zu präsentieren.

06

Features & Detail Section

Diese Section wurde für mobile Geräte neu konzipiert und präsentiert alle relevanten Produktinformationen auf platzsparende Weise. Statt auf herkömmliche Dropdowns oder Akkordeons zu setzen, werden die Informationen in einer Box dargestellt.

Die Ergebnisse

Der Relaunch führte zu einem modernen, optisch ansprechenden Online-Shop, der das neue Branding und die CI von AEVOR widerspiegelt. Der neue Shop ist nicht nur ästhetisch ansprechend, sondern auch auf Performance und Resultate ausgerichtet. Für das AEVOR-Team wurde die Handhabung des Shops erheblich vereinfacht und trotz der intensiven Nutzung von Fotos und Videos stieg der Pagespeed signifikant an.

Lessons Learned

Durch dieses Projekt hat tante-e gelernt, dass es möglich ist, Online-Shops für Design-affine Marken zu bauen, die weder in der Ästhetik noch in der Performance Einbußen hinnehmen müssen. Ein reduziertes Design lässt die Produkte stärker hervortreten und kleine, markenspezifische Details können dazu beitragen, sich von der Konkurrenz abzuheben und die Markenfans anzusprechen. Ein gut durchdachtes mobiles Menü kann die Übersichtlichkeit erhöhen und die Navigation erleichtern, ohne die Ästhetik zu beeinträchtigen.

Du überlegst deinen Online-Shop zu relaunchen?

Lass uns sprechen