Wir realisieren digitale Produkte und Services für Marken, Unternehmen und Organisationen. Entdecke unsere Referenzen

Projekte

Ergebnisse, die für sich sprechen.

Ihr technologischer Vorsprung startet hier.

Tobi Saussele

Wie macht man eine Traditionsmarke mit über 90 Jahren Geschichte fit für die digitale Zukunft? 

Für Bürger war die Antwort kein einfaches Facelift, sondern ein technologischer Neustart. Gemeinsam mit der Leadagentur Oscar Charlie (Webdesign) haben wir das technische Fundament grundlegend neu konzipiert. Wir haben das starre TYPO3-Setup durch eine leistungsstarke Headless-Architektur ersetzt, die das Marketing-Team agiler und schneller macht. Das Ergebnis: Schwäbische Qualität trifft auf ein digitales Ökosystem, das wirklich mitwächst.

Digitale Freiheit für schwäbische Tradition

Wie Bürger mit Headless-Technologie und smarter UX seine Marke digital neu erfunden hat – für mehr Freiheit, Performance und skalierbares Wachstum.

Bürger Maultaschen: Website Relaunch mit Headless CMS

werk8-case-buerger-video-01.mp4

Bürger steht seit über 90 Jahren für Qualität bei Maultaschen & Co. Doch während die Marke im Kühlregal Marktführer ist, bremste die veraltete digitale Präsenz das Wachstum aus. Starre Templates und instabile Schnittstellen machten jede Anpassung zur Qual.

Die Aufgabe war weit mehr als ein Facelift: Es galt, die emotionale Stärke der Marke in eine moderne, funktionale Welt zu überführen. Gefordert war ein „digitales Kochbuch“, das Rezepte appetitanregend inszeniert, Produktdaten automatisiert und dem Marketing-Team endlich die Autonomie zurückgibt, die es für modernes Campaigning braucht.

video-produkte-neu.mp4

Statt ein geschlossenes System zu bauen, haben wir Bürger mit einer modularen Headless-Architektur technologisch emanzipiert. Durch die Trennung von Content-Management (Prismic) und modernem Frontend (Next.js) haben wir das Marketing-Team aus dem Korsett der IT befreit.

Effizienz durch radikale Automatisierung: Das manuelle Pflegen von Produktdaten gehört der Vergangenheit an. Über eine performante Schnittstelle zur GRS-Software SIGNUM synchronisieren sich Informationen nun automatisch. Das Ergebnis ist ein „Single Source of Truth“-Ansatz.

Durch die nahtlose Integration von Spezialdiensten wie Algolia für eine intuitive Suche und Softgarden für das Recruiting haben wir ein Ökosystem geschaffen, das Bürger die Agilität gibt, Kampagnen wie „Attacke Deutschland“ eigenständig und in Rekordzeit auf die Straße zu bringen.

Mit dem Relaunch präsentiert sich Bürger digital so durchsetzungsstark wie am POS. Die Website ist heute ein hochoptimiertes Interaktions-Tool, das Design, Struktur und Barrierefreiheit zu einem zeitgemäßen Auftritt vereint.

Performance als Business-Hebel: Ein Google PageSpeed-Score von 91/100 ist kein technischer Selbstzweck, sondern ein entscheidender Conversion Faktor. Schnelle Ladezeiten und eine Accessibility von 96/100 sorgen dafür, dass kein Nutzer auf dem Weg zum Rezept verloren geht.

Skalierbarkeit unter Volllast: Der Go-Live im September markierte einen Wendepunkt. Die Google Analytics KPIs belegen eine Verdopplung der aktiven Nutzer im Peak (+79 %). Die Headless-Architektur bewies hier ihre absolute Stabilität gegenüber hoher Nutzerlast. Parallel zum Launch wurde ein Social-Media-Gewinnspiel als Lead-Magnet integriert. Das Ergebnis: 2.000 abgeschlossene Anmeldungen in nur vier Wochen – ein Beweis für die radikal optimierte Nutzerführung und das effektive Formular-Design.

Mehr Interaktion: Signifikant höhere Verweildauer und Klickraten durch intuitive UX.

Höhere Conversion: Spürbar mehr Leads durch psychologisch optimierte Funnels.

Zukunftssicherheit: Ein skalierbares Fundament, bereit für internationale Rollouts.

Bürger verwaltet heute nicht mehr nur eine Website – sie steuern ein digitales Ökosystem, das mit der Marke mitwächst. Technologische Freiheit als Basis für echtes Business-Wachstum.

werk8-case-buerger-video-03.mp4

werk8-case-buerger-comp.mp4

Wie lässt sich ein exklusives Produktsortiment in ein intuitives digitales Erlebnis verwandeln?

Bei werbemax bremste eine historisch gewachsene Architektur das Wachstum aus. Die Lösung war jedoch kein kompletter Neubau, sondern eine gezielte technologische Weiterentwicklung. Während die Agentur arocom die Webentwicklung übernahm, haben wir die User Experience, die Informationsarchitektur und das Design System radikal neu gedacht. Das Ergebnis ist ein hochperformantes Drupal-Setup, das den bestehenden Content nutzt und gleichzeitig neue Maßstäbe in der Nutzerführung setzt.

Digitale Exzellenz für nachhaltige Werbeartikel

