Buttinette Blog – Relaunch & Growth des DIY- & Bastel-Magazins

Über Buttinette

buttinette zählt zu den größten Versandhäusern für Bastel- und Handarbeitsartikel sowie Faschingsbedarf in Deutschland. Das Familienunternehmen mit Sitz im bayerischen Wertingen wurde 1979 gegründet und betreibt heute neben dem deutschen Markt auch Niederlassungen in Österreich, der Schweiz und Frankreich. Das Sortiment umfasst rund 20.000 Artikel im Kreativbereich sowie rund 8.000 Artikel im Faschingsbereich und richtet sich an Menschen, die nähen, basteln, dekorieren, gestalten oder kreative Projekte umsetzen möchten.

Ausgangssituation

Der DIY- und Bastel-Blog von Buttinette war optisch wie technisch in die Jahre gekommen. Die Herausforderung: Aus einem klassischen Blog ein vollwertiges, modernes Online-Magazin zu entwickeln – mit klarer Themenarchitektur, hoher Performance und enger Verzahnung zum Shop.

Projektstart April 2025, Go Live November 2025

Case Study Buttinette Blog

Ziele des Relaunchs

  • Magazin-Positionierung: Redaktionsfähige Struktur, mehrere Artikel-/Content-Typen (z. B. Anleitungen)
  • Traffic & Engagement: Höhere Aufrufe und signifikant längere Verweildauer
  • Commerce-Enablement: Reibungslose Weiterleitungen in den Shop und direkte Materialbestellung
  • Betrieb & Redaktion: Schnelle Content-Integration, skalierbare Technik

Projektvorgehen

  • Audit & Roadmap – Inhalts- und Technik-Audit, SEO-Analyse, Redaktions-Workflows.
  • UX/UI-Konzept – Magazin-IA, Kategorie- und Tag-System, Templates für Anleitungen & Stories, komponentenbasiertes Designsystem (Figma).
  • Custom-Theme-Entwicklung (WordPress) – Performance-fokussiertes Theme mit ACF-Blöcken, Mobile-First, Barrierearmut.
  • Migration – verlustfreie Migration aller bestehenden Inhalte inkl. Medien, Weiterleitungen & Metadaten.
  • Integrationen – API-Anbindung an Newsletter-System, Shop & Produkt-API (Materialliste), PDF-Generator, Kommentare, Instagram-Einbindung.
  • Go-Live & Enablement – Redaktionsschulung, Komponenten-Handbuch, Monitoring & kontinuierliche Optimierung.

Tech-Stack Highlights

  • Design Figma-Designsystem, modulare Komponentenbibliothek
  • Frontend HTML5, CSS/SCSS,, WebP/AVIF, Lazy-Loading
  • Backend WordPress (Custom Theme), ACF-Blocks, PHP 8.x
  • APIs Newsletter-API (Opt-in/Tags), Shop-/Produkt-API (Material-Sync, Deeplinks)

Das Resultat (YOY nach Relaunch)

• Aufrufe +8,1 %
• Verweildauer / User Engagement +31,1 %
• Weiterleitungen in den Shop +5,9 %

Aufrufe

+8,1 %

Engagement

+31,1 %

Weiterleitungen Shop

+5,9 %

Mehr zu diesem und vielen anderen Projekten erfahren?

Jetzt Kontakt aufnehmen