Developer for Branding Studios: SERIOUS.BUSINESS

A premium branding studio sells one thing above all: taste. So when that studio commissions a website, the build has an unusually high bar — it has to render the studio's own standard back at them, pixel for pixel, at 60fps. That's the job I take on as a developer for branding studios, and one of the clearest examples is my collaboration with SERIOUS.BUSINESS — a Munich, Germany B2B branding and digital studio, and an Awwwards Agency-of-the-Year nominee. This post is about what it takes to build for a top European studio as their developer: the standard, the split, and the engineering that earned an award on the work we shipped together.

The studio, and the split that works

SERIOUS.BUSINESS is a premium B2B branding studio out of Munich — brand strategy, identity, and digital, for serious clients. As an Awwwards Agency-of-the-Year nominee with a shelf of Site of the Day wins (7× Awwwards SOTD), they operate at a level where "good enough" isn't a category. That's exactly the kind of studio that benefits from a specialist developer: their core competency is brand and design, not owning a Node runtime and a GSAP timeline.

The most concrete example of that partnership is the Iventions events website — a collaboration between SERIOUS.BUSINESS, designer Huy Phan, and me as the creative developer. The studio brought the brand thinking and design direction; I built the front-end, the WebGL, and the motion. That build took CSS Design Awards Website of the Month (October 2025), a Website of the Year 2025 finalist slot, and Awwwards Site of the Day plus the Developer Award — so the split isn't theoretical, it's on the record.

What building for a European branding studio actually demands

Working with a studio of this caliber changes the developer's job in three specific ways.

The brand system has to survive contact with the browser

A branding studio arrives with a rigorous system — a type scale, a color logic, spacing rules, a motion feel. My job is to encode that system so faithfully it can't drift. That means design tokens, not magic numbers: the studio's decisions live in one place and the whole site inherits them.

:root {
  --brand-lime: #c8ff00;
  --brand-purple: #5a2fd6;
  --space-unit: clamp(1rem, 0.6rem + 1.4vw, 1.75rem); /* the studio's spacing rhythm, fluid */
  --ease-brand: cubic-bezier(0.22, 1, 0.36, 1);        /* one signature ease, everywhere */
}

When the brand's rules are tokens, a studio can trust that the identity holds on every breakpoint — there's no place for a stray value to undermine the system they spent weeks defining.

Motion has to feel directed, not decorative

A studio doesn't want "animations." They want motion that reads as an extension of the brand. That means one coherent motion language driven by GSAP, where page and section transitions are a single orchestrated timeline rather than disconnected effects.

import gsap from 'gsap'

function pageTransition(swapRoute: () => void) {
  const tl = gsap.timeline({ defaults: { ease: 'expo.inOut', duration: 0.9 } })

  tl.to('[data-cover]', { yPercent: 0 })            // brand cover wipes in
    .add(swapRoute)                                 // swap route at the apex
    .to('[data-cover]', { yPercent: -100 }, '+=0.05')
    .from('[data-page] [data-stagger]', { yPercent: 110, stagger: 0.04 }, '<0.2')

  return tl
}

The position parameters ('+=0.05', '<0.2') are what make it feel intentional — the new page begins lifting before the cover fully clears, so the eye never lands on a dead frame. On Iventions, these transitions were the elements the Awwwards jury called out by name.

It has to stay fast, and I own that

Heavy motion and WebGL are worthless if the page stutters on a mid-range laptop. Capping the device pixel ratio at 2 is one of the highest-leverage moves — above it you pay an enormous fill-rate cost for a difference almost nobody sees — and lazy-initialising WebGL keeps the GPU idle until it's needed.

renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2))

That performance discipline is the same one behind Core Web Vitals for animation-heavy sites — and it's why the Iventions build earned a Developer Award, not just a visual nod.

Why studios keep this arrangement

The reason a branding studio brings in an outside developer instead of stretching their team is leverage. Their designers stay on brand and design — where their margin is highest — while the motion, the WebGL and the deploy are owned by someone who does only that. The studio ships award-level work without carrying a full-time front-end and WebGL specialist on payroll. That's the white-label model in practice, and I run it for studios across Europe; the mechanics are in my guide to white-label creative development for agencies and white-label WebGL development.

The lesson generalises: a branding studio's website is where its taste gets tested in public — and the developer is who makes sure it passes. If you're a European studio that wins on brand but needs the build owned by a specialist, that's exactly the gap I fill. See how it fits among the designers and studios I build for.

FAQ

Who are SERIOUS.BUSINESS?

A premium B2B branding and digital studio based in Munich, Germany — an Awwwards Agency-of-the-Year nominee with multiple Site of the Day wins. serious.business is their site.

What did Hon Tran build with SERIOUS.BUSINESS?

I collaborated as the creative developer on the Iventions events website — front-end, WebGL and motion — alongside SERIOUS.BUSINESS and designer Huy Phan. It won CSS Design Awards Website of the Month and Awwwards Site of the Day plus the Developer Award.

Do you work with branding and design studios outside Vietnam?

Yes — most of my work is with international studios and brands across Europe and beyond. The studio owns the brand and the client; I own the front-end, WebGL and deployment under their name.

What is a "developer for branding studios"?

A specialist front-end/WebGL developer a branding studio brings in to build the motion-heavy, interactive part of a project under the studio's brand — so the design team stays on brand and design instead of stretching into engineering.

Let's build to your studio's standard

If you're a branding or design studio in Europe that needs a developer to own the motion, WebGL and deployment under your name — that's exactly what I do.

• See how I work and start a project on the hire page.
• Browse more shipped, awarded work in the projects archive.
• Ready to talk? Let's talk →

---

Written by Hon Tran — creative developer, founder of hontran.dev, and Awwwards jury member. 11+ years building award-winning, performance-first web experiences (GSAP, Three.js / WebGL, Next.js) for clients worldwide. Twice named Awwwards "Independent of the Year" and the first Vietnamese developer to win an international web award. hontran.dev · Behance.