Der Schweizer Bauhandel wird Schritt fĂŒr Schritt digitaler. UFirst begleitet SABAG bei der digitalen Transformation und entwickelt eine zukunftsfĂ€hige headless CMS-Lösung auf Basis von Strapi und React.
Facts
Das Familienunternehmen SABAG ist seit 1913 ein etablierter Name im Schweizer Bauhandel. Das in Biel beheimatete Unternehmen bediente Architekten, Bauunternehmer und Bauherren u.a. mit Baumaterialien und SanitĂ€rprodukten lange analog. Um den digitalen Wandel zu vollziehen, setzte das Unternehmen auf die Expertise von UFirst. Dazu konzipiert und entwickelt UFirst fĂŒr SABAG eine massgeschneiderte Lösung. Das neue CMS-System ist ein Teilprojekt der digitalen Transformation, das nachfolgend nĂ€her beleuchtet wird.
Die Zusammenarbeit mit UFirst haben wir stets als fokussiert und fachkundig erlebt. Dass wir wÀhrend des gesamten Projekts dieselbe Ansprechperson hatten, machte die Zusammenarbeit unkompliziert und persönlich.
Vera Jordi
Bereit fĂŒr neue Kommunikationsmöglichkeiten
SABAG stand vor der Herausforderung, ihre alte Website technisch modernisieren zu mĂŒssen. Das CMS-System war in die Jahre gekommen und viel wurde in Bugfixing investiert. Zunehmend war das Unternehmen mit Limitationen im System konfrontiert. Zudem wurden fĂŒr den Online-Shop andere Technologien eingesetzt, die nicht mit dem Rest harmonierten. Die Entscheidung war schnell klar: eine neue Lösung musste her, die Inhalte und Commerce ĂŒber ein Headless-System zusammenbringt. UFirst ĂŒbernahm die Aufgabe, die Website zu ĂŒberarbeiten auf Basis eines neuen, modernen Systems und den Grundstein fĂŒr ein zeitgemĂ€sses digitales Erlebnis zu legen.
Artikel
Innovative Transformation bei SABAG
In enger Zusammenarbeit zwischen den Produkt- und Design-Mitarbeitenden von UFirst sowie dem SABAG-Entwicklungsteam entstand eine innovative Lösung. Bestehende Komponenten der alten Website wurden extrahiert und auf Basis von Strapi und React ein neues Backend und Frontend geschaffen. Das Headless-CMS Strapi ermöglicht es, Inhalte auf völlig flexible Weise zu gestalten. Durch den Einsatz von React als Frontend wurden neue Funktionen integriert und Àsthetische Verbesserungen vorgenommen. React baut auf einer komponentenbasierten Architektur auf. BenutzeroberflÀchen können daher in wiederverwendbare Komponenten aufgeteilt werden. Somit wurde die Wartbarkeit wesentlich erhöht, die Entwicklung erleichtert und die Benutzererfahrung konsistenter gemacht.
Maximale FlexibilitÀt, Anpassbarkeit und Effizienz
Dank der Strapi-Lösung kann SABAG nun Inhalte flexibel in verschiedenen KanÀle ausspielen. Diese können nicht nur auf der Content-Seite und im Shop genutzt werden, sondern lassen sich auch an anderen Orten, wie zum Beispiel auf Displays bereitstellen. Möglich macht das das Headless Backend, welches vom Frontend getrennt ist.
Vorteile des Open Source Headless CMS Strapi im Ăberblick:
- Inhalte lassen sich flexibel erstellen und verwalten
- Inhalte sind von der PrÀsentationsschicht getrennt
- Inhalte lassen sich ĂŒber verschiedene Plattformen hinweg verteilen, einschliesslich der React-basierten Frontend-Anwendung
- hohe Skalierbarkeit
Die benutzerfreundliche OberflÀche des Backend bietet einen unkomplizierten Einstieg. Wie ein Baukasten-System helfen einem die vorgefertigten Container-Elemente, die Website kinderleicht zu gestalten.
Marc Birkenmeier
Dreamteam Strapi und React
Die Kombination von Strapi (basierend auf Node.js) und React ermöglicht nicht nur eine flexible, anpassbare Content-Verwaltung auf der Backend-Seite (Strapi), sondern auch eine effiziente, komponentenbasierte Frontend-Entwicklung (React). Die Harmonisierung der Technologien fĂŒhrte zu einem zukunftssicheren System fĂŒr SABAG, das sich viel leichter aktualisieren lĂ€sst.
Synergien mit dem Online-Shop, der ebenfalls ĂŒber React als Frontend verfĂŒgt, sind nun hergestellt.
Das CMS Strapi kann eine benutzerfreundliche OberflĂ€che zur Erstellung von APIâs vorweisen. So wird die Integration mit React-Anwendungen erleichtert und resultiert in einer effizienten Kommunikation zwischen dem hochgradig reaktionsfĂ€higen Frontend und dem Backend.
Das lÀstige und kostspielige Bugfixing gehört bei SABAG nun der Vergangenheit an. Stattdessen können sinnvolle Investitionen in neue Funktionen und in Content getÀtigt werden.
Die Kooperation mit UFirst ist ein grosser Schritt in SABAGs digitaler Transformation, verdeutlicht, wie Technologie, KreativitĂ€t und professionelle Umsetzung zu einem zukunftsfĂ€higen digitalen GeschĂ€ftsmodell fĂŒhren können.