Vom Content-Chaos zur Lead-Maschine: Wie werk8 werbemax durch strategisches UX-Design und ein Headless Drupal Upgrade technologisch emanzipiert hat. 100% PageSpeed & messbar mehr Anfragen.

werbemax – UX-Design & Headless Drupal Relaunch

Ein Sortiment von über 500 exklusiven Werbeartikel erfordert eine klare Struktur, sonst verliert sich der Nutzer.

Hürden bei der Anfrage: Das Anfrageformular war zu komplex und die Suche wenig intuitiv. Potenzielle Leads sprangen ab, bevor der Kontakt zustande kam.

Flache Hierarchien: Eine undifferenzierte Kategorisierung verhinderte eine gezielte Nutzeransprache und schwächte die SEO-Sichtbarkeit.

Aufwendige Pflege: Die manuelle Pflege von Preisen und Nachhaltigkeitsdaten in einem gewachsenen CMS kostete das Team wertvolle Zeit.

Anstatt wertvolle Daten durch eine Migration zu riskieren, haben wir das bestehende Drupal-System technologisch emanzipiert.

Informationsarchitektur 2.0: Wir haben das Sortiment konsequent nach Branchen, Themen und Zielgruppen strukturiert. So sind hochrelevante SEO-Landingpages entstanden, die Kunden genau dort abholen, wo ihr Bedarf liegt.

Design System und Brand Refresh: Parallel zum technischen Relaunch haben wir der Marke einen modernen, nachhaltigen Look verpasst. Weg vom klassischen Händler-Image, hin zum attraktiven digitalen Partner.

Automatisierte Prozesse: Durch die intelligente Verknüpfung von Produktdaten im Backend konnten manuelle Abläufe reduziert und die Datenqualität für den Nutzer spürbar erhöht werden.

Das neue Website beweist, dass sich die strategische UX Konzeption direkt im Geschäftserfolg niederschlägt.

Optimierte Lead Generierung: Die intuitive Produktdetailseite und das vereinfachte Anfrageformular haben zu einer deutlichen Steigerung der Qualität und Anzahl der Anfragen geführt.

Technischer Bestwert: Die konsequente Optimierung der Architektur spiegelt sich in Spitzenwerten beim Google PageSpeed wider.

Gesteigerte Verweildauer: Das moderne Interface macht das Stöbern im Sortiment zu einem Erlebnis. Die Nutzer verweilen länger auf der Seite und tauchen tiefer in die Markenwelt ein.

cellcentric ist ein Joint Venture von Daimler Trucks und Volvo, das 30 Jahre Erfahrung in der Entwicklung, Produktion und Vermarktung von sicheren und effizienten Brennstoffzellensystemen höchster Qualität bündelt und die Marktführerschaft in der Brennstoffzellenentwicklung für Nutzfahrzeuge und Logistik anstrebt. Mehr als 700 Patente sichern den Erfolgskurs und unterstreichen die Technologieführerschaft von cellcentric. 

Marketing Plattform für klimaneutralen Transport

Website Relaunch für cellcentric: Hochperformantes Headless CMS für maximale Usability & skalierbares Content Management im Bereich klimaneutraler Transport.

cellcentric Website Relaunch

werk8-case-cellcentric-video.mp4

Neben der technologischen Entwicklung stellt sich cellcentric auch erfolgreich der Vermarktung und erkannte rechtzeitig die Notwendigkeit, die Grenzen der bisher genutzten Webtechnologien auf Wordpress-Basis zu überwinden, um die Basis zu schaffen, agil auf die Anforderungen in der digitalen Kommunikation reagieren zu können und neue Handlungsspielräume im Marketing zu schaffen.

Für cellcentric haben wir den Webauftritt auf ein Headless CMS System umgestellt, das Design hinsichtlich verbesserter User-Interaktion und User-Experience für alle Devices optimiert und den Weg für eine barrierefreie und performanceorientierte Website geebnet.

Unsere Lösung umfasst die technische Entwicklung der Website auf Basis des Headless CMS Systems von Prismic mit der Möglichkeit der Live-Vorschau, der Nutzung wiederverwendbarer dynamischer Inhaltsblöcke, der Pflege formatunabhängiger Daten sowie der Option der Mehrsprachigkeit, die die Erstellung individueller lokaler Website-Inhalte ermöglicht. Die Integration von “SAP Success-Factor” schafft eine nahtlose Schnittstelle zum Bewerbermanagement von cellcentric.

Durch den Einsatz skalierbarer Webtechnologien bildet der Relaunch von cellcentric eine sichere Basis für die wachsenden Anforderungen sowohl im Marketing als auch in der Zusammenarbeit mit Kommunikationsagenturen. Datenschutzkonforme Formulare, einfache und schnelle Content-Pflege und die Möglichkeit zur flexiblen Gestaltung von Landingpages geben cellcentric die Werkzeuge an die Hand, um führende Kraftstofftechnologie im Sinne einer klimaneutralen Mobilität zukunftsfähig in allen Kanälen zu vermarkten.

Fast zehn Jahre nach dem Abschied aus dem Profifußball klopfen die Stuttgarter Kickers wieder an die Tür zur 3. Bundesliga. Wer auf dem Platz angreift, braucht auch digital eine Performance, die dem Profisport standhält. Wir haben die Vereinspräsenz von einem starren System in eine hochperformante Marketing-Plattform verwandelt, die emotionale Fan-Erlebnisse mit technischer Hochleistung vereint.

