Die Anforderung
Drupal Shop & Digital Design Entwicklung
Das geplante Projekt der digitalen Erneuerung der Webseite des Baukosteninformationszentrums, inklusive einer neuen Shopping-Funktionalität, würde viele Agenturen vor eine große Herausforderung stellen. Denn zur Darstellung einer Shopping-Funktionalität innerhalb der Website, ist neben dem CMS ein weiteres System notwendig. Folgendes wäre mit hohen Kosten für Evaluation, Konzeption, Umsetzung und Maintanance verbunden und daher auch keine langfristige Lösung. Führende Shopsysteme hingegen sind meist sehr komplex und sind eine fest verbundene monolithische Software. Auch Extensions oder Zusatzmodule zur Integration von Shops sind in ihrer Funktionalität begrenzt und würden das System in Hinsicht auf Performance, Sicherheit und Stabilität beeinträchtigen.
Die Shopping-Funktionalität soll die Möglichkeit bieten, sowohl physische als auch digitale Produkte und Dienstleistungen direkt über die Website anbieten und verkaufen zu können. Die im gleichen Zug umzusetzende Rechteverwaltung soll auch ein Management von Lizenzen über Tokens ermöglichen, wodurch eine zentralisierte, flexible und sicher skalierbare Kontrolle sämtlicher Zugriffs- und Nutzungsrechte gewährleistet werden kann.
Neben der technischen Umsetzung und Programmierung der Website, sollte auch die gestalterische Konzeption des Baukosten-informationszentrums Deutscher Architektenkammern neu gestaltet werden. Ziel war es, ein ganzheitliches Konzept zu entwickeln, das sowohl im Design als auch Inhalt, durch Funktionalität und Verständlichkeit beeindruckt. Schließlich entscheidet die User Experience der Website über die Kundenzufriedenheit und den daraus resultierenden Verkaufserfolg.
Design Grundlagen
Zur Bewältigung dieser komplexen Zielgebung haben wir für den Relaunch einen äußerst innovativen Weg eingeschlagen.
Zu Beginn wurde die Weiterentwicklungen des bestehenden Corporate Design vorgenommen, um eine moderne und ansprechende Ästhetik im Webdesign zu ermöglichen. Das neue Design zeichnet sich durch ein schlankes und luftiges Layout aus, was auch den benutzerfreundlichen Eindruck des Gesamtsystems aus CMS und Webshop untermauert.
So konnte über die gesamte Plattform hinweg ein einheitliches Erscheinungsbild und eine konsistente User Experience realisiert werden.
Zum Einsatz kam keines der führenden Shopping-Systeme, sondern die geforderten Shop-Funktionalitäten wurden individuell an die Kundenwünsche angepasst und als Frontend-Applikation entwickelt.
Damit konnte der Online- Shop als äußerst benutzerfreundliches System umgesetzt werden, das flüssige Interaktionen ermöglicht, lästige Seiten-Reloads vermeidet und damit eine moderne und positive User -Experience im gesamten Shopping-Prozess bietet.
Während alle geforderten Requirements passgenau umgesetzt wurden, enthält die Frontend Applikation des Webshops gegebenermaßen keine Funktionalitäten, die im Projekt nicht benötigt wurden. Dies gewährleistet nicht nur optimale Leistung und Kosten-Nutzen Relation, sondern ermöglicht auch eine individuelle Erweiterungsfähigkeit ohne die Beschränkungen einer Standardsoftware.
Shop im Frontend Layer ohne Drupal Commerce
Der wohl entscheidendste Teil innerhalb der Umsetzung lag in der technischen Realisierung der Anforderungen. Denn wie setzt man heute einen Webshop um, welcher mit Performance überzeugt und gleichzeitig im Bereich Aufbau und Betrieb den Rahmen nicht sprengt. Diese Fragen haben wir beantwortet, indem wir einen Headless, Frontend Shopping-Layer mit Check-Out und Payment Funktion entwickelt haben. Innerhalb des Produkt-Shops können Medientypen und variante- direkt ausgewählt werden, ohne dabei für die digitalen Versionen die entsprechenden Lizenzbedingungen zu vernachlässigen. Diese lizenzierten Softwareprodukte erhalten tokenbasierte Rechte direkt vom Shopsystem, wodurch nicht nur die Verwaltung und Kontrolle der Lizenzen erheblich erleichtert wurde, sondern auch die Lizenzierung sicherer und effizienter abläuft.
Zudem wurde eine Anbindung der Kundenverwaltung und des Warenwirtschaftssystems (ERP) via REST-API integriert. Durch diese Anbindung der Systeme können Kundendaten und Bestellinformationen in Echtzeit verwendet werden, wodurch manuelle Dateneingaben und die damit verbundenen Fehler reduziert werden. Automatisierte Prozesse ermöglichen eine schnellere und präzisere Bearbeitung von Bestellungen, Lagerbeständen und Kundenanfragen.
Der Erfolg
Einmaliges Shopping Erlebnis bringt Umsatzsteigerung
Die umgesetzte Shopping Funktionalität auf Basis von Frontend-Technologie ermöglicht eine komfortable und einzigartige User Experience. Flüssige Interaktionen, verzögerungsfreie Reloads und performante Suchanfragen im Shop stehen im absoluten Einklang mit dem schlanken und Weißraum betonenden Design. Gleichzeitig besticht diese Lösung damit, dass keine zusätzlichen Kosten für Betrieb, Wartung und Software-Updates anfallen, da keine separate Shop Software zum Einsatz kommt. Die umfassenden Verbesserungen und Implementierungen haben unter anderem auch dazu beigetragen, dass das BKI bereits in den ersten Monaten eine signifikante Umsatzsteigerung der Verkäufe über die Website verzeichnen konnte, was den eingeschlagenen Weg und die innovative Umsetzung von Frank und Freunde eindrucksvoll unterstreicht.
Kunde
Baukosteninformationszentrum Deutscher Architektenkammern
Zielgruppe
Architekten, Deutsche Architektenkammern, Stadtplaner und alle anderen Shop Benutzer
Technik Facts
Individueller Drupal Shop direkt im Frontend
Anbindung an den Payment Provider “PayOne”
Pagespeed Optimierung durch Minimierung von CSS und JavaScript
100% gecached, um Inhalte dynamisch und sofort nachzuladen
Glossar
REST API: Eine REST API ist eine Schnittstelle, über die verschiedene Systeme über standardisierte HTTP-Anfragen Daten austauschen können.
Headless: Headless bezeichnet eine Systemarchitektur, bei der das Backend vom Frontend getrennt ist, sodass Inhalte unabhängig vom Darstellungslayer bereitgestellt werden.
ERP Warenwirtschaft: Ein ERP Warenwirtschaftssystem ist eine Softwarelösung, die sämtliche Warenbewegungen, Bestände und kaufmännischen Prozesse eines Unternehmens zentral abbildet und verwaltet.