All case studies

Lumen Studio Group

Lumen Platform

An editorial web platform for a creative group publishing across six markets.

Client
Lumen Studio Group
Industry
Media & creative
Discipline
Web
Duration
4 months, 2024
Lumen Platform platform interface

The problem

Lumenpublishedacrosssixmarketsfromthreedifferentcontentsystems,eachwithitsownideaofwhatthebrandlookedlike.Acampaignpagetookelevendaystogoliveandusuallyneededadeveloper.

The group's own website was the least convincing thing it had made, which is an awkward position for a creative business.

What we did

We built one design system with a typographic and motion language documented down to the easing curves, then a component library editors compose pages from without touching code.

Content is modelled per market with shared assets and localised overrides, so a launch in Nairobi reuses the Lagos structure without duplicating it. Scroll-linked motion is implemented once, respects reduced-motion preferences, and cannot be misapplied by an editor.

Visual regression tests run on every pull request, which is how a system with this much motion stays trustworthy over time.

Technology

  • Next.js
  • TypeScript
  • Sanity
  • Tailwind CSS
  • GSAP
  • Motion
  • Vercel
  • Playwright

Gallery

Inside the build.

Editorial layout system
Editorial layout system
Component library in Storybook
Component library in Storybook
Editor training, Cape Town
Editor training, Cape Town

Results

What changed, measured after launch.

Time to publish a campaign page
0 days → 4hTime to publish a campaign page
Markets on one platform
0Markets on one platform
Lighthouse accessibility score
0Lighthouse accessibility score
Average session duration
+2.4×Average session duration
“It is the first time our own site has been the best-looking thing in our portfolio. Our editors ship without asking anyone.”
Amara OkonkwoGroup Creative Director, Lumen Studio Group

Similar problem?

If this sounds like your operation, let's talk.

We will tell you honestly whether the approach transfers, and what it would take.

Or email hello@bonangtech.com