Digitalisierung im Fußball durch Headless CMS Lösung

Entdecken Sie den digitalen Fußball-Hub der Stuttgarter Kickers - Redesign der Website der Stuttgarter Kickers durch Werk 8

Stuttgarter Kickers

werk8-case-stuttgarter-kickers-video.mp4

Die Kickers sind eine Institution mit einer wachsenden, digitalen Fangemeinde. Die alte Präsenz stieß jedoch an ihre Grenzen: Starre Strukturen blockierten schnelle Content-Updates, und bei extremen Zugriffszahlen an Spieltagen geriet die Performance ins Wanken. Die Mission war klar: Weg von der einfachen Infoseite, hin zu einem skalierbaren Content-Hub, der Liveticker, Ticketing und Fanshop nahtlos integriert – und das bei 100 % Ausfallsicherheit und barrierefreiem Zugang für alle Fans.

Der Relaunch hat die digitalen Kennzahlen der Kickers radikal nach oben geschraubt. Die Website ist heute kein reiner Informationskanal mehr, sondern ein messbarer Business-Treiber für den Verein.

Explosion der Sichtbarkeit: Seit dem Relaunch ist der SISTRIX Sichtbarkeitsindex um über 160 % gestiegen – ein Beweis für die exzellente technische SEO-Basis.

Mobile First: Bei einer mobilen Nutzungsrate von über 90 % sorgt die optimierte User Experience dafür, dass Fans auch im Stadion reibungslos auf Tickets und Ticker zugreifen können.

Engagement-Maschine: Mit durchschnittlich 70.000 organischen Seitenaufrufen pro Monat ist die Plattform das zentrale Bindeglied zwischen Verein, Fans und Sponsoren.

Statt auf Standard-Lösungen zu setzen, haben wir für die Kickers ein Ökosystem auf Basis von Prismic (Headless CMS) und Next.js entwickelt.

Technologische Emanzipation: Durch die Trennung von Content und Frontend kann das Medienteam News und Spieltagsinfos in Echtzeit ausspielen, ohne das System zu belasten.

Nahtlose Integration: Über intelligente API-Schnittstellen haben wir Vivenu (Ticketing), Shopware (Merchandising) und HubSpot (CRM) zu einer Einheit verschmolzen.

Skalierung ohne Kompromisse: Um die massiven Lastspitzen an Spieltagen abzufangen, setzen wir auf ein ISO-zertifiziertes Cloud-Hosting via AWS. Das Ergebnis: Ein System, das mitwächst, wenn die Hütte brennt.

Matthias Becher

Wir haben gemeinsam mit Werk 8 genau die Plattform geschaffen, die zu den Stuttgarter Kickers richtig gut passt.

Was ist ein Headless CMS und warum nutzen wir es?

Warum ist Next.js unser Standard für das Web Framework?

Welche Vorteile bietet Barrierefreiheit (BFSG) für mein Business?

Warum integrieren wir Spezialdienste wie Vivenu oder HubSpot?

Wie sicher ist das Hosting bei unseren Partnern wie AWS?

Häufige Fragen

Das Christliche Jugenddorfwerk Deutschlands e.V. (CJD) ist einer der größten Bildungs- und Sozialträger Deutschlands und unterstützt Menschen in schwierigen Lebenslagen sowie Personen mit körperlichen oder kognitiven Beeinträchtigungen.

Das CJD beauftragte die Agentur 21TORR mit der Entwicklung einer neuen barrierefreien und benutzerfreundlichen Web Experience, um den vielfältigen Bedürfnissen der Nutzer gerecht zu werden. Bei durchschnittlich 15.000 Visits pro Monat und über 700 individuellen Angeboten musste die Website so konzipiert werden, dass sie leicht zugänglich und verständlich ist.

Inklusive Web Experience für maximale Barrierefreiheit

Barrierefreier Web Experience mit Drupal CMS für mehr Inklusion, Zugänglichkeit und Barrierefreiheit

CJD Website Relaunch

Für die erfolgreiche Umsetzung unterstützen wir 21TORR und arocom in den Bereichen Product Ownership, User Experience und User Interface Design. In einem interdisziplinären Team aus UX Architekten, UI Designer und Full Stack Developer entwickelten wir innerhalb von sechs Monaten eine Plattform, die auf dem Framework und Content Management System Drupal basiert.

Mit Hilfe einer vereinfachten Design Thinking Methode haben wir das Projekt in zwei Phasen unterteilt: Die Discover & Define Phase und die Design & Deliver Phase. In der ersten Phase entwickelten wir eine ganzheitliche Produktvision, führten Nutzerbefragungen durch, konzipierten die Informationsarchitektur und kreierten das responsive und barrierefreie Look & Feel. In der zweiten Phase haben wir in einem agilen Setup nach SCRUM die digitale Plattform auf Basis des Produkt-Backlogs entwickelt und die Inhalte aus dem vorherigen System migriert.

Ein zentrales Element der Website ist die Barrierefreiheit. Das Interface Design wurde so gestaltet, dass es bewusst alle Nutzergruppen einschließt. Auch das Front- und Backend wurde so entwickelt, dass alle WCAG-Richtlinien und Accessibility-Prinzipien erfüllt werden.

