Fallstudie · Holz & Bau

Ein laufender Katalog, in 4 Wochen neu lanciert

Wooden Tec bietet WPC-Terrassendielen, Fassadensysteme und Sichtschutz aus Aadorf im Thurgau an. Wir haben die laufende Website in vier Sprachen neu lanciert – mit neuem Branchen-Bereich, 16 eigenen Blöcken und dunklerem Markengrün – rund um ihr Herzstück: unseren eigenen Kostenrechner, der aus Produktwahl und Fläche einen Preis und eine nummerierte Anfrage macht.

Website ansehen (opens in a new tab)
Startseite von woodentec.swiss
Kunde
Wooden Tec
Branche
Holz & Bau
Leistungen
Design · Entwicklung · Inhalte · SEO & GEO · Betreuung
Dauer
4 Wochen bis zum Relaunch, danach Betreuung

Die Ausgangslage

Ein Katalog in vier Sprachen, erneuert im laufenden Betrieb

Wooden Tec bietet WPC – Holz-Kunststoff-Verbundwerkstoff – für den Aussenbereich in der Schweiz an: Terrassendielen ECO DECK, Fassadensysteme ECO FACE und Sichtschutz Eco Fence, dazu einen Montageservice, eine kostenlose Musterbox und ein Partnerprogramm. Die Branchenseiten richten sich an Hotellerie, Gastronomie, Architekten und den Objektbau.

Die Website war bereits live und auf Deutsch, Englisch, Französisch und Italienisch indexiert. Der Relaunch sollte einen Branchen-Bereich ergänzen, die Blöcke auf das Figma-Design und ein neues Markengrün bringen – und Rechner, Formulare und alte Adressen funktionsfähig halten.

Leistungen
Kostenrechner · Relaunch · Block-Bibliothek
Plattform
WordPress · Blocksy · ACF Pro · Polylang Pro
Sprachen
Deutsch (de-CH) · Englisch · Französisch · Italienisch
Inhalte
40 Produktseiten · 16 Branchenseiten · 4 Sprachen
Zusammenarbeit
Relaunch und laufende Betreuung
Sortiment
Terrassen · Fassaden · Sichtschutz

Die Herausforderung

Vier Sprachen, ein laufender Katalog

Als der Relaunch begann, war die Website von Wooden Tec live und indexiert. Alles Neue – ein Branchen-Bereich, 16 Blöcke, eine neue Farbe und eine neue Galerie – musste sich um ältere Inhalte, bestehende Weiterleitungen und unseren Kostenrechner herum einfügen, der die ganze Zeit weiter Preise berechnen und Anfragen senden musste.

Und es ist ein Katalog, kein Shop: Preise, Varianten und Anfragen funktionieren ohne E-Commerce, in jeder Sprache.

  • Überall vier Sprachen

    Produkte, Kategorien, Branchen, Formulare, Rechner-Texte, Block-Beschriftungen und Optionen gibt es in de-CH, en, fr-CH und it-CH.

  • Preise ohne Shop

    Jede Produktlinie führt Variantenzeilen mit Preis pro m², Unterkonstruktion, Montage und Farben – und unser Rechner macht daraus eine Anfrage mit Preis, keine Bestellung.

  • Rund vier Wochen, laufende Website

    Vom Backup der laufenden Website bis zur Produktion in rund vier Wochen, mit 61 bestehenden 301-Weiterleitungen im Gepäck.

Hinter dem Projekt

Ein Team, sechs Disziplinen, 4 Wochen bis zum Relaunch

Ein internes Team deckte sechs Disziplinen ab. Die Arbeit begann mit einem Backup der laufenden Website und endete vier Wochen später mit der Umstellung des Deploy-Ziels. Der Grossteil des Codes entstand in den ersten elf Tagen; der Rest ging in Inhalte, Übersetzungen und Checks.

Wochen 1–7

  1. Umsetzung, Wochen 1–3
  2. Launch, Wochen 4–5
  3. Ausbau, Wochen 6–7

  • Management

    • Backup, Repositories, Pull-Request-Workflow und Deploy-Umstellung, Wochen 1–5

  • Design

    • Figma-Blöcke, Seitenkopf, neues Markengrün, Wochen 1–3

  • Entwicklung

    • 16 Blöcke, Branchen, Galerie, Wochen 1–3

  • Inhalte

    • Branchenseiten, Formulare und Übersetzungen, Wochen 1–5

  • SEO

    • Metas, llms.txt, Wochen 3–5

  • Betreuung

    • Betreuung, Woche 6 – laufend

Was wir gebaut haben

Fünf Systeme, ein erneuerter Katalog

Kostenrechner

Vom Quadratmeter zum Preis – und zur Anfrage

