B.PRO Website-Relaunch: Technologische Neuausrichtung und Entwicklung

B.PRO Website-Relaunch: Technologische Neuausrichtung und Entwicklung

Die B.PRO GmbH, ein führender Anbieter innovativer Lösungen für Speisentransport und Küchenautomation, hat uns mit dem Relaunch ihrer Website beauftragt. Der Relaunch verbindet modernes Design mit flexibler Technologie zu einer benutzerfreundlichen Plattform, die sowohl die Stärke der Marke unterstreicht als auch für zukünftige digitale Entwicklungen bestens gerüstet ist.
Branche: Produktion und Industrie
Zielsetzung

Ziel der B.PRO GmbH war die Steigerung der organischen Auffindbarkeit, die Stärkung der Markenpräsenz und die Schaffung einer zukunftssicheren, flexiblen Plattform, die nahtlos in bestehende und zukünftige Projekte integriert werden kann.

Ergebnis

Der Relaunch der Website bietet eine verbesserte User Experience und eine technologische Infrastruktur, die optimal auf die Bedürfnisse der Kunden und zukünftige Erweiterungen ausgerichtet ist.

Ausgangslage und Zielsetzung

Die B.PRO GmbH ist bekannt für ihre innovativen Lösungen im Bereich Speisentransport, -lagerung und Küchenautomatisierung. Um diese Innovationskraft digital stärker zu präsentieren, wurde ein Relaunch der Website angestrebt. Ziel war es, eine moderne, nutzerorientierte Plattform zu schaffen, die die Markenstärke von B.PRO unterstreicht, zugeschnittene Inhalte für verschiedene Zielgruppen bietet und durch suchmaschinenoptimierte Inhalte die organische Sichtbarkeit erhöht. Zudem sollte die neue Website flexibel und zukunftssicher sein, um neue digitale Projekte problemlos integrieren zu können.

Vorgehen: Von der Idee zur Umsetzung

Im Rahmen der technischen und strategischen Beratung führten wir einen gemeinsamen Workshop durch, um die technischen Anforderungen für den Website-Relaunch zu definieren. Aufbauend auf einem detaillierten Anforderungs- und Maßnahmenkatalog, der durch Workshops zur Zielgruppenanalyse, Entwicklung von Personas und der Erstellung des visuellen Konzepts vorbereitet wurde, konzentrierte sich dieser technische Workshop auf die spezifischen Anforderungen der Umsetzung.

Definiert wurden die Anforderungen an das CMS im Umgang mit Inhalten und Produktdaten sowie die technischen Voraussetzungen für die Anbindung und Bereitstellung von Produktdaten und die Dokumentation der benötigten Schnittstellen.

Im Rahmen der technischen und strategischen Beratung entschieden wir uns für die Umsetzung der Website in zwei klar definierten Phasen, die es ermöglichten, schnell erste Ergebnisse zu erzielen und gleichzeitig langfristige Wachstumsoptionen zu schaffen:

  • MVP (Minimum Viable Product): In der ersten Phase lag der Fokus auf der schnellen Realisierung einer neuen Website, die optimierte Inhalts- und Kampagnenseiten bietet. Ziel war es, rasch organische Sichtbarkeit zu erhöhen und Leads zu generieren. Gleichzeitig wurde das Design modernisiert und die User Experience verbessert, um eine klare, intuitive Nutzerführung zu gewährleisten. Die Integration mit dem bestehenden Online-Shop erfolgte in dieser Phase durch gezielte Verlinkungen.
  • Version 1: In der zweiten Phase, die wir aktuell bearbeiten, wird die Website um Produktübersicht und -detailseiten erweitert, die Produktdaten direkt aus einer Schnittstelle zu B.PROs Product Information Management (PIM) beziehen. Außerdem wird es eine tiefere Integration mit dem Online-Shop geben. Besucher können dann durch eine nahtlose Verbindung zwischen den Inhalten und dem Shop eine verbesserte User Journey erleben, was die Verweildauer erhöht und die Kaufentscheidung positiv beeinflusst.

 

Durch die klare Struktur dieser Phasen wurde eine effiziente und zügige Umsetzung erreicht, die sowohl schnelle Ergebnisse als auch eine langfristige Grundlage für das Wachstum der digitalen Präsenz von B.PRO schafft.

Technologische Entscheidung: Zukunftssichere Infrastruktur und Decoupled Frontend