Das Ergebnis ist eine moderne, barrierefreie Website, die den hohen Anforderungen der digitalen Inklusion gerecht wird. Die neue Web Experience bietet allen Nutzern einen einfachen Zugang zu den Inhalten und unterstützt das CJD dabei, seinen Auftrag - Menschen auf ihrem Weg in ein selbstbestimmtes Leben zu fördern und zu begleiten - noch effektiver zu erfüllen.

werk8-case-cjd-video.mp4

DIEDA ist ein Unternehmen aus Süddeutschland, das sich auf die Herstellung und den Vertrieb von hochwertigen Treppen- und Balkongeländern spezialisiert hat. Mit einer breiten Produktpalette überzeugt die Marke aus dem Schwarzwald seit Jahren professionelle Handwerker und ambitionierte Heimwerker. Die Kunden schätzen an den DIEDA-Produkten vor allem die intuitive Handhabung, das funktionale Design und den Fokus auf Sicherheit.

Web Experience für einen Marktführer der DIY-Branche

Moderne, skalierbare Website mit Prismic und Next.js verbessert Nutzererlebnis und Lead-Generierung, optimiert für Wachstum

DIEDA Web Experience

Mit der fortschreitenden digitalen Transformation stehen Unternehmen wie DIEDA vor der Herausforderung, skalierbare technologische Lösungen anzubieten, um den Bedürfnissen und Wünschen der Kunden gerecht zu werden.

Dieser Herausforderung stellte sich DIEDA und beauftragte uns mit der Entwicklung einer neuen Website, die als Service- und Produktportal fungiert. Ziel des Relaunches war es, eine robuste und skalierbare Plattform zu schaffen, die eine kontinuierliche Skalierung und Weiterentwicklung ermöglicht und die Lead Generierung nachhaltig steigert.

Um den Anforderungen gerecht zu werden, wurde das moderne Headless CMS Prismic implementiert, das eine intuitive und effiziente Verwaltung der Inhalte ermöglicht. Zusätzlich wurde ein modernes Website Framework mit Next.js eingesetzt, um eine schnelle und reaktionsfähige Benutzeroberfläche zu gewährleisten. Dieses technologische Setup ermöglicht die Schaffung einer zukunftssicheren und anpassungsfähigen Plattform, die den Bedürfnissen der Nutzer entspricht und gleichzeitig ein optimales Nutzererlebnis bietet.

Die intuitive Suche der Website wurde mit Algolia realisiert und ermöglicht eine schnelle und präzise Produktsuche. Ein Produktfinder mit Anzeige eines unverbindlichen Projektpreise wurde ebenfalls implementiert. Zusätzlich erleichtert eine Händlersuche die Suche nach Vertriebspartnern.

Die neue Website bietet nicht nur ein verbessertes Nutzererlebnis, sondern durch den Einsatz von Analysetools auch wertvolle Einblicke, die zu einer kontinuierlichen Verbesserung und Anpassung der digitalen Präsenz führen.

werk8-case-dieda-10.mp4

Headless CMS Lösung für Software Joint Venture

Corporate Website für Architekturbüro

Corporate Website Relaunch

Booking Experience für Open Space

Handwerker Website Relaunch

Back on Track ist ein Gospelchor aus Stuttgart unter der Leitung von Christoph Gärtner. Der Chor mit etwa 40 Sänger lebt modernen Gospel, R'n'B und Jazz Sound und ist unter anderem bekannt von seinen Events in der Jazzkiste in Stuttgart.

Ikonisches Branding für einen zeitgenössischen Gospelchor

Back on Track Gospelchor vereint Gospel, R'n'B und Jazz in einem ikonischen Corporate Design. Erlebe Musik und Design auf analogen und digitalen Kanälen

Branding für Back on Track Gospelchor

werk8-case-back-on-track-04.mp4

Ziel war es, ein ikonisches Corporate Design zu entwickeln, das die Essenz des Gospels und die Energie des Jazz visuell transportiert. Der neue Markenauftritt soll auf verschiedenen analogen und digitalen Kanälen funktionieren und unter anderem für die Vermarktung der anstehenden Konzerte und Events genutzt werden.

Das neue, markante Logo visualisiert ideal die Kernwerte des Gospel “Love, Joy and Peace”. Neben dem Logo haben wir ein einfaches Gestaltungsprinzip entwickelt, das perfekt mit der neuen Schrift harmoniert und den typischen Charakter des Gospelchors unterstreicht.   

werk8-case-back-on-track-09.mp4

Das flexible Corporate Design nutzt Back on Track derzeit für verschiedene Promotion-Aktionen wie die Veranstaltungsreihe “Gospel in der Kiste” im Stuttgarter Jazzclub Kiste oder das einmal jährlich stattfindende Weihnachtskonzert “Gospel Session” in der Stuttgarter Friedenskirche. Trotz der unterschiedlichen Markenauftritte der einzelnen Veranstaltungen erkennt man die Zugehörigkeit zum Back on Track Gospelchor. 

werk8-case-back-on-track-13.mp4