Unser eigener Kostenrechner führt vom Produkttyp über Farbe, Montage und Unterkonstruktion. Er multipliziert die Fläche – oder Höhe × Länge, wo eine Kategorie das braucht – mit dem Preis in CHF pro m², zeigt die Summe sofort und schickt die Konfiguration als nummerierte Anfrage mit Plänen und Fotos.

  • Preis pro m² direkt aus den Produktdaten
  • Fläche oder Höhe × Länge, je nach Kategorie
  • Nummerierte Anfrage mit Upload und Bestätigungs-E-Mail
Kostenrechner auf woodentec.swiss mit Produktwahl und Gesamtpreis

Branchen

Ein Bereich für jede Branche

Ein neuer Beitragstyp trägt den Branchen-Bereich: eine Übersichtsseite, im Editor aus Blöcken gebaut, und eine Seite pro Branche – Hotellerie, Gastronomie, Architekten und Fachplaner, Gewerbe- und Objektbau – mit eigenem Seitenkopf, Anfrage-Button und Karten-Slider. 16 Branchenseiten sind in vier Sprachen live.

  • Übersichtsseite aus Blöcken
  • Branchenseiten mit Seitenkopf und Anfrage-Modal
  • Karten-Raster in der Übersicht, Slider auf jeder Branchenseite
Branchen-Karten für Hotellerie, Gastronomie, Architekten und Objektbau auf woodentec.swiss

Produktseiten

Produktlinien, in Blöcken erzählt

Die Seiten der Produktlinien bestehen aus den neuen Blöcken: Profil und Spezifikationen, Vorteile, ein Bild-Slider und technische Daten mit PDF. Darunter füllt sich ein Slider jetzt selbst mit verwandten Produkten aus derselben Kategorie, statt auf manuelle Auswahl angewiesen zu sein.

  • Block für Profil und Spezifikationen
  • Technische Daten mit PDF-Download
  • Verwandte Produkte automatisch ausgewählt
Bild-Slider und technische Daten auf einer Produktseite von woodentec.swiss

Block-Bibliothek

16 Blöcke für den Editor

Das neue Block-Plugin gibt der Redaktion 16 dynamische Blöcke in drei Gruppen – global, Produkt und Branche –, von der Vergleichstabelle über die Prozess-Timeline bis zum Musterbox-Banner. Die Farben stammen aus einer Paletten-Konfiguration, die Beschriftungen aus fünf Sprachpaketen.

  • Drei Gruppen: global, Produkt, Branche
  • Markenpalette aus einer Konfiguration
  • Block-Beschriftungen in fünf Sprachpaketen
Block mit Vorteilen auf der Branchenseite Hotellerie

Galerie

Eine Galerie ohne Plugin

Die Galerieseite lief bisher mit dem Plugin Modula. Eigener Code hat es ersetzt: eine sprachneutrale Bildliste, Tabs für Terrassen, Fassaden und Sichtschutz, eine Lightbox mit Vorschauleiste und «Mehr laden» – gepflegt auf einer eigenen Admin-Seite.

  • Tabs pro Produktgruppe
  • Lightbox mit Vorschauleiste
  • Dieselben Bilder in jeder Sprache
Galerie mit Tabs pro Produktgruppe auf woodentec.swiss

Projekt starten

Bauen wir Ihre nächste Plattform

Erzählen Sie uns, was Sie verkaufen und an wen. Sie erhalten einen klaren Umfang, einen realistischen Zeitplan und eine Kostenschätzung – und ein Team, das alles vom ersten Gespräch bis zum Launch verantwortet.

Projekt starten 

Einblick ins Projekt

Jeder Arbeitsschritt, offen dargelegt

Die meisten Agenturen zeigen die fertige Website. Wir zeigen, wie sie entstanden ist. Öffnen Sie eine Disziplin und sehen Sie, was das Team gemacht und übergeben hat.

01 / Projektleitung

Ein Ansprechpartner, von Anfang bis Ende

Die Arbeit begann mit einem vollständigen Duplicator-Backup der laufenden Website. Danach liefen Dev- und Feature-Branches per Pull Request durch zwei Repositories, GitHub Actions spielte auf einen Staging-Ordner aus, und am Launch-Tag stellten beide Repositories ihr Ziel auf die Produktion um.

  • 45

    gemergte Pull Requests in zwei Repositories

  • 101

    Commits in zwei Repositories

Was wir gemacht haben

  • Backup der Live-Website vor Arbeitsbeginn
  • Dev- und Feature-Branches per Pull Request gemergt
  • Automatische FTP-Deployments aus GitHub Actions
  • Deploy-Ziel am Launch-Tag auf Produktion umgestellt
  • Workflow-Notizen für das Block-Plugin

Übergabe Freigegebener Umfang und Anforderungen → Design

Das Projekt in Zahlen

Vier Sprachen, ein Blocksystem

