Fallstudie · Biotechnologie

Bioprozess-Technik, nach Daten filterbar

Resea Biotec ist offizieller Schweizer Vertriebs- und Servicepartner von Getinge Applikon mit Sitz in Recherswil. Wir haben die Website auf Deutsch und Englisch mit WordPress neu aufgebaut: 22 Bioprozess-Produkte, filterbar nach ihren Spezifikationen, 16 Applikationsseiten, Lösungspakete und ein Anfrageformular auf jedem Produkt – ohne Preise, ohne Warenkorb.

Website ansehen (opens in a new tab)
Startseite von reseabiotec.ch
Kunde
Resea Biotec
Branche
Biotechnologie
Leistungen
Entwicklung · Inhalte · SEO & GEO · Betreuung
Dauer
19 Wochen bis zum Launch, danach Betreuung

Die Ausgangslage

Ein Vertriebskatalog, aufgebaut auf Spezifikationen

Resea Biotec wurde 2020 als Spin-off der ReseaChem gegründet und liefert in der Schweiz Bioreaktoren, Steuerungen, Sensoren, Perfusionsgeräte und Software von Getinge Applikon, samt Service vor Ort; Sensoren von Hamilton ergänzen das Sortiment. Die Produkte werden über messbare Daten beschrieben, etwa Volumen, Zelltyp und Prozessparameter.

Der Neuaufbau sollte 22 Produkte auf Anfrage genau über diese Daten auffindbar machen, sie mit ihren Anwendungen verknüpfen, auf Deutsch für die Schweiz und auf Englisch laufen – und die Adressen der alten Website weiterhin sinnvoll ans Ziel führen.

Leistungen
Website · Spezifikationsfilter · Anfrageformulare
Plattform
WordPress · Blocksy · ACF Pro · Polylang Pro
Sprachen
Deutsch (de-CH) · Englisch
Inhalte
22 Produkte · 16 Applikationen · 8 Seiten pro Sprache
Zusammenarbeit
Umsetzung, Launch und laufende Betreuung
Sortiment
5 Produktkategorien · Getinge Applikon · Hamilton

Die Herausforderung

Ein technischer Katalog ohne Warenkorb

Resea Biotec verkauft nichts über einen Checkout: Jedes System wird angefragt. Also musste jedes Produkt über seine Daten beschrieben, mit seinen Varianten vergleichbar und per Formular anfragbar sein – in zwei Sprachen, mit übersetzten Adressen.

Und nach dem Launch durfte die Website nicht stillstehen. Neue Seiten mussten dazukommen, ohne die 38 Blöcke anzutasten, die bereits Live-Inhalte tragen.

  • Spezifikationen als Filter

    243 Attribut-Definitionen werden zu 130 Filter-Taxonomien mit 1’218 Begriffen, auf Deutsch und Englisch identisch gehalten über einen synchronisierten Basis-Slug.

  • Zwei Sprachen, übersetzte URLs

    Deutsch für die Schweiz ohne Präfix, Englisch unter /en/, übersetzte URLs für die Beitragstypen – und Weiterleitungen für die Adressen der alten Website.

  • Wachsen, ohne etwas zu brechen

    Blöcke mit Live-Inhalten sind eingefroren. Neue Wünsche laufen durch einen CI-Build-Check und eine Deploy-Sperre, die vor jedem Release die Blöcke zählt.

Hinter dem Projekt

Ein Team, fünf Disziplinen, 19 Wochen bis zum Launch

Der Bau lief vom ersten Commit Ende Januar bis zur Übergabe Anfang Juni. Ein internes Team deckte dabei fünf Disziplinen ab – Projektleitung, Entwicklung, Inhalte, SEO und Betreuung – und blieb für die Änderungswünsche nach dem Launch an Bord.

