Shopify-Shop & Headless B2B-Katalog für einen Kunstverlag

Moderne Technik trifft auf moderne Kunst

Übersicht - PGM Shop Relaunch & B2B Katalog

Raus mit dem Alten und rein mit dem Neuen. Es ist 2018 und PGM sucht nach einem Partner, um ihren in die Jahre gekommenen Online-Shop zu erneuern, und da kamen wir ins Spiel. Wir konnten für sie ein völlig neues E-Commerce-Kundenerlebnis schaffen.

Kunde

PGM ArtWorlD

Dienstleistungen

Technische Beratung

/

UX Design

/

UI Design

/

Webentwicklung

/

App-Entwicklung

Dauer

5 Monate

Das Team

1 Tech Consultant

/

1 Project Manager

/

2 Front-end

Engineers

/

2 Back-end

Engineers

/

1 UX Designer

/

1 Visual Designer

Herausforderungen & Ziele

PGM stand vor einem technischen Dilemma – das System, auf das sie sich stark stützten (Shopware 4 Shop), lief aus. Ein System, das sie seit Jahren nutzten und das bereits alle ihre individuellen Elemente, wie den Bildkonfigurator und einen B2B-Modus für die zahlreichen Partner von PGM, eingerichtet hatte. Sie wussten, dass die Übertragung dieser großen und wichtigen Datenmenge nicht einfach sein würde, und sie benötigten, dass ihre neue Website alle Funktionen ihrer alten hatte – wenn nicht sogar mehr!

Unser Ansatz

Wir mussten ganz von vorne anfangen. Zuerst mussten wir uns für ein geeignetes Shopsystem entscheiden. Wir benötigten ein System, das als Grundlage für die E-Commerce-Infrastruktur von PGM dienen konnte. Als nächstes mussten wir ein Konzept entwickeln, das sowohl B2C- als auch B2B-Kunden berücksichtigt.

53k+

Besucher im B2C-Shop nach dem Relaunch

8+

Produkte erfolgreich migriert

8

Especial besondere Teammitglieder

0

Geplante Wartungsstunden / Monat

Roadmap - Von A nach B, der Weg zur Ziellinie

Das erste, was entschieden werden muss, ist die richtige IT-Infrastruktur, da diese als Grundlage des Projekts dient. Gemeinsam mit den Stakeholdern durchlaufen wir die Konzeptphase, in der Wireframes erstellt und Funktionen in Design Sprints oder UX-Workshops entwickelt werden. Die Wireframes werden dann im visuellen Design in Bezug auf Farbe und Ästhetik verfeinert und schließlich in Programmcode umgewandelt.

Technische Beratung
Konzept & UX-Design
Visuelles Design
Programmierung

→ Technische Beratung -
Gehe auf Multichannel

Während der ersten Beratung wurde schnell klar, dass die Anforderungen an einen Online-Shop für Endverbraucher und einen Online-Shop für die B2B-Partner von PGM sehr unterschiedlich sind. Dies machte klassische Shopsysteme aufgrund der einzigartigen Verkaufsstrategie und Anforderungen von PGM unbrauchbar. Also dachten wir – Herausforderung angenommen.

Die Entscheidung war, die Kundengruppen über verschiedene Kanäle anzusprechen. Endverbraucher würden einen modernen, cloudbasierten Shopify-Shop nutzen. B2B-Partner erhalten ihr eigenes, hochgradig individualisiertes Einkaufserlebnis als Teil eines Online-B2B-Katalogs auf Headless-Basis.

Problem gelöst. Diese clevere Taktik stellt sicher, dass beide Kundengruppen das perfekte Benutzererlebnis erhalten, das sie suchen. Wir bieten PGM einen maßgeschneiderten Ansatz und ein Benutzererlebnis, ohne dass PGM durch ein zentrales Produktmanagementsystem mehr Arbeit entsteht.

Mit herausragender Technik kommt Klarheit. Dank der von uns geschaffenen separaten Vertriebskanäle sind Endverbraucher nicht mehr durch Informationen verwirrt, die für Wiederverkäufer bestimmt sind, und haben ihr eigenes glückliches Online-Erlebnis. Während B2B-Partner einzigartige Funktionen wie kundenspezifische Wunschlisten und eine White-Label-Funktion für die Kundenpräsentation im Geschäft erhalten.

→ Konzept & UX UI Design

01 Konfigurieren individueller Bilder

PGM bietet hochwertige Drucke an, die in vielen verschiedenen Formaten und Materialien erhältlich sind. Im Rahmen des Relaunchs haben wir den Bildkonfigurator modernisiert. Dies ermöglicht sowohl Endverbrauchern als auch B2B-Partnern, das Design ihrer Wahl zu bestellen.

02 Gut für PGM, gut für die Umwelt

Die Abschaffung unnötigen Papiers – endlich. PGM verschickte normalerweise einen jährlichen Katalog mit ihrem aktuellen Sortiment an alle ihre Partner. Wir haben einen stilvollen Online-Kunstkatalog entworfen und entwickelt, der die Druck- und Versandkosten für diese Kataloge reduziert. Wir haben das Portal auch im White-Label-Modus erstellt, damit Wiederverkäufer ihre Geschäfte ebenfalls den Kunden präsentieren können.