Für die Konzerte von Alana Alexander in Deutschland haben wir ein einfaches Design System entwickelt, um die Veranstaltungen auf verschiedenen digitalen und analogen Kanälen zu bewerben. Die in New York aufgewachsene Sängerin Alana ist mit ihrer Band bekannt für Gospel, R'n'B (Rhythm and Blues) und Jazz. Der Markenauftritt besteht aus einer Jazz-inspirierten Farbpalette, einer markanten Schriftart und weiteren grafischen Elementen, die eigenständig funktionieren und gleichzeitig die Charakteristika des R'n'B und Soul visualisieren.

Nachhaltige Plattform Optimierung

Entdecke, wie Camping Lodge durch barrierefreies UI-Design, optimiertes SEO und verbesserte Usability neue Maßstäbe im Online-Auftritt setzt.

Camping Lodge: Optimierung von Usability & Barrierefreiheit

Die Hallesche Krankenversicherung hat eine neue Krankenversicherung speziell für Mediziner entwickelt, die vom ersten Studienjahr bis zum Chefarzt oder der eigenen Praxis optimal unterstützt. In Zusammenarbeit mit der Agentur Wire Süden entstand eine crossmediale Kampagne, die Mediziner in unterschiedlichen Berufsphasen anspricht und die Vielseitigkeit der Versicherung visuell unterstreicht.

Innovative KI-Kampagne für die private Krankenversicherung für Mediziner

KI-Bildgenerierung statt Fotoshooting: Für die Hallesche Versicherung entwickelten wir eine crossmediale Kampagne, die Mediziner gezielt anspricht. Zum Case!

KI-Kampagne für Hallesche Versicherung

Das Ziel war, Mediziner in unterschiedlichen Berufsphasen (vom Studium bis hin zur Praxisgründung) anzusprechen und die umfassenden Vorteile einer privaten Krankenversicherung klar zu kommunizieren. Statt teurer und zeitaufwändiger Fotoshootings entschied man sich gezielt für den Einsatz von Künstlicher Intelligenz (KI). So konnten hochwertige, realistische Motive kreiert werden, die die individuellen Anforderungen verschiedener Altersgruppen widerspiegeln.

Für die Kampagne wurden KI-Bildgeneratoren wie Midjourney, Flux oder Firefly eingesetzt. Die generativen KI-Tools basieren auf Large Language Models (LLM), die auf die Erzeugung realistischer Bilder spezialisiert sind. Um die Bilder zu generieren, wurde die KI mit ausgewählten Referenzbildern trainiert, die verschiedene Altersgruppen und medizinische Kontexte repräsentieren.

Die KI-Bildgenerierung bietet einige Vorteile

Kostenersparnis – keine Honorare, keine Studio- oder Produktionskosten

Zeitersparnis – schnelle Bildgenerierung im Vergleich zu aufwendigen Shootings

Hohe Flexibilität – einfache Anpassung ohne großen Mehraufwand 

Skalierbarkeit – einfaches Generieren mehrerer Bildvarianten

Begrenzte Kontrolle über komplexe Posen und Bewegungen.

Manuelle Nachbearbeitung und Optimierung kleinerer Details (z.B. Hände) für ein fehlerfreies Endergebnis. 

Nachträgliche Anpassungen sind nur begrenzt möglich und erfordern oft manuelle Nachbearbeitung.

Die finalen Key Visuals wurden nach der Generierung überarbeitet, um eine optimale Darstellungsqualität zu gewährleisten.

Die Kampagnenumsetzung erfolgte in einem Mix aus Print und digitalen Marketingmaßnahmen.

Zu den digitalen Ausspielungen zählten animierte Google Displayanzeigen animierte Social Media Ads für Facebook und Instagram. Parallel dazu wurden klassische Werbemittel wie Printanzeigen und Großflächenplakate entwickelt.

Durch den Einsatz von KI konnten wir die Kampagne mit minimalen Ressourcen und maximaler Reichweite entwickeln. Gleichzeitig steigerte die realitätsnahe Abbildung der Motive die Identifikation mit der Zielgruppe und dem Angebot der Hallesche Versicherung.

Service Centres Aero (SCA) ist ein internationaler Anbieter von Produkten und Dienstleistungen für die Luft- und Raumfahrtindustrie. Das Unternehmen ist bekannt für sein effizientes Supply Chain Management und seine Just-in-Time-Lösungen.

Eine moderne Website für die Luftfahrtindustrie

Mehrsprachige Corporate Website mit Headless CMS für SCA. Optimierte Lead-Generierung und maximale Performance für die Luftfahrtindustrie. Jetzt Case ansehen!

SCA Service Centres Aero

Für SCA entwickelten wir eine mehrsprachige und barrierefreie Website, um mittelfristig die Neukundengewinnung über digitale Kanäle zu steigern und gleichzeitig den hohen Anforderungen der Luft- und Raumfahrtindustrie gerecht zu werden.

Auf Basis des bestehenden Corporate Designs entwickelten wir ein flexibles, responsives Interface Design mit einer kontrastreichen Farbpalette und einer gut lesbaren Schrift. 

Neben der Optimierung des Webdesigns und der Konzeption einer skalierbaren User Experience entwickelten wir auf Basis eines modernen Technologie-Frameworks eine moderne und interaktive Website, die für die Inhaltsverwaltung das Tool DatoCMS als Headless CMS Lösung einsetzt.

werk8-case-sca-05-video.mp4

