BORA

Stillstand ist Rückschritt! Deshalb geht BORA voran. Mit einer neuen Website und der Vereinigung von PIM, CMS und DAM in einer einzigen Instanz und einem neuen, komplett auf die User Experience der Zielgruppe ausgerichteten Layout.

Der Kunde

BORA entwickelt und produziert innovative Premium-Kücheneinbaugeräte mit hohem Designanspruch. Die deutsch-österreichische Unternehmensgruppe positioniert ihr Portfolio international mit dem Claim ‚More than cooking'. Seit Willi Bruckbauer BORA 2007 gründete, hat das Unternehmen den Anspruch, Gewohntes in Frage zu stellen und so den Lebensraum Küche zu revolutionieren. Die Mission: außergewöhnliche Produkte für außergewöhnliche Erlebnisse. BORA beschäftigt über 500 Mitarbeiter weltweit, insbesondere an den Standorten in Raubling, Niederndorf und Sydney sowie in den Flagship Stores in München und Herford. Vertrieben werden BORA Produkte mittlerweile weltweit in über 60 Ländern.

Anforderung

Der Kunde wünschte sich einen kompletten Relaunch der Firmenwebsite inklusive zahlreicher Features, um alle Zielgruppen adäquat anzusprechen, eine optimale Nutzerführung zu garantieren und die SEO-Performance zu verbessern. Die neue Website musste das Image des Unternehmens perfekt nach außen kommunizieren und die Marktführerschaft von BORA anerkennen.

Zusätzlich sollten alle einzelnen Systeme innerhalb einer integrierten Plattform für Produktinformationsmanagement (PIM), Digital Asset Management (DAM) und Content Management System (CMS) zusammengefasst werden. Dabei sollten neue Schnittstellen zu weiteren Unternehmenssystemen wie der Eventorganisation und dem Enterprise Resource Planning (ERP) implementiert werden. Zu den Anforderungen gehörten in diesem Zusammenhang auch die Weiterentwicklung des Corporate Designs und die Konzeption passender Designelemente für die Produktwelten.

Eine integrierte Zusammenarbeit zwischen den jeweiligen Fachabteilungen bei valantic DXA und BORA sollte einen kontinuierlichen, optimierten Prozessablauf sicherstellen. Zusätzlich wünschte sich der Kunde beratende Unterstützung bei der Optimierung der einzelnen, internen Systemlandschaften.

Umsetzung

Initial wurden zunächst die bestehenden Systeme des Kunden überprüft. Zu jedem System wurde in einer individuellen Strategie erarbeitet, ob und wie das jeweilige System in Pimcore abgebildet oder angebunden werden könne. Aus einem gemeinsamen Workshop und in ständiger enger Zusammenarbeit mit allen internen Abteilungen sowie externen Dienstleistern wurde eine Roadmap für den initialen Go-Live sowie für spätere Anpassungen entwickelt. Als harte Deadline wurde die Eröffnung des Flagship Store in Herford sowie die zeitgleich stattfindende Hausmesse mit dem Launch neuer Produkte festgesetzt. Um die harte Deadline zu erreichen, wurde für das Projekt ein MVP (Minimum Valuable Project) definiert. Während des gesamten MVP waren Kolleg*innen komplett mit der Betreuung der aktuellen Prozesse beschäftigt, während weitere Kolleg*innen bereits perspektivische Zukunftsthemen besprachen, definierten und vorbereiteten. Es wurde also parallel an zwei verschiedenen Zeitschienen des Projekts gearbeitet.

Das Projekt war bewusst sehr agil aufgesetzt, einzelne Fokusthemen wurden regelmäßig definiert, konnten aber bei Bedarf auch bezüglich der Priorisierung angepasst werden.

Die Konzeption der neuen Website wurde in enger Abstimmung mit den verantwortlichen Fachabteilungen von Bora von valantic DXA übernommen. Zusätzlich haben die Kreations- und Marketingabteilungen von valantic DXA bei Themen wie Corporate Design, Anpassung der Designelemente, UX und technischem SEO beratende wie aktive Aufgaben übernommen. Aufgrund der enormen Herausforderungen und der gewünschten Kombination aus PIM, CMS und DAM wurde das Projekt in Pimcore aufgesetzt – diese Maßnahme wurde vom Kunden komplett unterstützt.