03 B2B2C-Funktionen

PGM-Partner können den Online-Kunstkatalog nutzen, um Wunschlisten für ihre Kunden zu erstellen. Mit temporärem Zugang können Kunden die Bildauswahl sogar mit nach Hause nehmen und von dort aus bestellen. Die Bestellungen werden automatisch über ihre Partner an PGM weitergeleitet.

04 Benutzerfreundlich für alle

Ein komplexes Hindernis, das wir vereinfacht haben. Mit der Schaffung separater Kanäle wird die Produktinformation beider Kanäle direkt von Shopify bezogen, wobei die Kundengruppen nur die für sie wichtigen Informationen sehen. Maßgeschneiderte Technik, die für PGM keinen zusätzlichen Aufwand bedeutet.

→ Visuelles Design -
Ein Besuch im Museum

Das PGM-Kunstsortiment spricht für sich. Unsere Aufgabe war es, ein Designlayout zu schaffen, das es den Kunstwerken ermöglicht, so zu glänzen, wie sie sollten, während gleichzeitig erstklassige Shopping-Funktionen beibehalten werden und die Technik nicht von der Kunst ablenkt.

Wir ließen uns von Museen, Kunstbüchern und der Kunstgeschichte inspirieren – deshalb hielten wir das Layout einfach. Klare und fesselnde Texte mit modernen Designelementen.

Lassen Sie uns produktorientiert werden. Wir lassen die Bilder der Kunstwerke den Großteil des Fensters einnehmen, damit auch kleine Details leicht erkannt werden können – bei so schönen Kunstwerken wussten wir, dass die Verbraucher die Details ebenfalls sehen möchten. Für die bekannten Künstler werden auch Informationen über ihre Karrieren online bereitgestellt. Wir ermutigen auch zum Stöbern, indem wir den Besuchern des Shops Bilder desselben Genres zeigen.

Der B2B-Katalog bietet mehr Funktionalität, da die Wiederverkäufer mit dem PGM-Sortiment vertraut sind und weniger Navigationshilfe benötigen. Wir haben darauf geachtet, großartige Technik zu schaffen, aber immer die beeindruckenden Kunstwerke in den Vordergrund zu stellen.

→ Programmierung -
Hallo Shopify & Clevere Technologie

Der B2C-Shop wurde als klassischer Shopify-Shop mit einem leistungsstarken Produktkonfigurator entwickelt. Der B2B-Katalog hingegen ist ein Headless-Frontend. Dieser bezieht seine Inhalte von Shopify und bereichert sie mit B2B-Daten aus anderen Systemen.

Frontend

React.js

/

Meteor.js

/

Shopify Liquid

/

HTML 5 + CSS3

Backend

GraphQL

/

Node.js

/

MongoDB

/

Meteor.jsh

/

AWS

Ergebnis & Ausblick -
Nur noch blauer Himmel für die digitale Zukunft

Ohne einen Hauch von Regen oder einer Wolke am Himmel! Die PGM-Kunstwerke sind im neuen B2C-Online-Shop, den wir erstellt haben, wirklich beeindruckend. Die Auslagerung des B2B-Katalogs führte zu einem erhöhten Bestellvolumen für viele Partner, da die neuen B2B2C-Funktionen sehr im Trend liegen.

53k+

Besucher im B2C-Shop nach dem Relaunch

8+

Produkte erfolgreich migriert

8

Especial besonderes Teammitglied

0

Geplante Wartungsstunden / Monat

Kundenreferenz -
Eine Naturgewalt

„Especial – was für eine Naturgewalt! Sie hatten großartige Ideen, um unser B2C- und B2B-E-Commerce neu zu organisieren. Der B2B-Katalog verschafft uns einen Vorteil gegenüber der Konkurrenz und zieht sogar neue Partnerschaften an!“

- Jörg Kühn-Thomas, Owner

+28%

mehr Bestellungen von PGM B2B-Partnern

New USP

PGM verfügt über die modernsten digitalen Vertriebswerkzeuge in der gesamten deutschen Kunstverlagswelt

Sehen Sie, wie wir anderen Unternehmen geholfen haben

GDCh e.V.

Wie wir eine App für über 30.000 Chemiker entwickelt haben

Pieroth AG

Optimierter Online-Shop für einen führenden Weinhändler

Vetevo

Theme-Überarbeitung - Shopify Plus

Hallo!

Wir freuen uns auf Ihre Nachricht. Schicken Sie uns gerne eine E-Mail an hello@especial.digital
Indem Sie Ihre E-Mail-Adresse angeben, stimmen Sie unserer Datenschutzrichtlinie.
Danke, dass du dich gemeldet hast.
Wir werden uns in Kürze bei Ihnen melden!
Hoppla! Es sieht so aus, als ob beim Absenden Ihres Formulars ein Problem aufgetreten ist.