Digitale Barrierefreiheit trifft KI: Inklusion als messbarer Performance-Hebel

Designing for Patience: Warum „Wait UX“ zum strategischen Kern von AI-Produkten wird

Designing for Millions heißt nicht Designing for Everyone

Design-Systeme, KI und die Architektur des guten Designs

Website Performance: Ihr härtester Vertriebsmitarbeiter

Usability vs. User Experience: Der Unterschied, der über Ihren digitalen Erfolg entscheidet

GEO (Generative Engine Optimization): Wie Ihre Website in KI-Antworten auftaucht

MACH – das Prinzip moderner Website Architektur

In drei Schritten zur perfekten Customer Experience Strategie

Headless CMS vs. traditionelles CMS: Unterschiede, Vorteile und Beispiele

Headless CMS erklärt

Vibe Coding: Revolutioniert KI die Webentwicklung?

Die Nutzung von Algolia verbessert die User Experience

MCP: Der neue Standard für KI-Tools

Accessibility Overlays: Warum die 1-Klick-Lösung Ihr größtes Haftungsrisiko ist

Leichte und einfache Sprache: Was ist der Unterschied

Top Beispiele für barrierefreie Webseiten

Inclusive Design minimiert digitale Barrieren und steigert das Nutzererlebnis

Barrierefreie Websites

Barrierefreies Webdesign: Die wichtigsten Grundlagen

Werk 8 entwickelt Websites und digitale Plattformen für den Mittelstand — Headless CMS, Website Relaunch, KI-Automatisierung. Aus Ludwigsburg bei Stuttgart.

Digitalagentur Stuttgart – Headless CMS & Website Relaunch

Wir entwickeln Websites, Onlineshops und digitale Lösungen, die funktionieren und Ihrem Unternehmen einen messbaren Vorsprung im digitalen Wettbewerb verschaffen.

Digitale Lösungen. Messbare Ergebnisse.

User Design & Experience

Websites & Plattformen

Daten & KI

Digital Marketing & Branding

Digitale Freiheit für schwäbische Tradition

Display Ads für die Baufinanzierung

Digitalisierung im Fußball durch Headless CMS Lösung

Marketing Plattform für klimaneutralen Transport

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

Ergebnisse, die für sich sprechen.

Wir sind eine Digitalagentur aus Ludwigsburg, nur 15 Minuten von Stuttgart entfernt, und realisieren Projekte, die weit über diese Region hinausreichen. Wir entwickeln digitale Lösungen, die nicht nur gut aussehen, sondern auch funktionieren: schneller, skalierbarer und technologisch sauber. Kreativität und Code aus einer Hand.

Hier trifft Kreativität auf Technologie und KI.

Insights

Website Relaunch mit Headless CMS für Bürger Maultaschen: Wie macht man eine Traditionsmarke mit über 90 Jahren Geschichte fit für eine digitale Zukunft? Für Bürger war die Antwort kein einfaches Facelift, sondern eine radikale technologische Neuentwicklung. Wir haben die starren Systeme hinter uns gelassen und eine hochperformante Headless-Architektur geschaffen, die das Marketing-Team aus der Abhängigkeit befreit. Das Ergebnis ist ein digitales Ökosystem, das schwäbische Qualität mit technischer Exzellenz vereint. 

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

Corporate Website für Architekturbüro

Headless CMS Lösung für Software Joint Venture

Corporate Website Relaunch

Booking Experience für Open Space

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.

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

Handwerker Website Relaunch

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. 

Website Relaunch mit Headless CMS für verbesserte User Experience, Usability und Content Management

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 hochdramatischen Abschied der Stuttgarter Kickers aus dem Profifußball steigen derzeit die Chancen auf eine Rückkehr in die 3. Bundesliga. Die Kickers begeistern auf und neben dem Platz. Mit einem überdurchschnittlichen Zuschauerschnitt in der vergangenen Saison ist der Sportverein fest in der Region verwurzelt. Durch die engagierte Vereinsarbeit ist auf der Waldau eine bunte Fußballgemeinschaft gewachsen, die sich als moderner, fortschrittlicher und sozialer Club etabliert hat. 

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

