Immersive WebGL & 3D
Real-time scenes with cameras, shaders and physics — helmet masks, bronze orbits, cans that chase your cursor. Built on three.js with graceful fallbacks.
The Portfolio
twenty worlds — keep scrolling
51.5072° N — 0.1276° W
est. 2026 — independent
bluesum / exhibition 01
scroll — the worlds are below
manifesto — 01
We don’t build pages.
We build places.
Most websites are documents with a stylesheet. The ones people remember are worlds — with gravity, weather, and a reason to keep scrolling. Bluesum exists to build that kind.
Every world in this exhibition was designed and engineered end to end — typography, motion, shaders, copy. Open any of them. Stay a while. This site is the proof, not the promise.
GRIDO1 — automotive ✦ LAOCOÖN — culture ✦ LUMORA — design ✦ BASELINE — sport ✦ SODA — commerce ✦ AURORA — technology ✦ ATELIER NOIR — fashion ✦ MERIDIAN — architecture ✦ HALCYON — real estate ✦ OSTERIA VOLTA — hospitality ✦ NORTHWIND — travel ✦ VANTAGE — finance ✦ MIRAGE — technology ✦ VERDANT — commerce ✦ KINO VOLTA — entertainment ✦ SIGNALS — culture ✦ SOLHEM — wellness ✦ TESSELLATE — digital art ✦ APERTURE — design ✦ TIDEPOOL — environment
the portfolio — 20 worlds
Twenty worlds.
One studio.
Each world below is a complete, working experience — its own identity, its own physics, its own signature moment. Filter by industry or by the kind of experience you want to have.
featured — from the studio’s core briefs
the explorer
The complete collection
20 / 20 worlds
industry
experience
fictional & concept worlds — metrics inside are illustrative
02capabilities
What we can build — proven, not promised
Every capability below is demonstrated by worlds in this exhibition. Click a world tag to see it running.
Signature interactions
The moment people screenshot: liquid brush reveals, clip-mask headlines, flavor-switch choreography. Designed per brand, never from a library.
Editorial & storytelling
Long-form pacing, typographic art direction and scroll-driven narrative — for maisons, museums and expeditions.
Data, made legible
Dashboards and instruments that feel alive — live charts, rebalancing donuts, depth dives. Math you can drag.
Commerce with a soul
Stores where the ritual matters as much as the cart — tastings, quizzes, traceable ingredients, residences you can walk.
Product engineering
Design systems, typographic tools, booking flows and consoles — shipped as working software, not mockups.
03services
How a studio engagement works
Focused engagements, senior hands, no handoffs to a junior team you never met.
01
Digital experience design
Concept, art direction, interaction design and copy for sites that need to be remembered. We design the world and the weather in it.
Art directionInteractionPrototyping
02
Creative development
The engineering behind the magic — WebGL scenes, scroll choreography, spring physics, performance budgets. Shipped as production code.
WebGL / three.jsMotion systemsPerformance
03
Immersive & interactive websites
Campaign sites, launches and exhibitions where the site itself is the product. One signature moment, engineered to be shared.
Launch sites3D productExhibitions
04
Commerce experiences
Stores with ritual and story — configuration, booking, tastings, traceability. Commerce that doesn’t feel like a spreadsheet.
DTCConfiguratorsBooking flows
05
Digital products
From AI consoles to type tools — product design and build for teams that ship software with a point of view.
Product designDesign systemsBuild
06
Motion & brand systems
Motion languages and living brand systems that survive contact with real content and real editors.
Motion languageType systemsGuidelines
engagements from six weeks — retainers for worlds that keep evolving
04process
Concept to world, in five moves
The same protocol that built this exhibition.
- 01
Discover
We interrogate the brief until it confesses. Audiences, references, constraints, the one thing the project must do.
Reference worldsExperience mapRisk list - 02
Define
The world gets rules: palette, type, motion law, the signature interaction. Written down so everyone can argue with it.
Art directionMotion principlesContent model - 03
Design
High-fidelity screens and working prototypes — motion designed in the browser where it actually lives.
PrototypeType & grid systemInteraction specs - 04
Build
Production engineering with budgets — frame time, bundle size, accessibility. The magic is debugged, not hoped for.
Component systemQA matrixPerf dashboard - 05
Ship
Launch, watch, tune. Real devices, real users, real numbers — then the next iteration of the world.
Launch planAnalyticsIteration backlog
05the lab
Small experiments, honest code
Offcuts from the workbench — each one running live, each one pausing when you look away.
Contour Field
exp_01Marching contours over a living field — the same class of drawing that rolls behind GRIDO1’s hero.
move your pointer inside
Particle Glyphs
exp_02A wordmark sampled into particles that scatter from the pointer and drift back home.
move your pointer inside
Halftone Portal
exp_03A dot-matrix aperture breathing around your cursor — half print, half instrument.
move your pointer inside
06the studio
Bluesum, introduced properly
A digital experience studio that treats websites as places — and proves it on itself.
01
The work is the pitch
We don’t sell decks. Every claim this studio makes is running somewhere on this page — open a world and check.
02
Motion is meaning
Animation is not decoration; it’s how an interface explains itself. Every spring and shader has a job, or it’s cut.
03
One identity per world
A maison shouldn’t look like a dashboard. Each project gets its own type, palette and physics — the studio recedes.
04
Engineered like software
Budgets, fallbacks, reduced-motion paths, keyboard paths. The magic is debugged, not hoped for.
05
Small, senior, direct
The people who design your world are the people who build it. No account layers, no telephone game.
06
Honest fiction
Our worlds are concepts — invented brands with invented numbers, built to demonstrate craft, clearly labeled as such.
studio facts
- founded
- 2026 — independent since day one
- shape
- small senior studio, deep specialist bench
- timezones
- remote-first — we ship while you sleep
- stack
- next.js · three.js · gsap · lenis · prisma
- worlds shipped
- 20 in this exhibition alone
Why “Bluesum”? Sum, as in the total — and blue as in the coldest hour before the screen lights up. We named it after the moment a world compiles.
07contact
Tell us what world you need
Real humans read every inquiry. We reply within one business day.