Pancreoscopie.
The complete overhaul of a pancreatology portal: a Bootstrap 5 design system, a from-scratch rebuild, and a production switch without losing a single article.
Overview
Pancreoscopie is a scientific watch portal for pancreatology: news briefs, a journal library, training quizzes, a newsletter. Its publisher, a medical press group, entrusted me with the full overhaul of the service, design and build.
Shipped in June 2026: a new art direction within the existing brand, a Bootstrap 5 design system, and every everyday module rethought one by one, from search to the personal bibliography.
- Client
- Medical press publisher
- Engagement
- Senior subcontracting
- Year
- 2026
- Role
- Design, build, migration
- Under the hood
- Bootstrap 5, XSLT (yes, still), Swiper
The build.
Rebuilding the house without waking anyone.
The site runs in continuous production: practitioners read it every day. So I rebuilt the new version from scratch in a twin environment, screen by screen, while the old one kept running.
On the morning of the switch, the AI compared both versions, listed what was going live, checked every template. No article lost, no downtime. Readers simply found the house repainted.
sebastien@workshop ~ % claude "compare the rebuild with the
live site: what ships to production?"
⏺ templates redesigned · content untouched
⏺ checklist written to golive.md
sebastien@workshop ~ % ./golive.sh
Backup OK · XML valid · switch done
sebastien@workshop ~ % June 30th, in the morning. Nobody noticed a thing, which was the point.
The screens.
A design system, not a landing page.
A coverflow of the latest issues, training quizzes, an A-to-Z journal library, a personal bibliography, a newsletter: every module was redesigned within the same system, down to the hover states.
Screenshots of the production site, July 2026.
From screen to print.
The portal extends onto paper: Focus Highlights, the annual digest of the most-read articles, laid out at the workshop and distributed by the site as a PDF. The same brand from pixel to ink dot; that too is hand-stitching.
The annual edition, from the congress to the home page.
Shipped on a Monday morning. The client looked for what had broken: nothing. That’s my definition of a successful migration.
Workshop notebook, June 30, 2026
