Pinq Ponq: Mit neuer CI und Online-Shop zu neuen Höhen

Durch die neue Gestaltung des Online-Shops und ein maßgeschneidertes Design auf die neue Corporate Identity konnte Pinq Ponq neue Höhen mit ihrem Online-Shop erreichen.

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

So konnte Pinq Ponq mit einem Online-Shop Relaunch die neue CI auf den Online-Shop übertragen und die Performance des eigenen Online-Shops weiter steigern.

  • Die Ausgangssituation

    Pinq Ponq, mit Sitz in Köln und Teil der Fond of Gruppe, ist eine der führenden Marken im Bereich Rucksäcke, Fashion und Apparel. Sie sind bekannt für ihre nachhaltige Herstellung, hochwertige Materialien und besonders ansprechende Produkte, die eine design-affine Zielgruppe ansprechen. Obwohl Pinq Ponq stark in B2B-Kanälen und im Offline-Geschäft war, bestand das E-Commerce-Team aus einer kleinen Gruppe, die sich pflegeleichte Online-Shops und Abläufe wünschte.

  • Die Herausforderung

    Obwohl Pinq Ponq bereits einen Online-Shop auf Shopify betrieb, entsprach dieser nicht den optischen Ansprüchen der Marke oder den Anforderungen an Performance, Pagespeed und Leistung. Zudem bot der Online-Shop nicht genügend Möglichkeiten, die modernen Produkte der Zielgruppe auf ansprechende Weise zu präsentieren. Als die Corporate Identity (CI) und der Brand Guide der Marke Pinq Ponq überarbeitet wurden, sollte auch das Design und das Look & Feel des Online-Shops an das neue Design angepasst werden. Zwar arbeitete Pinq Ponq eng mit einem Designbüro zusammen, dieses hatte jedoch kaum Erfahrung mit E-Commerce, Conversion-optimierten Designs und insbesondere mit Shopify.

  • Der Lösungsansatz

    tante-e kam als eine der führenden Shopify Plus Agenturen in Deutschland dazu. Gemeinsam mit Pinq Ponq führte tante-e einen Relaunch mit einem individuellen, maßgeschneiderten Design durch und konzipierte und programmierte ein eigenes Theme speziell für die Marke Pinq Ponq. tante-e unterstützte das Designbüro bei der Gestaltung und Konzeption des Designs und führt auch nach erfolgtem Relaunch in enger Absprache mit Pinq Ponq kontinuierliche Optimierungen durch.

Die Umsetzung

Ästhetik und Design
tante-e und Pinq Ponq legten großen Wert auf eine klare, minimalistische Ästhetik, die die Werte und den Stil der Marke widerspiegelt. Dieses Design wurde speziell für eine mobile Nutzung optimiert, da dies der Hauptkanal für die Zielgruppe ist.

Theme Editor Strukturen
Im Backend wurden die Strukturen der Online-Shops von Pinq Ponq und AEVOR identisch aufgesetzt. Dies ermöglichte es dem E-Commerce-Team, das beide Shops managed, effizient zwischen den beiden Plattformen zu wechseln, was zu erheblichen Zeitersparnissen bei der alltäglichen Nutzung führte.

Markanter Produkteinstieg
Ein markantes Element der Umsetzung war die Einführung eines besonderen Einstiegs in die Kategorien auf der Startseite, der an die Bubbles von Instagram erinnert. Diese Funktion ermöglichte einen schnellen Zugang zu den relevanten Produktkategorien, was die Nutzerfreundlichkeit der Website verbesserte.

Startseite und mobiles Menü
Die Startseite wurde schlicht gehalten, wobei neben den Bestseller-Platzierungen auch Raum für die Kern-USPs der Marke - Nachhaltigkeit und hochwertige Materialien - gelassen wurde. Das mobile Menü wurde im Einklang mit der Marke bewusst einfach und übersichtlich gestaltet, wobei die Menüpunkte lediglich durch Icons visuell untermauert wurden.

Markenspezifische Details
Auffällige, markenspezifische Details wurden ebenfalls eingearbeitet, um den Charakter von Pinq Ponq zu betonen. So wurde beispielsweise das Warenkorb-Icon in Form eines Pinq Ponq Rucksacks gestaltet, was von Markenkenner:innen erkannt und geschätzt wird.

Kategorieseite
Die Kategorieseite wurde ebenfalls schlicht und übersichtlich gestaltet, mit einem starken Fokus auf große Bilder und Produkte. Kunden konnten Produkte direkt von der Kategorieseite in den Warenkorb legen, und spezielle Bildflächen ermöglichten es Pinq Ponq, die Markenstimmung noch besser darzustellen.