Die Volksbank Stuttgart bietet mit ihrem Produkt Baufinanzierung 2,92% eine attraktive Lösung für alle, die sich den Traum vom Eigenheim erfüllen möchten. Um die Vorteile und Konditionen dieser Finanzierungsmöglichkeit gezielt zu kommunizieren, haben wir gemeinsam mit Wire Süden und wirkstoffmedia eine digitale Marketingkampagne zur Generierung qualifizierter Leads entwickelt.

Display Ads für die Baufinanzierung

Entwicklung einer Display Kampagne mit animierten Visuals für Google Ads und Social Media Ads auf den Plattformen Instagram und Facebook

Digitale Kampagne für Volksbank Stuttgart

Ziel der Kampagne war es, zunächst Markenbekanntheit für das Finanzprodukt zu schaffen, um potenzielle Kunden von den Vorteilen zu überzeugen. In der zweiten und dritten Phase lag der Fokus auf Retargeting-Maßnahmen, um möglichst viele Leads zu generieren. Durch eine klare Zielgruppenansprache und eine durchdachte Targeting-Strategie auf relevanten digitalen Plattformen konnten wir überdurchschnittlich viele qualifizierte Leads generieren.

Um die Kampagne so aufmerksamkeitsstark wie möglich zu gestalten, setzten wir KI-Tools ein, um die Key Visuals zu animieren und zu optimieren. Die produzierten Inhalte eigneten sich ideal für Google Displayanzeigen und Social Media Ads. So entstand ein authentischer Look mit hohem Wiedererkennungswert, der sich von klassischer Finanzwerbung abhebt.

Um die Zielgruppe an verschiedenen digitalen Touchpoints zu erreichen, nutzten wir eine Kombination aus Google Ads und Social Media Ads. Durch aufmerksamkeitsstarke Visuals und einer gezielten Targeting-Strategie erzielten wir hohe Interaktionsraten auf Google, Instagram und Facebook. 

Nachdem zu Beginn der Kampagne vor allem die Brand Awareness im Fokus stand, lag der Fokus in der nächsten Phase auf Retargeting-Maßnahmen. Hier wurden Nutzer, die bereits Interesse gezeigt hatten, mit passgenauen Inhalten und effektiven Tracking-Methoden erneut angesprochen. Diese Maßnahme führte zu einer signifikanten Senkung der Cost per Lead (CPL) und einer Steigerung des Return on Invest (ROI). Darüber hinaus konnte die Conversion Rate durch die passgenaue und bedürfnisorientierte Werbebotschaft gesteigert werden.

Die Marketingkampagne für die Volksbank Stuttgart zeigt, wie beratungsintensive Finanzprodukte mit modernen Technologien zeitgemäß und nutzerorientiert beworben werden können. 

Die Stuttgarter Prominenten-Kicker sind ein Sportverein ehemaliger Stuttgarter Fußballspieler. Mit über 40 Jahren Geschichte und regionalen Auszeichnungen wie dem Stuttgarter Rössle und dem Goldenen Volltreffer sind die Prominenten-Kicker eine feste Größe rund um Stuttgart. Unter anderem ist Niko Kappel aktueller Preisträger des Stuttgarter Rössle und Silbermedaillengewinner im Kugelstoßen bei den Paralympics 2024 in Paris. Neben bekannten Persönlichkeiten aus der Event- und Gastronomiebranche sind auch ehemalige Fußballprofis des VfB Stuttgart wie Guido Buchwald, Hansi Müller und Kevin Kurányi Mitglieder des Vereins.

Eine digitale Plattform für Tradition und Vielfalt

Website Relaunch mit Headless CMS für die Stuttgarter Prominenten-Kicker, einen Sportverein mit über 40 Jahren Geschichte

Stuttgarter Prominenten-Kicker

werk8-stuttgarter-prominentenkicker-videe.mp4

Die Stuttgarter Prominenten-Kicker benötigten eine moderne und barrierefreie Website, um neben der Vereinsgeschichte auch die verschiedenen sportlichen Aktivitäten zu präsentieren. Unser Ziel war es, eine digitale Plattform zu schaffen, die für alle Nutzergruppen funktional ansprechend ist und genügend Flexibilität für die Verwaltung der Inhalte bietet..

Für die technische Umsetzung haben wir uns für das leistungsfähige Web-Framework Next.js und das Headless CMS Prismic entschieden. Ein Headless CMS ist ein cloudbasiertes Content Management System (CMS), das Inhalte über eine Schnittstelle für eine Website zugänglich macht. Dadurch können flexible und skalierbare digitale Lösungen entwickelt werden, ohne durch vorgefertigte Technologien eingeschränkt zu sein. 

Unsere digitale Lösung umfasst neben der technischen Umsetzung die Entwicklung einer zielführenden Website-Architektur, die Gestaltung eines authentischen und barrierefreien Webdesigns sowie die Optimierung von suchmaschinenoptimierten Texten und Bildern für eine bessere Sichtbarkeit im Google Ranking. 

Als Headless CMS setzen wir die Lösung unseres langjährigen Partners Prismic ein. Prismic hat mit seinem Page Builder die Verwaltung und Pflege von Inhalten revolutioniert. Für die Stuttgarter Prominenten-Kicker ist der Website Relaunch ein weiterer Meilenstein in der digitalen Transformation und bietet den Mitgliedern und Interessierten einen weitere Möglichkeit, die Inhalte auf einem weiteren digitalen Kanal zu konsumieren.