Wochen 1–23

  1. Setup, Wochen 1–2
  2. Umsetzung, Wochen 3–15
  3. Launch, Wochen 16–19
  4. Ausbau, Wochen 20–23

  • Management

    • Setup, Pull-Request-Workflow, Staging und Deployments – bis zum Launch, Wochen 1–19

  • Entwicklung

    • Beitragstypen, Attribute, erste Blöcke, Wochen 1–9
    • Blöcke, Feinschliff, Umstellung, Wochen 11–19

  • Inhalte

    • Produkte und Applikationen in DE und EN, Wochen 3–14

  • SEO

    • FAQ, SEO-Texte, Wochen 3–4
    • Archiv-FAQ, SEO-Titel, Wochen 11–14
    • Schema, hreflang, Wochen 18–19

  • Betreuung

    • Betreuung, Woche 20 – laufend

Was wir gebaut haben

Fünf Systeme, ein technischer Katalog

Spezifikationsfilter

Gefiltert nach dem, was das Labor braucht

Kategorie- und Markenseiten tragen eine Filter-Seitenleiste, die auf den Spezifikationen der Produkte aufbaut. Jedes Attribut ist eine eigene Filter-Taxonomie, Resultate laden ohne Neuladen der Seite, und Filter-URLs umgehen den Seiten-Cache, damit jede Kombination aktuell bleibt.

  • Filter-Seitenleiste auf Kategorie- und Markenseiten
  • Resultate per AJAX mit «Mehr laden»
  • Crawlbare Paginierung hinter dem Button
Kategorieseite Bioreaktoren mit Filter-Seitenleiste auf reseabiotec.ch

Produktseiten

Produkte auf Anfrage, vollständig spezifiziert

Jede Produktseite vereint eine Galerie mit Zoom, Tabs für Beschreibung, technische Merkmale und Kompatibilität, eine Tabelle, die die Varianten vergleicht, Downloads und das Markenlogo. Statt eines Preises schickt ein Anfrage-Popup die Anfrage direkt ans Team.

  • Galerie mit Zoom und Lightbox
  • Spezifikations-Tabs und Vergleichstabelle der Varianten
  • Anfrage-Popup statt Warenkorb
Produktseite des Applikon BioPilot mit Galerie und Anfrage-Button auf reseabiotec.ch

Applikationen

Anwendungen, die zu Produkten führen

Applikationsseiten, von Säugerzellen bis zur Zell- und Gentherapie, stehen in einer Hierarchie mit zwei Kategorien: Organismen und Endprodukte. Auf den Produktseiten listen Tabs, gespeist von einer eigenen REST-Route, die passenden Anwendungen jedes Systems.

  • Hierarchische Applikationsseiten
  • Zwei Kategorien: Organismen und Endprodukte
  • Applikations-Tabs auf den Produktseiten
Übersicht der Applikationen nach Organismen auf reseabiotec.ch

Lösungen & Service

Bundles und Servicepläne, Block für Block

Die Lösungspakete zeigen, was in jedem Bundle steckt, mit den enthaltenen Produkten und einer Zeile «Ideal für». Die Seite Wartung & Support erklärt den Service-Ablauf, die Servicepläne und eine Support-Roadmap – jedes Element ein eigener Block.

  • Bundle-Block mit den enthaltenen Produkten
  • Zeile «Ideal für» pro Bundle
  • Blöcke für Service-Ablauf und Support-Roadmap
BioBundle-Lösungen mit enthaltenen Produkten auf reseabiotec.ch

Zwei Sprachen

Deutsch für die Schweiz, Englisch daneben

Deutsch (de-CH) ist die Standardsprache ohne Präfix, Englisch liegt unter /en/, und die URLs der Beitragstypen sind übersetzt: Aus /produkte/ wird /en/products/. Filter, Suche und REST-Routen folgen der aktuellen Sprache, und hreflang verweist auf de-CH, en und x-default.

  • Übersetzte URLs für Produkte und Applikationen
  • Sprachbewusste Filter, Suche und REST-Routen
  • hreflang für de-CH, en und x-default
Englische Seite «Solutions» mit Sprachumschalter DE/EN auf reseabiotec.ch

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