Produktseiten
Die Produktseiten wurden so gestaltet, dass sie viel Raum für Bildsprache und Fotos boten. Videos in der Produktfotogalerie, wie sie auch von anderen führenden Modemarken genutzt werden, ermöglichten es den Kunden, die Produkte in Aktion zu sehen. Da die verschiedenen Rucksackmodelle oft verglichen werden, wurde auf der Produktseite eine Gegenüberstellung der Produkte in Form einer Tabelle eingeführt.

Kundenbewertungen
Um das Vertrauen der Kunden weiter zu steigern, wurden Bewertungen von Reviews.io in die Produktseiten integriert. Diese fragen nicht nur die üblichen Produktbewertungen ab, sondern beleuchten auch speziell die Produktcharakteristik "Fit".

Die Umsetzung

01

Ästhetik und Design

tante-e und Pinq Ponq legten großen Wert auf eine klare, minimalistische Ästhetik, die die Werte und den Stil der Marke widerspiegelt. Dieses Design wurde speziell für eine mobile Nutzung optimiert, da dies der Hauptkanal für die Zielgruppe ist.

02

Theme Editor Strukturen

Im Backend wurden die Strukturen der Online-Shops von Pinq Ponq und AEVOR identisch aufgesetzt. Dies ermöglichte es dem E-Commerce-Team, das beide Shops managed, effizient zwischen den beiden Plattformen zu wechseln, was zu erheblichen Zeitersparnissen bei der alltäglichen Nutzung führte.

03

Markanter Produkteinstieg

Ein markantes Element der Umsetzung war die Einführung eines besonderen Einstiegs in die Kategorien auf der Startseite, der an die Bubbles von Instagram erinnert. Diese Funktion ermöglichte einen schnellen Zugang zu den relevanten Produktkategorien, was die Nutzerfreundlichkeit der Website verbesserte.

04

Startseite und mobiles Menü

Die Startseite wurde schlicht gehalten, wobei neben den Bestseller-Platzierungen auch Raum für die Kern-USPs der Marke - Nachhaltigkeit und hochwertige Materialien - gelassen wurde. Das mobile Menü wurde im Einklang mit der Marke bewusst einfach und übersichtlich gestaltet, wobei die Menüpunkte lediglich durch Icons visuell untermauert wurden.

05

Markenspezifische Details

Auffällige, markenspezifische Details wurden ebenfalls eingearbeitet, um den Charakter von Pinq Ponq zu betonen. So wurde beispielsweise das Warenkorb-Icon in Form eines Pinq Ponq Rucksacks gestaltet, was von Markenkenner:innen erkannt und geschätzt wird.

06

Kategorieseite

Die Kategorieseite wurde ebenfalls schlicht und übersichtlich gestaltet, mit einem starken Fokus auf große Bilder und Produkte. Kunden konnten Produkte direkt von der Kategorieseite in den Warenkorb legen, und spezielle Bildflächen ermöglichten es Pinq Ponq, die Markenstimmung noch besser darzustellen.

07

Produktseiten

Die Produktseiten wurden so gestaltet, dass sie viel Raum für Bildsprache und Fotos boten. Videos in der Produktfotogalerie, wie sie auch von anderen führenden Modemarken genutzt werden, ermöglichten es den Kunden, die Produkte in Aktion zu sehen. Da die verschiedenen Rucksackmodelle oft verglichen werden, wurde auf der Produktseite eine Gegenüberstellung der Produkte in Form einer Tabelle eingeführt.

08

Kundenbewertungen

Um das Vertrauen der Kunden weiter zu steigern, wurden Bewertungen von Reviews.io in die Produktseiten integriert. Diese fragen nicht nur die üblichen Produktbewertungen ab, sondern beleuchten auch speziell die Produktcharakteristik "Fit".

Die Ergebnisse

Das Ergebnis war ein moderner, optisch ansprechender Online-Shop, der dem neuen Brand Guide und der CI entsprach und auf Performance und Ergebnisse ausgerichtet war. Das Handling für das Team wurde radikal vereinfacht, Zeit wurde im Alltag durch die intelligente Gestaltung des Theme Editors und der Module eingespart. Der Pagespeed stieg signifikant, trotz der starken Einbindung von Fotos und Videos.

Lessons Learned

Das mobile Menü kann neu gedacht und die Produktkategorien können sowohl optisch ansprechend als auch übersichtlich dargestellt werden. Ein reduziertes Design lässt die Produkte und Produktfotos stärker in den Vordergrund treten. Durch kleine Details kann man die Markenfans dennoch bei einem einfachen Design ansprechen und sich von der Konkurrenz abheben. Es ist möglich, Online-Shops für Design-affine Marken zu erstellen, ohne dass die Performance leidet.

Du überlegst deinen Online-Shop zu relaunchen?

Lass uns sprechen