Gezählt auf der Live-Website und im Code beider Repositories.

  • 16

    dynamische Gutenberg-Blöcke

  • 3

    Block-Gruppen für die Redaktion

  • 4

    Sprachen mit eigenen URLs

  • 16

    Branchenseiten in vier Sprachen

  • 40

    Produktseiten in vier Sprachen

  • 5

    Sprachpakete für den Block-Editor

  • 72

    Rechner-Texte in vier Sprachen

  • 45

    gemergte Pull Requests in zwei Repositories

Unter der Oberfläche

Die Arbeit hinter dem Wechsel – unsichtbar, aber tragend

Besucher sehen ein neues Grün, neue Branchenseiten und eine neue Galerie. Darunter liegen das Backup, die Pipeline und die Sprachpflege, mit denen sich eine laufende Website im Betrieb verändern liess.

  • Management

    Backup vor dem Code

    Am ersten Tag, vor Arbeitsbeginn, entstand ein vollständiges Duplicator-Backup der laufenden Website – ein Weg zurück zu jedem Zeitpunkt.

  • Management

    Zwei Repositories, ein Wechsel

    Beide Repositories rollen über GitHub Actions aus; am Launch-Tag stellte jedes sein Ziel vom Staging-Ordner auf die Produktion um.

  • Entwicklung

    Weniger Plugin, mehr Kontrolle

    Die Modula-Galerie wich eigenem Code mit eigenem REST-Endpunkt, sodass eine einzige Bildliste jede Sprache bedient.

  • Entwicklung

    Ein Rechner-Cache, der sich selbst leert

    Der Rechner liefert seine Produktstruktur pro Sprache aus einem Cache, der sich leert, sobald sich ein Produkt, eine Kategorie, ein Bild oder eine Übersetzung ändert.

  • Inhalte

    Fünf Sprachpakete für die Redaktion

    Jede Block-Beschriftung und jede Einstellung gibt es in de_CH, de_DE, en_GB, fr_CH und it_CH – die Redaktion sieht die Blöcke in ihrer Sprache.

  • Design

    Eine Palette, eine Datei

    Marken- und Hintergrundpalette für alle 16 Blöcke liegen in einer einzigen Konfigurationsdatei, statt über die Blöcke verstreut.

  • SEO & GEO

    Eine llms.txt zum Launch

    Am Launch-Tag wurde die kurze llms.txt zu einer vollständigen Übersicht über Produkte, Sprachen und Leistungen für KI-Assistenten ausgebaut.

  • SEO

    Nichts verloren beim Wechsel

    61 bestehende 301-Weiterleitungen, die eigene hreflang-Gruppe und das von Hand gebaute Produkt-Schema kamen unversehrt durch den Relaunch.

Was Sie erwarten können

Eine Plattform, die sich jeden Tag bewährt

Wir bauen für das, was bleibt – eine Plattform, die übersichtlicher ist, bei jedem Besuch überzeugt und die Ihr Team einfacher betreiben und weiterentwickeln kann.

  • Leichter zu wählen

    Klare Kategorien, Filter und Preise helfen Besuchern, das passende Angebot selbst zu finden – statt nachzufragen, wo sie anfangen sollen.

  • Glaubwürdig für jeden Besuch

    Eine Website, die so wirkt wie die Qualität dahinter – für neue Besucher ebenso wie für langjährige Kunden.

  • Mühelos aktuell zu halten

    Ihr Team pflegt Angebote, Inhalte und News selbst – ohne Entwickler-Ticket und ohne Warteschlange.

  • Gebaut zum Wachsen

    Neue Angebote, Kategorien und Sprachen kommen dazu, wenn das Geschäft wächst – ohne Neubau.

Gebaut auf ein klares Ziel

Wir legen die wichtigen Ziele vorab gemeinsam fest und bauen darauf hin – und bleiben nach dem Launch Partner, damit die Plattform mit dem Geschäft Schritt hält.

In eigenen Worten

Was der Kunde sagt

Der wahre Massstab eines Projekts: ob die Menschen, die täglich damit arbeiten, es wieder so machen würden.

  • Der Relaunch lief, während unsere Website online blieb. Unser Kostenrechner macht aus Anfragen nummerierte Anfragen mit Preis, und wir haben jetzt eine Seite für jede Branche in vier Sprachen.

    Wooden Tec

    Umgesetzte Website: woodentec.swiss (opens in a new tab)

Eingesetzt

  • WordPress
  • Blocksy
  • Gutenberg
  • ACF Pro
  • Polylang Pro
  • Yoast SEO
  • Fluent Forms
  • GitHub Actions

Projekt starten

Erzählen Sie uns von Ihrem Projekt

Wir melden uns so schnell wie möglich mit klaren nächsten Schritten — unverbindlich.

  • Wir antworten so schnell wie möglich
  • Klarer Umfang, Zeitplan und Kostenschätzung
  • Vollständige Vertraulichkeit Ihrer Daten
Projektanfrage (DE)

Mit dem Absenden stimmen Sie der Datenschutzerklärung zu.