Ziel war es, eine skalierbare, barrierefreie und moderne Vereinswebsite zu entwickeln, die den hohen Bedürfnissen und Erwartungen von Fans, Mitgliedern, aber auch Sponsoren und Partnern gerecht wird. Gleichzeitig wollten die Stuttgarter Kickers ihre digitalen Services wie Livestream oder Liveticker auf einer zukunftssicheren und performanten Technologie anbieten.

Die neue Marketing Plattform soll als zentraler Content Hub für News, Tickets, Onlineshop und Fanseiten dienen. Gemeinsam mit den Kickers setzen wir alles daran, die Fans auch auf dem digitalen Spielfeld zu emotionalisieren und zum Wiederkommen zu motivieren. Ein flexibles Headless CMS soll dem Team die Verwaltung der Inhalte für die verschiedenen Kanäle erleichtern.    

Unter Berücksichtigung aller Schnittstellen und externen Dienste haben wir auf Basis des Headless CMS Prismic und des Web Frameworks Next.js eine barrierefreie und performante Marketing Plattform entwickelt. Damit haben wir eine Web Experience geschaffen, die es ermöglicht, Inhalte flexibel, schnell und einfach auf verschiedenen Kanälen auszuspielen. Diese Website-Architektur garantiert schnelle Ladezeiten und erhöht gleichzeitig die Sichtbarkeit im Google-Ranking.

Um die starken Schwankungen der Zugriffe auf die Website zwischen Spieltagen und Normalbetrieb zu bewältigen, arbeiten wir beim Hosting mit unserem Partner Amazon Web Services (AWS) zusammen, der ein sicheres und zuverlässiges Hosting garantiert und sein Engagement für Sicherheit durch ISO-Zertifizierungen unter Beweis stellt.

Für die erfolgreiche Integration weiterer digitaler Services entwickelten wir API-Schnittstellen zu Vivenu für Ticketing, HubSpot für Lead Generierung, Mitgliederverwaltung und Newsletter Marketing sowie Shopware für den Onlineshop. Seit dem Relaunch ist der SISTRIX Sichtbarkeitsindex um über 160 Prozent gestiegen. Der SISTRIX Sichtbarkeitsindex ist eine Kennzahl für die Sichtbarkeit einer Domain im Google Ranking. Der geschätzte organische Traffic liegt bei durchschnittlich knapp 70.000 Seitenaufrufen pro Monat und einer mobilen Nutzung von über 90 Prozent.

Matthias Becher, Geschäftsführer der Stuttgarter Kickers: “Es war ein langer Weg, aber auf das Ergebnis können wir sehr stolz sein. Gemeinsam mit unseren Partnern haben wir genau die Website geschaffen, die zu den Stuttgarter Kickers passt. Modern und doch in manchen Dingen traditionell.”

Was ist ein Headless CMS?

Wie funktioniert ein Headless CMS?

Welche Vorteile bietet ein Headless CMS?

Was ist Barrierefreiheit?

Was macht Vivenu?

Was macht HubSpot?

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

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

Innovative KI-Bildgenerierung statt klassischer Fotoshootings: Für die Hallesche Versicherung entwickelten wir eine crossmediale Kampagne, die Mediziner gezielt anspricht.

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 Website mit Headless CMS zur Steigerung von Leads und Conversions.

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.

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

Optimierte Benutzererfahrung und funktionales Design System für eine Gastronomie-App

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

Branding und flexibles Design für digitale Kanäle zur Stärkung der Weinregion Süden.

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 und barrierefreie, inklusive Website für das Bündnis Mensch und Umwelt.

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

Neuer mehrsprachiger Shopify Onlineshop für Geländer und Handläufe von DIEDA

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.

Wir bauen digitale Lösungen, die skalieren

Digitale Lösungen. Messbare Ergebnisse.

User Design & Experience

Websites & Plattformen

Daten & KI

Digital Marketing & Branding

Ergebnisse, die für sich sprechen.

Digitale Freiheit für schwäbische Tradition

Display Ads für die Baufinanzierung

Digitalisierung im Fußball durch Headless CMS Lösung

Marketing Plattform für klimaneutralen Transport

Hier trifft Kreativität auf Technologie und KI.

Insights

MCP: Der neue Standard für KI-Tools

GEO (Generative Engine Optimization): Wie Ihre Website in KI-Antworten auftaucht

Top Beispiele für barrierefreie Webseiten

MCP: Der neue Standard für KI-Tools

Lassen Sie uns gemeinsam starten.