React.js
/
Meteor.js
/
Shopify Liquid
/
HTML 5 + CSS3
Shopify-Shop & Headless B2B-Katalog für einen Kunstverlag
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.
PGM ArtWorlD
Technische Beratung
/
UX Design
/
UI Design
/
Webentwicklung
/
App-Entwicklung
5 Monate
1 Tech Consultant
/
1 Project Manager
/
2 Front-end
Engineers
/
2 Back-end
Engineers
/
1 UX Designer
/
1 Visual Designer
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!
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.
Besucher im B2C-Shop nach dem Relaunch
Produkte erfolgreich migriert
Especial besondere Teammitglieder
Geplante Wartungsstunden / Monat
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.
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.
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.
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.
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.
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.
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.
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.
React.js
/
Meteor.js
/
Shopify Liquid
/
HTML 5 + CSS3
GraphQL
/
Node.js
/
MongoDB
/
Meteor.jsh
/
AWS
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.
Besucher im B2C-Shop nach dem Relaunch
Produkte erfolgreich migriert
Especial besonderes Teammitglied
Geplante Wartungsstunden / Monat
- Jörg Kühn-Thomas, Owner
mehr Bestellungen von PGM B2B-Partnern
PGM verfügt über die modernsten digitalen Vertriebswerkzeuge in der gesamten deutschen Kunstverlagswelt