Das Projekt lief auf GitHub über zwei Repositories: persönliche Dev-Branches, gemergt per Pull Request, per FTP ausgerollt bei jedem Push auf main. Zuerst kam Staging; der Wechsel auf die Produktion war die Änderung eines einzigen Deploy-Ziels. Ein CI-Build-Check prüft die Dev-Branches und Pull Requests des Block-Plugins.

  • 221

    gemergte Pull Requests in zwei Repositories

  • 550

    Commits in zwei Repositories

Was wir gemacht haben

  • Persönliche Dev-Branches, gemergt per Pull Request
  • Automatische FTP-Deployments bei jedem Push auf main
  • CI-Build-Check auf Dev-Branches und Pull Requests
  • Zuerst Staging, dann ein Wechsel auf die Produktion
  • Schriftliche Konventionen für die spätere Wartung

Übergabe Freigegebener Umfang und Anforderungen → Design

Das Projekt in Zahlen

Ein Katalog, gemessen an seinen eigenen Daten

Gezählt aus den Live-Sitemaps und -Seiten, dem Code beider Repositories und einer Kopie der Datenbank.

  • 45

    dynamische Gutenberg-Blöcke

  • 22

    Produkte pro Sprache

  • 1’218

    Filterbegriffe in 130 Spezifikations-Taxonomien

  • 16

    Applikationsseiten pro Sprache

  • 136

    301-Weiterleitungen von alten Adressen

  • 7

    Schema-Typen auf der Startseite

  • 16

    Formulare: acht Arten auf DE und EN

  • 221

    gemergte Pull Requests in zwei Repositories

Unter der Oberfläche

Die Arbeit, auf die niemand klickt – und auf die sich alle verlassen

Laborteams sehen einen Katalog, der ihre Fragen beantwortet. Darunter liegen die Schutzmechanismen, Datenstrukturen und Suchsignale, die ihn in zwei Sprachen korrekt halten.

  • Entwicklung

    Ein Deployment, das nichts kaputt macht

    Das FTP-Deployment bricht ab, wenn nicht jede PHP-Datei den Syntax-Check besteht, jeder Block gebaut ist und mindestens 45 Block-Ordner vorhanden sind.

  • SEO

    Alte Adressen, neues Ziel

    136 permanente Weiterleitungen führen alte Pfade wie /de/our-products/ und frühere Dateilinks in die neue Struktur.

  • SEO & GEO

    Ein Unternehmen, ein Graph

    Ein eigener Organization-Knoten ersetzt den von Yoast, ergänzt durch einen LocalBusiness-Knoten mit Koordinaten und Öffnungszeiten sowie ItemList auf Übersichtsseiten.

  • SEO

    Paginierung, der Suchmaschinen folgen können

    Hinter «Mehr laden» liegen versteckte, crawlbare Links, hreflang deckt auch paginierte und Markenseiten ab, und tiefe Seiten-URLs enden nicht mehr im 404.

  • Entwicklung

    Das erste Bild zuerst

    Das erste Kategoriebild der Startseite wird mit hoher Priorität vorgeladen – aus derselben Abfrage, die das Raster aufbaut.

  • Inhalte

    Eine Datenschicht, die die Sprache kennt

    Basis-Slugs der Attribute bleiben über alle Übersetzungen synchron, und Filter, Suche und REST-Routen erhalten immer die aktuelle Sprache.

  • Management

    Regeln, die Live-Blöcke schützen

    Eine Konfiguration hält Palette, Kategorien und Breakpoints, und schriftliche Regeln frieren die 38 Blöcke mit Live-Inhalten ein, während neue dazukommen.

  • Betreuung

    Neue Seiten neben laufenden

    Die Symposium-Seite kam nach dem Launch mit sieben neuen Blöcken dazu – neben den bestehenden, nicht an ihrer Stelle.

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.

  • Besucher filtern unsere Bioreaktoren jetzt nach den Daten, mit denen sie tatsächlich arbeiten, auf Deutsch oder Englisch, und jedes Produkt endet in einer Anfrage. Neue Seiten wie das Symposium kamen dazu, ohne Bestehendes anzutasten.

    Resea Biotec

    Umgesetzte Website: reseabiotec.ch (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.