Start a project
We'll respond as soon as possible with clear next steps — no obligations.
Case study · Biotech
Bioprocess systems, filterable by spec
Resea Biotec is the official Swiss distributor and service partner of Getinge Applikon, based in Recherswil. We rebuilt its website in German and English on WordPress: 22 bioprocess products filterable by their specifications, 16 application pages, solution bundles and an inquiry form on every product — no prices, no cart.
- Client
- Resea Biotec
- Industry
- Biotech
- Services
- Development · Content · SEO & GEO · Support
- Duration
- 19 weeks to launch, then support
The brief
A distributor’s catalogue, built on specifications
Resea Biotec was founded in 2020 as a spin-off of ReseaChem and supplies Getinge Applikon bioreactors, controllers, sensors, perfusion systems and software in Switzerland, together with service on site; Hamilton sensors complete the range. Its products are described by measurable data such as volume, cell type and process parameters.
The rebuild had to make 22 request-only products findable by exactly that data, link them to the applications they serve, run in German for Switzerland and in English — and keep the old site’s addresses leading somewhere useful.
- Deliverables
- Website · Spec filter · Inquiry forms
- Platform
- WordPress · Blocksy · ACF Pro · Polylang Pro
- Languages
- German (de-CH) · English
- Content
- 22 products · 16 applications · 8 pages per language
- Engagement
- Build, launch and ongoing support
- Product range
- 5 product categories · Getinge Applikon · Hamilton
The challenge
A technical catalogue without a shopping cart
Resea Biotec sells nothing with a checkout: every system is requested. So each product had to be described by its data, comparable with its variants and requestable through a form — in two languages, with translated addresses.
And the site could not freeze after launch. New pages had to arrive without touching the 38 blocks that already hold live content.
-
Specifications as filters
243 attribute definitions become 130 filter taxonomies with 1,218 terms, kept identical in German and English through a synced base slug.
-
Two languages, translated URLs
German for Switzerland without a prefix, English under /en/, translated post type URLs — and redirects for the old site’s addresses.
-
Growing without breaking
Blocks with live content are frozen. New requests ship through a CI build check and a deploy gate that counts the blocks before every release.
Behind the build
One team, five disciplines, 19 weeks to launch
The build ran from the first commit in late January to the hand-over in early June. One in-house team covered five disciplines along the way — management, development, content, SEO and support — and stayed on for the change requests that came after launch.
What we built
Five systems, one technical catalogue
Spec filter
Filtered by what the lab needs
Category and brand pages carry a sidebar filter built on the products’ own specifications. Each attribute is its own filter taxonomy, results load without a page reload, and filter URLs skip the page cache so every combination stays current.
- Sidebar filter on category and brand pages
- Results via AJAX with “Mehr laden”
- Crawlable pagination behind the button
Product pages
Request-only products, fully specified
Every product page brings together a gallery with zoom, tabs for description, technical features and compatibility, a table that compares the variants, downloads and the brand logo. Instead of a price, an inquiry popup sends the request straight to the team.
- Gallery with zoom and lightbox
- Spec tabs and a variant comparison table
- Inquiry popup instead of a cart
Applications
Applications that lead to products
Application pages, from mammalian cells to cell and gene therapy, sit in a hierarchy with two categories: organisms and end products. On the product pages, tabs fed by a custom REST route list the applications each system serves.
- Hierarchical application pages
- Two categories: organisms and end products
- Application tabs on product pages
Solutions & service
Bundles and service plans, block by block
Solution bundles show what each package contains, with the included products and an “Ideal for” row. The maintenance and support page explains the service workflow, the plans and a support roadmap — each one a block of its own.
- Bundle block with its included products
- “Ideal for” row per bundle
- Workflow and support roadmap blocks
Two languages
German for Switzerland, English alongside
German (de-CH) is the default without a prefix, English lives under /en/, and post type URLs are translated: /produkte/ becomes /en/products/. Filters, search and REST routes follow the current language, and hreflang points to de-CH, en and x-default.
- Translated URLs for products and applications
- Language-aware filters, search and REST
- hreflang for de-CH, en and x-default
Inside the project
Every step of the work, out in the open
Most agencies show you the finished site. We show you how it got there. Open any discipline to see what the team did and what it handed over.
01 / Project management
One point of contact, the whole way through
The project ran on GitHub across two repositories: personal dev branches, merged by pull request, deployed by FTP on every push to main. Staging came first; the switch to production was a change of one deploy target. A CI build check runs on the block plugin’s dev branches and pull requests.
-
221
merged pull requests in two repositories
-
550
commits in two repositories
What we did
- Personal dev branches merged by pull request
- Automatic FTP deploys on push to main
- CI build check on dev branches and pull requests
- Staging first, then one switch to production
- Written conventions for later maintenance
Handed over Approved scope and requirements → Design
02 / Development
Built to be fast, stable and easy to extend
A Blocksy child theme with six public post types and an attribute engine that turns specifications into filter taxonomies, plus a plugin with 45 dynamic Gutenberg blocks in seven categories. Six custom REST routes and four AJAX actions connect filters, search, tabs and the video player.
-
45
dynamic Gutenberg blocks
-
6
public post types
-
6
custom REST routes
What we did
- One filter taxonomy per specification
- Base slugs synced across translations
- AJAX filter with a cache bypass for filter URLs
- Gallery with zoom and a related-products slider
- Preload of the first category image on the home page
Artifacts
-
Variant table on a product page -
Process steps block on the home page
Handed over Tested build on staging → Content & SEO
03 / Content
Every offer in one clear structure
Two languages from the first page: products, applications and pages exist in German and English, assembled from the same blocks. 40 of the 45 blocks are in use in published content, and 16 forms cover eight request types in both languages.
-
22
products per language
-
16
application pages per language
-
40
of 45 blocks in published content
What we did
- Product pages with spec tabs in DE and EN
- Application pages grouped by organism and end product
- Contact, product, bundle, support and event forms in both languages
- FAQ and SEO description for every archive
Artifacts
-
Bioreactor table on an application page -
Process steps on the mRNA page
Handed over Structured content in the CMS → SEO & GEO
04 / SEO & GEO
Found on Google — and in AI answers
A custom layer on top of Yoast: hreflang remapped to de-CH, en and x-default, one Organization and LocalBusiness graph, ItemList on listings, FAQPage on FAQ sections and Open Graph tags. Permanent redirects carry the old site’s addresses into the new structure.
-
136
301 redirects from old addresses
-
7
schema types on the home page
What we did
- hreflang de-CH / en / x-default, also on paginated pages
- Organization, LocalBusiness and ItemList schema
- FAQ sections with FAQPage markup
- Crawlable pagination behind “Mehr laden”
- Redirects from the old /de/ paths and file links
Artifacts
-
FAQ section on the solutions page
Handed over Indexed, crawlable site → Launch
05 / Technical support
Launch day is where our job continues
After launch the site kept growing on request: a new Events page for a symposium with seven blocks, most of them built from Figma designs, and every block opened up for every post type. Each release passes the CI build check and the deploy gate.
-
7
Events blocks added after launch
What we did
- Events page: hero, invitation, day overview, facts, audience, venue and registration
- Anchor links for the programme schedule
- All blocks available on every post type
- Backups with Duplicator Pro, mail through FluentSMTP
Artifacts
-
Events page: key facts block -
Events page: registration block
Handed over Ongoing — we stay with the client
The project in numbers
A catalogue measured in its own data
Counted from the live sitemaps and pages, the code in both repositories and a copy of the database.
-
45
dynamic Gutenberg blocks
-
22
products per language
-
1,218
filter terms in 130 spec taxonomies
-
16
application pages per language
-
136
301 redirects from old addresses
-
7
schema types on the home page
-
16
forms: eight types in DE and EN
-
221
merged pull requests in two repositories
Below the surface
The work nobody clicks on — and everybody relies on
Lab teams see a catalogue that answers their questions. Underneath sit the safeguards, data structures and search signals that keep it correct in two languages.
-
Development
A deploy that refuses to break
The FTP deploy stops unless every PHP file passes a syntax check, every block is built and at least 45 block folders exist.
-
SEO
Old addresses, new homes
136 permanent redirects lead old paths such as /de/our-products/ and former file links to the new structure.
-
SEO & GEO
One company, one graph
A custom Organization node replaces Yoast’s, joined by a LocalBusiness node with coordinates and opening hours and ItemList on listing pages.
-
SEO
Pagination search engines can follow
Hidden crawlable links sit behind “Mehr laden”, hreflang also covers paginated and brand pages, and deep page URLs no longer end in a 404.
-
Development
The first image comes first
The first category image on the home page is preloaded with high priority, from the same query that builds the grid.
-
Content
A data layer that knows the language
Attribute base slugs stay in sync across translations, and filters, search and REST routes always receive the current language.
-
Management
Rules that protect live blocks
One config holds palette, categories and breakpoints, and written rules freeze the 38 blocks that carry live content while new ones are added.
-
Support
New pages next to live ones
The symposium page arrived after launch with seven new blocks — added next to the existing ones, not on top of them.
What you can expect
A platform that keeps earning its place
We build for the things that last — a platform that is clearer to navigate, more credible to every visitor and genuinely easier for your team to run and grow.
-
Easier to choose
Clear categories, filters and prices let visitors find the right offer themselves instead of writing to ask where to begin.
-
Credible to every visitor
A site that looks and reads like the quality behind it — for first-time visitors and long-standing customers alike.
-
Effortless to keep current
Your team updates products, content and news itself — no developer ticket, no waiting in a queue.
-
Built to grow
New products, categories and languages slot in as the business expands — without a rebuild.
Built on a clear goal
We agree the goals that matter up front and build toward them together — then stay on as a partner after launch to keep the platform sharp as the business grows.
In their words
What the client says
The real measure of a project is whether the people who live with it every day would do it again.
-
Visitors now filter our bioreactors by the data they actually work with, in German or English, and every product ends in a request. New pages like the symposium came in without touching what was already live.
Working with
Start a project
Tell us about your project
We will respond as soon as possible with clear next steps — no obligations.
- We respond as soon as possible
- Clear scope, timelines, and estimate
- Complete confidentiality of your data