DIGITUU ist ein führender Anbieter von Web-Applikationen für die Gastronomie mit Sitz in Rosenheim. Die gleichnamige App ist auf die Verwaltung von Gastronomiebetrieben ausgerichtet und bietet ein breites Spektrum an Funktionen.

Dazu gehören Tischplanung und -reservierung, digitale Speisekarten und Warenwirtschaftssysteme. DIGITUU zeichnet sich durch sein Engagement aus, die Bedürfnisse der Gastronomiebranche genau zu verstehen und maßgeschneiderte Lösungen anzubieten, um den Betrieb zu optimieren und das Kundenerlebnis zu verbessern.

Flexible User Experience für die Gastronomie Branche

UX-Revolution für die Gastronomie: Funktionales Design System und optimierte User Experience für die Digituu App. So geht digitales Product Design heute.

Digituu Gastro-App

Unser Ziel bei der Zusammenarbeit mit Digituu war es, ihre App weiterzuentwickeln und ihre Funktionen zu optimieren. Die bestehenden Herausforderungen umfassten eine suboptimale Nutzbarkeit der Funktionen, veraltete Interface-Designs und eine nicht skalierbare Informationsarchitektur. Außerdem basierte die Technologie auf einem veralteten Tech-Stack, der die zukünftige Skalierbarkeit der Anwendung behinderte.

Um diesen Herausforderungen gerecht zu werden, entwickelten wir ein umfassendes UX-Konzept und eine Architektur für die Weiterentwicklung der Gastronomie-Software.

Dies beinhaltete die Gestaltung eines modernen, mobilen und barrierefreien Interface Designs sowie die Entwicklung eines HiFi-Prototypen für verschiedene Funktionen wie Kassenbuch, Bestellmanagement, Tischplanung und -reservierung sowie Warenwirtschaftssystem und Personalmanagement.

Durch die Erstellung von User Journeys und User Stories wurde eine Steigerung der Conversion Rate angestrebt und eine einheitliche Produktvision geschaffen.

werk8-case-digituu-08.mp4

Unsere Zusammenarbeit mit Digituu zeichnete sich durch eine strukturierte Vorgehensweise aus, die zu zwei abgeschlossenen Design Sprints führte. Ein skalierbares Design-System und eine Interface-Komponenten-Bibliothek wurden implementiert, um die Entwicklungseffizienz zu erhöhen.

Ein interaktiver HiFi-Prototyp ermöglichte es, neue Funktionen zu testen und nutzerbasiertes Feedback zu sammeln. Darüber hinaus wurde ein Leitfaden für die Anwendung von Animationsprinzipien erstellt, um die User Experience weiter zu verbessern.

Durch diese Maßnahmen konnten wir Digituu dabei unterstützen, ihre App zu optimieren, um den Anforderungen der modernen Gastronomie gerecht zu werden und gleichzeitig ihre Wettbewerbsfähigkeit und Marktposition zu stärken.

Lisa Riecker ist Weinerlebnisführerin und Wine Guide im WeinSüden Baden-Württemberg. Der Süden wird von der Sonne verwöhnt. Kein Wunder also, dass in Baden-Württemberg die besten Weine wachsen. Von wunderbaren Alltagsweinen bis hin zu edlen Spitzengewächsen ist für jeden Geschmack etwas dabei. Mit ihrem Label Weinlage möchte Lisa die Schönheit der Weinregion am Neckar näher bringen und den Wein-Süden repräsentieren.

Aufbau einer Personal Brand für die Weinbranche

Digitales Branding für Weinlage: Flexibles Design System zur Stärkung der Weinregion Süden. Ästhetische Präzision für moderne, digitale Kanäle. Mehr erfahren.

Weinlage Branding

In enger Zusammenarbeit mit Lisa haben wir für ihr Label Weinlage ein authentisches und erlebbares Branding entwickelt, das die Liebe zum Wein und zur Region Baden-Württemberg visualisiert. Der Fokus lag dabei auf der Positionierung des Labels Weinlage und der Gestaltung eines flexiblen Branding Systems.

Zentrales Element des Brandings ist das neu kreierte Logo, das Authentizität und Hingabe visualisiert und Lisa perfekt widerspiegelt. Ob dezent als kleines Signet in leuchtendem Lila oder als Label, der Bezug zur Region ist in jeder Form spürbar. Darüber hinaus haben wir eine moderne Farbpalette und einen neuen Bildstil definiert, der souveräner und ikonischer wirkt.

Das einfache und zugleich authentische Gestaltungssystem zeigt, dass mit klaren Gestaltungsprinzipien ein Branding flexibel einsetzbar ist und an allen digitalen und analogen Touchpoints funktioniert.

werk8-case-weinlage.mp4

Das Bündnis Mensch und Umwelt (BMU) ist eine parteiunabhängige Wählervereinigung, die sich für eine transparente und offene Kommunalpolitik einsetzt. Schwerpunkte des BMU sind Klimaschutz und soziale Gerechtigkeit.

