%20--%3e%3csvg%20version='1.1'%20id='Pfade'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20122.8%2021.3'%20style='enable-background:new%200%200%20122.8%2021.3;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23EDE7DC;}%20%3c/style%3e%3cpath%20class='st0'%20d='M9.7,0.7H0v0.5h0.3c0.3,0,0.6,0.2,0.7,0.5c0,0,0,0.1,0,0.1v12.8c0,0.3-0.2,0.6-0.5,0.7c-0.1,0-0.1,0-0.2,0H0%20v0.5h9.7c5.5,0,8.7-2.7,8.7-7.5S15,0.7,9.7,0.7z%20M3.4,2.7h6.2c3.9,0,6.2,2,6.2,5.4s-2.3,5.4-6.2,5.4H3.4V2.7z'/%3e%3cpath%20class='st0'%20d='M26.4,5.3c-3.4,0-6.9,1.6-6.9,5.3c0,3.9,3.5,5.3,6.9,5.3s6.9-1.4,6.9-5.3C33.3,6.9,29.8,5.3,26.4,5.3z%20M26.4,14%20c-2.8,0-4.5-1.3-4.5-3.4s1.7-3.4,4.5-3.4S31,8.4,31,10.6S29.2,14,26.4,14z'/%3e%3cpath%20class='st0'%20d='M43.5,5.2c0,0.3-0.1,0.5-0.4,0.5h-0.4c-0.2,0-0.5,0-0.7,0c-1.7,0-3.3,0.6-4.6,1.8v-2h-3V6h0.1%20c0.4,0,0.7,0.2,0.7,0.6v8c0,0.3-0.2,0.6-0.5,0.7c-0.1,0-0.1,0-0.2,0h-0.1v0.4h3.8v-0.5h-0.1c-0.3,0.1-0.6-0.2-0.7-0.5%20c0-0.1,0-0.1,0-0.2V9.8c1-1.4,2.7-2.2,4.4-2.2c0.7,0,1.4,0.1,2,0.5L44,8.1v-3L43.5,5.2L43.5,5.2z'/%3e%3cpath%20class='st0'%20d='M49.5,14.6V7.4h4.3V5.5h-4.3V4.6c0-1.3,1.1-2,2.9-2c0.7,0,1.5,0.1,2.2,0.4h0.1V0h-0.4v0.1%20c0,0.6-0.2,0.6-0.4,0.6h-0.4c-0.3,0-0.8-0.1-1.1-0.1c-2.4,0-5.1,1.2-5.1,3.8v1h-2.1v1.9h2.1v7.2c0,0.3-0.2,0.6-0.5,0.7%20c-0.1,0-0.1,0-0.2,0h-0.1v0.5h3.8v-0.5h-0.1c-0.3,0.1-0.6-0.2-0.7-0.5C49.5,14.7,49.5,14.7,49.5,14.6z'/%3e%3cpath%20class='st0'%20d='M56,5.9L56,5.9c0.5,0,0.8,0.2,0.8,0.6v9.7c0,2.2-0.5,2.5-1.5,2.5c-0.8,0-1.6-0.2-2.4-0.4h-0.1v2.9h0.4v-0.1%20c0-0.4,0.2-0.6,0.4-0.6c0.2,0,0.4,0,0.5,0c0.4,0,0.7,0.1,1.1,0.1c2.8,0,3.7-1.2,3.7-4.7V5.5h-3L56,5.9z'/%3e%3crect%20x='56.4'%20y='1.6'%20class='st0'%20width='2.9'%20height='2.4'/%3e%3cpath%20class='st0'%20d='M73.6,14.6V5.5h-3v0.5h0.1c0.3,0,0.6,0.2,0.7,0.5c0,0,0,0.1,0,0.1v5.8c-1.3,1.1-2.9,1.6-4.6,1.6%20c-2,0-3-0.8-3-2.6V5.5h-3.1v0.5h0.1c0.3-0.1,0.6,0.2,0.7,0.5c0,0.1,0,0.1,0,0.2v5.1c0,2.8,1.6,4.2,4.6,4.2c1.9,0,3.7-0.5,5.2-1.6%20v1.4h3v-0.5h-0.1c-0.3,0-0.6-0.2-0.6-0.6C73.6,14.7,73.6,14.7,73.6,14.6z'/%3e%3cpath%20class='st0'%20d='M88.4,14.6V9.5c0-2.8-1.6-4.2-4.6-4.2c-1.8-0.1-3.7,0.4-5.2,1.5V5.5h-3v0.5h0.1c0.4,0,0.7,0.2,0.7,0.6v8%20c0,0.3-0.2,0.6-0.5,0.7c-0.1,0-0.1,0-0.2,0h-0.1v0.5h3.8v-0.5h-0.1c-0.3,0.1-0.6-0.2-0.7-0.5c0-0.1,0-0.1,0-0.2V8.8%20c1.3-1.1,2.9-1.6,4.6-1.6c2,0,3,0.9,3,2.6v4.8c0,0.3-0.2,0.6-0.5,0.7c-0.1,0-0.1,0-0.2,0h-0.1v0.5h3.8v-0.5H89%20c-0.3,0.1-0.6-0.2-0.7-0.5C88.3,14.7,88.3,14.7,88.4,14.6z'/%3e%3cpath%20class='st0'%20d='M100.9,6.4c-1.3-0.7-2.8-1.1-4.3-1.1c-2.9,0-6.4,1.4-6.4,5.3s3.4,5.3,6.4,5.3c1.5,0,3-0.4,4.3-1.1V16%20c0,1.7-1.7,2.8-4.3,2.8c-1.9,0-3.8-0.5-5.5-1.4L91,17.3v3.3h0.4v-0.1c0-0.4,0.1-0.6,0.4-0.6c0.2,0,0.5,0.1,0.7,0.2%20c1.4,0.4,2.8,0.6,4.3,0.6c4.1,0,6.3-1.8,6.3-5.1v-9c0-0.4,0.2-0.6,0.7-0.6h0.1V5.4h-3L100.9,6.4z%20M100.9,12.9%20c-1.2,0.7-2.6,1.1-4,1.2c-2.7,0-4.4-1.3-4.4-3.5s1.6-3.5,4.4-3.5c1.4,0.1,2.8,0.5,4,1.2V12.9z'/%3e%3cpath%20class='st0'%20d='M113,9.7l-3.2-0.2c-0.6,0-2.2-0.2-2.2-1.1c0-0.8,1.1-1.2,3.2-1.2c2,0,4,0.4,5.8,1.2l0.1,0.1V5.2h-0.4v0.1%20c0,0.4-0.1,0.6-0.4,0.6c-0.2,0-0.3,0-0.5-0.1l0,0c-1.4-0.4-2.8-0.5-4.3-0.5c-3.7,0-5.6,1.1-5.6,3.2c0,1.7,1.4,2.7,4,3l3.4,0.3%20c0.8,0.1,2.4,0.2,2.4,1.1s-1.3,1.2-3.9,1.2c-2,0.1-4.1-0.3-6-1h-0.1v3.1h0.6v-0.1c0-0.5,0.1-0.6,0.5-0.6c0.2,0,0.4,0,0.6,0.1%20c1.4,0.3,2.8,0.4,4.3,0.4c4.3,0,6.4-1,6.4-3.1C117.5,10.1,114.1,9.9,113,9.7z'/%3e%3crect%20x='119.7'%20y='13.2'%20class='st0'%20width='3.1'%20height='2.5'/%3e%3c/svg%3e){kind=small}
Brunner Group
Headless-Migration und neues Designsystem für Brunner, Hersteller von Objektmöbeln aus Rheinau: ein Portfolio, das auf einen Blick verständlich ist.
Migration als Pflicht,
Relaunch als Chance.
Die alte Website lief auf einer Typo3-Version, die sich nicht mehr aktualisieren ließ. Beim Neubau zeigte sich ein zweites Problem: Wer die Startseite öffnete, sah Möbel, aber nicht, wie breit Brunner aufgestellt ist. Und die Gestaltung blieb hinter einer Marke zurück, die für Design steht.
Ein System für alle Nutzungsbereiche.
Ein eigenes Designsystem bringt Produkte und Nutzungsbereiche in eine einheitliche Bildsprache, ein Motion-Konzept gibt ihr Rhythmus. Architekt×innen, Planer und Einkäufer finden ihren Einstieg direkt auf der Startseite.
Das Frontend haben wir in Nuxt entwickelt und betreiben es bis heute. Die Inhalte kommen über eine API aus dem Drupal-Backend der Bitbase Group, dreisprachig und strukturiert.
Für Hersteller und B2B-Marken mit breitem Portfolio, deren Website technisch an ihre Grenzen stößt und die den Relaunch nutzen wollen, um klarer zu zeigen, was sie können.
Leistungen: Designsystem, Motion-Konzept, Frontend-Entwicklung, Betrieb
Technologie: Nuxt, Drupal (headless)
Sprachen: DE, EN, FR
Jahr: 2025
Ein Designsystem, ein Motion-Konzept und ein Nuxt-Frontend für Brunner, einen Hersteller von Objektmöbeln aus Rheinau. Den laufenden Betrieb des Frontends betreut Dorfjungs. weiterhin.
Die bisherige Typo3-Version ließ sich nicht mehr aktualisieren. Zudem kam das breite Portfolio auf der Startseite nicht klar an, und die Gestaltung passte nicht mehr zum Designanspruch der Marke.
Eine Headless-Architektur aus Nuxt-Frontend und Drupal-Backend. Das Backend entwickelt und betreibt die Bitbase Group, beide Systeme sind über eine API verbunden. Die Inhalte liegen strukturiert in Deutsch, Englisch und Französisch vor.
Für Hersteller und B2B-Marken mit breitem Portfolio, deren Website technisch an ihre Grenzen stößt und die den Relaunch nutzen wollen, um klarer zu zeigen, was sie können.
Projekt starten.
Du willst ein Projekt wie dieses angehen?
Wir arbeiten gerne mit inspirierenden Marken und wertegetriebenen Menschen zusammen. Du willst hoch hinaus? Dann lass uns gemeinsam durchstarten.
Klingel unkompliziert durch: +49 721 7540 2308
