Skip to content
002Case study
All work

Raspa

Two biotech websites, one content system — built from nothing in 2021 and still maintained.

Client
Raspa Pharma & Raspa Innovation Lab
Category
Biotech / Websites
Year
2021 — ongoing
Role
Development & ongoing updates
raspapharma.comProject / 002
Raspa Pharma homepage: “Precision Fermentation. Designed to scale.” over a video still of sample vials, with the mission to make treatment for severe diseases more affordable, accessible and sustainable.
01

Context

Raspa is a pharmaceutical company working to make treatment for cancer and other severe diseases more affordable. Raspa Innovation Lab, its sister organisation, develops new manufacturing processes for mTOR inhibitors.

02

The Challenge

Neither had a website. The company and the lab each needed their own, and the team wanted to run both from a single CMS rather than maintain two.

03

The Objective

Launch two distinct sites that one team can keep up to date from one place.

04

The Approach

One headless CMS as the single source for both. Each site is its own Next.js front end with its own design, reading from the same Strapi instance, with media held in Cloudinary.

05

The Build

Two Next.js front ends deployed on Vercel. Strapi manages the content for both sites; Cloudinary stores and serves the media.

  • Next.js
  • Strapi
  • Cloudinary
  • Vercel
06

The Result

Live since
2021
Sites on one CMS
2
07

The 2026 Update

2026 · raspapharma.com

In 2026, Raspa asked us to redesign the site. Before adding anything new, we proposed moving it onto the current Next.js — six major versions, from 10 to 16, with React 19 and strict TypeScript — and Raspa agreed. Then, on that foundation and in the five days before CPHI 2026, the pharma industry's trade fair, we reshaped the site around what Raspa offers: new navigation, pages for its development and manufacturing services, and a homepage led by video.

  • Kept the Pages Router. Every page was already static, and with Chakra UI's runtime styling, a move to the App Router would have meant a rewrite for little gain.
  • Kept the brand teal, at an accessibility score of 97 rather than 100 — the client's call.
  • Every photo now loads at the size the screen needs, in modern formats, and blurs up from an inline preview of about 130 bytes.
  • The sitemap and a new /llms.txt are built from the CMS, so new posts and job listings reach search engines and AI assistants within the hour, with no deploy.
  • Where the right design wasn't obvious, we built two or three working versions on the live preview, so the client chose with real content on real devices. The others were then deleted.
  • Grouped the navigation into About Us and Our Capabilities, and added pages for drug substance manufacturing and quality. Renamed pages redirect permanently, so old links still land.
  • The homepage video streams at the quality each connection can carry and starts only after the page has loaded. Under reduced motion, Data Saver or blocked autoplay, it stays a still image.
  • Events come from the CMS and sort themselves into upcoming, ongoing and past by their dates. Their pop-up loads on first click, keeping about 35 KiB of JavaScript off most pages.
  • On the manufacturing page, the scale-up path from vial to 5 kL fermenter is drawn to scale, each vessel in its real shape.
  • Next.js 16
  • React 19
  • TypeScript
  • Chakra UI
  • Strapi
  • Cloudinary
  • Vercel
Next.js
10 → 16
SEO
83 → 100
Accessibility
90 → 97
Performance · desktop · range
96–100

The live homepage · 6 October 2026 · Lighthouse 13.5 and PageSpeed Insights, several runs. Before: Lighthouse on the live site before the work began. Best practices 96–100; Agentic Browsing 3/3. Mobile performance ranged 78–97 across runs; accessibility stays at 97 because the client kept the brand teal.

08

The Product

Screens captured from the live sites.

raspainnovationlab.com
Raspa Innovation Lab homepage: a protein structure behind the line “Developing the next generation of manufacturing process for mTOR inhibitors”.
Pharma, mobile
Raspa Pharma homepage on a phone.
Lab, mobile
Raspa Innovation Lab homepage on a phone.

Something like this, for you?

A few questions, then a one-page brief.

Open the Drawing Board
Next project

Let's put it on the drawing board.

Tell us what you're building, what isn't working, or what you wish existed.

Digital ProductsWebsitesAISoftware