Unter dem Motto „Global denken - lokal handeln“ will die BMU auf lokale Bedürfnisse eingehen und gleichzeitig globale ökologische und soziale Themen aufgreifen. Mit Aktionen vor Ort zeigt es, dass Nachhaltigkeit und soziale Gerechtigkeit zentrale Bestandteile seiner Politik sind. Projekte wie die Förderung erneuerbarer Energien zeigen, dass eine nachhaltige, global denkende Kommunalpolitik mit klaren Visionen und aktiver Bürgerbeteiligung möglich ist.

Neuer Markenauftritt für das Bündnis Mensch und Umwelt

Modernes Branding & barrierefreie Web Experience für das Bündnis Mensch und Umwelt. Inklusives Design trifft auf technologische Souveränität. Zum Case!

BMU Besigheim

werk8-case-bmu-01.mp4

Für das BMU haben wir ein modernes Branding entwickelt, das die Grundidee und das Motto des Bündnisses optimal widerspiegelt. Basierend auf den Werten Klimaschutz und soziale Gerechtigkeit haben wir ein durchgängiges Gestaltungsprinzip geschaffen, das die Markenbekanntheit steigert und die Inhalte der Corporate Website nutzerzentriert präsentiert. Darüber hinaus entwickelten wir ein ikonisches Logo, eine harmonische Farbpalette und einen nachhaltigen Bildstil.

Neben dem Corporate Design wurde eine nutzerzentrierte und barrierefreie Website entwickelt, die eine intuitive Verwaltung und Pflege der Inhalte ermöglicht und die Performance und Sichtbarkeit in Google verbessert.

Der Fokus des Website Relaunches lag zum einen auf der Modernisierung der Technologie und zum anderen auf dem barrierefreien und nutzerzentrierten Zugang zu den relevanten Informationen des BMU. Durch den Einsatz des Headless CMS Systems Hygraph können Inhalte flexibel und einfach auf der Website publiziert werden. Wiederverwendbare Content Bausteine und Content Automation bei der Veröffentlichung von Pressemitteilungen und News Artikeln erhöhen zudem die organische Reichweite.

Das neue Branding bietet dem Bündnis die Möglichkeit, einheitliche Printprodukte zu entwickeln und so einen konsistenten Markenauftritt zu gewährleisten. Die mobil optimierte Website verbessert neben der User Experience auch die redaktionelle Pflege der Inhalte. Dank suchmaschinenoptimierter Texte erreicht die Website eine konstant gute Sichtbarkeit im Google Ranking, was die Bekanntheit des Bündnisses nachhaltig fördert.

Insgesamt stärkt der moderne Markenauftritt die Vision des BMU und fördert eine effektivere Kommunikation der Grundwerte Klimaschutz und soziale Gerechtigkeit.

DIY-Products ist einer der führenden Anbieter von Geländer- und Handlauf-Sets. Die Marke ist Teil  unseres langjährigen Kunden DIEDA und der offizielle D2C-Kanal (Direct-to-Consumer) des Unternehmens.

DIY-Products beauftragte uns mit der Entwicklung eines neuen skalierbaren Shopify Onlineshops, um die digitalen Vertriebswege zu optimieren. Das primäre Ziel der neuen E-Commerce Plattform ist die kontinuierliche Steigerung der Conversion Rate und die Neupositionierung der Marke als führender Online-Händler für Geländer- und Handlaufset in der Branche Heimwerken und Bauen.

Shopify Onlineshop für digitale Vertriebsstrategie

Internationaler E-Commerce-Erfolg: Neuer mehrsprachiger Shopify Shop für DIY Products (DIEDA). Skalierbare Vertriebsstrategie für Geländer & Handläufe.

DIY Products

Für die Entwicklung des neuen mehrsprachigen Onlineshops wurde das marktführende Shopsystem Shopify eingesetzt, das sich durch seine Benutzerfreundlichkeit und intuitive Oberfläche auszeichnet. Als offizieller Partner von Shopify haben wir eine maßgeschneiderte E-Commerce-Lösung entwickelt, die das Produktportfolio optimal abbildet und einen einfachen Checkout-Prozess ermöglicht. Darüber hinaus bietet Shopify eine effiziente und transparente Verwaltung der Bestellungen und die Integration von Versand-Features wie Tracking und Tracing. 

Mit dem neuen Shopify-Onlineshop konnte DIY-Products bereits sechs Monate nach dem Relaunch den durchschnittlichen Warenkorbwert in Deutschland um knapp 20 Prozent steigern. Zudem stieg die organische Reichweite der Top-10-Seiten im Google-Ranking im ersten Halbjahr um knapp 12 Prozent.

JOKMK ist eine renommierte PR-Agentur für Sportvereine. Ihr Ansatz basiert auf einer wertebasierten Kommunikation, die die emotionale Bindung zu Sportvereinen, Partnern und Fans stärkt.

Für unseren Kunden JOKMK haben wir eine ästhetische Website entwickelt, die sich auf die Werte und die Vision der Agentur konzentriert. Die Herausforderung bestand darin, eine digitale Lösung zu schaffen, die nicht nur den professionellen Auftritt der Agentur widerspiegelt, sondern auch ihre Position am Markt stärkt.

Neue authentische Website für eine PR-Agentur

Modernes Web-Frontend mit Next.js & Headless CMS für JOKMK. Maximale Markenpräsenz durch technologische Exzellenz und schnelles Content Management.