Ein zentraler Punkt des Projekts war die Wahl der richtigen Technologie. Die Entscheidung fiel auf eine Decoupled Frontend-Architektur, die in Kombination mit einem schlanken Headless-CMS (unsere Wahl ist dafür das Open Source Projekt Payload CMS) maximale Flexibilität bietet. Dieses Setup ermöglicht es, Inhalte aus verschiedenen Quellen (CMS, PIM, Shop) effizient zu integrieren und schafft eine solide technologische Basis für zukünftige Erweiterungen.

 

Vorteile der Decoupled Technologie:

  • Zukunftssichere Infrastruktur: Die Plattform ist modular aufgebaut und kann problemlos um neue Funktionen erweitert werden, ohne dass tiefgreifende Änderungen an der Kernstruktur nötig sind. Dies ermöglicht B.PRO, flexibel auf wachsende Anforderungen und zukünftige digitale Projekte zu reagieren – sei es durch die Einführung neuer Features oder die Integration weiterer Systeme wie ein erweitertes Produktmanagement.
  • Erhöhte Flexibilität: Die klare Trennung zwischen Frontend und Backend erlaubt es, das Design oder die Frontend-Technologie unabhängig zu modernisieren, ohne das Backend anpassen zu müssen. So kann B.PRO schnell auf neue Markttrends, technologische Entwicklungen oder Benutzeranforderungen reagieren und die Website kontinuierlich verbessern.
  • Optimierte Performance: Die Nutzung moderner, entkoppelter Frontend-Technologien führt zu schnelleren Ladezeiten und einer verbesserten Nutzererfahrung durch serverseitiges Rendering und asynchrone Datenabfragen. Dies trägt entscheidend dazu bei, die Verweildauer auf der Seite zu erhöhen und die Conversion-Rate zu steigern.
  • Einfachere Wartung und Updates: Die Entkopplung von Frontend und Backend sorgt für eine übersichtliche und gut strukturierte Codebasis. Das macht nicht nur die Wartung effizienter, sondern auch zukünftige Updates oder Erweiterungen weniger komplex. Änderungen am Frontend können beispielsweise schneller durchgeführt werden, ohne dass das Backend beeinflusst wird.

 

Durch diese Technologieentscheidung kann die B.PRO GmbH sicherstellen, dass ihre Website nicht nur den aktuellen Anforderungen entspricht, sondern auch zukünftigen Herausforderungen gewachsen ist.

Diagram illustrating the differences between monolithic and decoupled websites
Schaubild zum Vergleich von decoupled und monolithischen Websites

Fazit

Der erfolgreiche Relaunch der Website für die B.PRO GmbH markiert einen bedeutenden Fortschritt in der digitalen Präsenz des Unternehmens. Die neue Plattform überzeugt durch ein modernes, ansprechendes Design, das die Markenwerte widerspiegelt, sowie eine klare, intuitive Navigation, die den Nutzern schnellen Zugang zu relevanten Informationen bietet. SEO-optimierte Inhalte und gezielte Landing Pages für Marketing-Kampagnen erhöhen die Sichtbarkeit und ermöglichen eine effektive Leadgenerierung. Dank der flexiblen technologischen Architektur ist die Website zudem bestens für zukünftige Erweiterungen gerüstet.

Durch den phasenweisen Ansatz konnten wir eine schnelle, effiziente Lösung entwickeln, die sowohl den aktuellen Anforderungen von B.PRO als auch den Erwartungen der Nutzer gerecht wird.

Wir sind stolz darauf, B.PRO bei diesem Projekt begleitet zu haben, und freuen uns auf die kommenden Schritte in der Weiterentwicklung ihrer digitalen Plattform.

Unsere Projekte für B.PRO

Starte jetzt Dein Projekt gemeinsam mit uns.
Wir freuen uns auf Deine Ideen und unterstützen gerne bei Deinem Vorhaben, egal ob neues Projekt oder Umstrukturierung.

Am Projekt beteiligt

Andres Alagna
Development-Stratege
Christina D’Ilio
Digital Business-Strategin
Daniel Kudwien
Produkt-Stratege
Doro Sthamer
UX-Design-Strategin
Fabian Marz
Development-Stratege
Franziska Filograsso
Projekt-Strategin
Italo Devoto Ramella
Development-Stratege
Marc Del Amo
Development-Stratege
Michael Wallner
UI-Design-Stratege