Es wurde zunächst eine zentrale Plattform für PIM, DAM und CMS entwickelt, die zusätzliche Schnittstellen für alle firmeninternen Systeme und der ERP bietet. Die Umsetzung im Frontend erfolgte komplett durch Storybook. Im Zuge der Entwicklung wurden die internen Entwickler auf Kundenseite sowohl in Pimcore als auch Storybook geschult, so dass diese zukünftig gemeinsam mit unseren Expert:innen das Projekt weiterentwickeln können.

Die Sprachführung der Website wurde im ersten Schritt nur für die Sprachvarianten de-de, de-at und en-int entwickelt. Alle weiteren Sprachen bzw. CMS-Seiten wurden über einen Reverse Proxy auf die bestehende Typo3-Seite des Kunden umgeleitet. Sukzessive soll hier die weitere Umstellung erfolgen. Im Zuge der Umgestaltung des Corporate Designs wurde für die BORA-Produktwelten ein neues Konzept erarbeitet und dieses in neue Designelemente aufgenommen. Schwerpunkt hierbei war die Entwicklung eines übergreifenden Scrollytelling-Konzepts, welches für jedes Produkt von valantic DXA individuell gestaltet und über das Backend gepflegt wurde. Die enge Zusammenarbeit des Kreations- und Entwicklungsdepartments konnte eine schnelle und saubere Umsetzung des Scrollytellings garantieren. So erscheint die Website nicht nur moderner, sondern es genießt jedes Produkt nun auch vermehrt Aufmerksamkeit. Ebenfalls wirkt sich das Scrollytelling positiv auf die Usability aus.

Die Website wurde vom Marketing-Department während der Entwicklungsphase technisch nach den neuesten Standards optimiert – auch hier wirkte sich der enge Kontakt der beteiligten Departments sehr positiv auf die Projektgestaltung aus.

Nach Umsetzung aller für die erste Phase relevanter Tasks ging die Seite pünktlich live. Da die Sprachvarianten aufgrund der harten Deadline noch in Pimcore 10 erstellt wurden, wurde in der Post Go Live – Phase ein Update auf Pimcore 11 gefahren. Weitere Updates und Minor Changes werden in regelmäßigen Abständen durchgeführt. Weitere Anpassungen sowie die Ausweitung des Konzepts auf andere Sprachvarianten werden im weiteren Verlauf sukzessive angepasst, damit bei Beendigung des Projekts das komplette BORA Universum in Pimcore abgebildet werden kann. In einem zweiwöchentlichen Release-Zyklus werden in Abstimmung mit dem Kunden neue Features und Anpassungen veröffentlicht.

Zusätzlich zum MVP-Projekt und auch weiterführend in der Betreuung stehen die Expert:innen von valantic DXA dem Kunden bei zahlreichen Themen beratend zur Seite und geben Einschätzungen und Feedback ab. Die enge Zusammenarbeit der einzelnen Fachabteilungen wird also auch im weiteren Prozessverlauf streng befolgt.

Die Projektinhalte im Detail

  • Konzeption
  • Support bei UX/Kreation
  • Consulting
  • Programmierung
  • Backend-Entwicklung
  • Frontend-Entwicklung mit Storybook
  • Entwicklung PIM, DAM, CMS
  • Einbau Pimcore 10
  • Update auf Pimcore 11
  • Entwicklung Scrollytelling mit Storybook
  • Motion Design
  • Technisches SEO
  • Schnittstellenprogrammierung zu Events und ERP
  • Projektmanagement
  • Koordination aller internen Abteilungen und externen Dienstleistern
  • Workshops und Schulungen

Fazit

Die neue BORA-Seite spiegelt den Markenkern des Unternehmens perfekt wider. Sie ist ästhetisch ansprechend, äußerst performant und hält alle gängigen Standards ein bzw. übertrifft sie sogar. Vor allem stellt sie jedoch den User in den Mittelpunkt. Dank klarer Struktur im Backend und einer intuitiven Nutzerführung sowie einer ansprechenden UX kommen Besucher sehr schnell und unkompliziert an die für sie relevanten Seiten. Dabei ist es egal, über welche Kanäle die unterschiedlichen Zielgruppen einsteigen – in nur sehr wenigen Klicks finden sich die User am Ziel. Speziell das Scrollytelling sorgt für eine hervorragende User Experience und garantiert somit eine Identifikation der Zielgruppen mit der Marke. Bora ist Marktführer und Vordenker – genau das wird mit der neuen Website perfekt ausgedrückt.