Selected work — 2026

Work that pours, flies and sells.

Coffee brands with their own physics, aviation platforms people study and fly with, a home you can walk before you visit, and the identity systems underneath. Every pixel and every line of code from one team.

12coffee brands
02aviation platforms
01residence tour
03identity systems

Scroll

Chapter 01 — The coffee series

Twelve coffee brands. Twelve languages.

A comic-book kaiju, a lunar Swiss grid, volcanic machines, a 1924 post office, a mission-control roastery, a calm German reishi brand, and a second series built from the same studies. One category, nothing reused: each one gets its own type, its own motion and its own physics.

01 / 12 Studio brand E-commerce

Kaiju Coffee Co.

Bad news for weak coffee.

A loud, comic-book roaster with a kaiju mascot. Bags spin on a real 3D lazy susan, a rooftop searchlight re-lights in every roast’s colour, and a bean pit you can stomp.

Design system

#0e0e0c
#f1ebdf
#c8f23a
#ee3b2b
#1fa39c

Anton
Permanent Marker
DM Mono

A tipped-back 3D turntable with momentum and a detent click per bag
Halftone searchlight carousel that leans toward the cursor
Matter.js bean pit: poke the kaiju and the pile goes flying
Eight roast pages joined by cross-document View Transitions

0 ms blocking time on desktop at 4× CPU

Visit live

GSAP
Matter.js
View Transitions
Web Audio

02 / 12 Studio brand E-commerce · 3D

Half Moon Roasters

One moon at a time.

A Swiss-grid roaster where the half-disc moon is the whole brand. Five roasts, one per lunar phase, and a live moon engine that recommends tonight’s coffee.

Design system

#2e3192
#f28cab
#ff6f2c
#ffc533
#5fd3a8

Inter Tight
Instrument Serif

A real astronomical moon phase picks tonight’s roast
One WebGL canvas renders every 3D tin through scissor viewports
A 27-second hand-built SVG motion graphic as the hero
Tins morph between pages with View Transitions

60 fps in every section on a 6× throttled phone

Visit live

three.js
GSAP
Matter.js
SVG motion

03 / 12 Studio brand B2B · 3D product

Basalt Machines

Pressure. Heat. Time.

Commercial espresso machines from a volcanic island. Four machines modelled part by part, a moving bento wall, and a live 3D viewer that takes each one apart on stage.

Design system

#0c0c0b
#32312e
#8b877f
#ece8df
#ff5b1f

Mona Sans
IBM Plex Mono

Four machines modelled as hard-surface parts, lit by a studio HDR
A staged take-apart viewer with spinning parts and click-to-focus labels
Live finish configurator and a lease-priced quote flow
A dotted earth with ember arcs to 13 service hubs

4 machines built in code, from bolt to badge

Visit live

three.js
Blender
glTF
GSAP

04 / 12 Studio brand Hospitality

Poste

A café that writes to you.

Coffee and brunch in a lakeside post office. Every title is a line of a postcard, written live by a handwriting engine that inks each letter along its spine.

Design system

#f8f3ea
#1c2541
#c63d24
#2c5a86
#f0b54a

Ms Madi
Fraunces
Barlow

A handwriting engine that strokes each glyph’s true centre line
A reservation postcard that writes itself as you type
A wordmark filled with the menu’s own photography
Self-drawing line art of the old sorting room

57 glyphs on first paint, 135 on demand

Visit live

opentype.js
SVG
GSAP
Python

05 / 12 Studio brand Roastery · Campaign

Grounds Control

Cleared for extraction.

A Lisbon roaster run like mission control. Every coffee is a flight from farm to cup: pictures acquire signal, roasts depart on a Solari board, cafés are drop zones.

Design system

#0d0c0a
#1a130f
#efebe4
#ff4f00
#59f2a4

Big Shoulders
Martian Mono
Hanken Grotesk

A quadtree depixelate “signal lock”, scrubbable both ways
A split-flap departures board for the week’s roasts, on one canvas
Farm-to-cup flight plan scrubbed by scroll
A dot-matrix map of every café that pours it

57–60 fps on a 6× throttled phone

Visit live

Canvas 2D
GSAP
Web Audio
Video

06 / 12 Redesign concept D2C · 3D

Chi-Cafe

Die gesunde Art zu genießen.

A calm, premium redesign concept for a reishi coffee brand. The real tins in 3D, one particle field that breathes through the story, and a quiz that finds your blend.

Design system

#140d09
#241811
#f4ede3
#e0a06a
#9cc46f

Instrument Serif
Inter Tight

The brand’s tins rebuilt in 3D, labels unwrapped from packshots
One particle field that morphs steam → 氣 → reishi → ensō
A three-question quiz that matches each guest to a blend

6 blends, one quiz to find yours

Visit live

Vite
three.js
GSAP
Lenis

Concept for chi-cafe.de, not the official site.

Series II

Same studies. Different hands.

A second team of ours took the same reference studies, plus one more, and went somewhere else entirely. Six more brands, each with its own system, each live.

07 / 12 E-commerce

Afterhours Coffee

Good coffee. Different hours.

An ivory, charcoal and electric-violet roaster for the late ones: a theatrical product stage under a moon seal, torn-paper chapters and a cart that remembers your grind.

#232321
#f5f0e5
#8054f5
#b29aff

Anton
Archivo
DM Mono

A product carousel with depth, keyboard and swipe
A scroll-driven horizontal concept timeline
A local cart with grind, cadence and subscription preview

Vanilla JS
Matter.js
CSS motion

Visit live

08 / 12 E-commerce

Dayform Coffee

Good coffee. In every form.

A bold, colour-blocked roaster: full-field hero scenes, a cascade mosaic of photo flips, packages built in CSS you can turn, and a family of geometric café marks.

#254ce8
#ed603e
#f4d95b
#c5b4e8
#417c5e

Georgia
Arial

Four authored hero chapters, each a full field of colour
Package models built in CSS that turn as you drag
Coffee dialogs with tasting chips and matching recipes

Vanilla JS
CSS 3D
Dialogs

Visit live

09 / 12 B2B · 3D product

Velora

Coffee, considered.

Professional coffee machines in a calm, cool key: a horizontal showroom of flip cards, a flagship story told in chapters, and a Three.js explorer that loads only when you ask.

#111313
#f4f3ed
#bed5d8
#ffffff

Noto Sans

A horizontal showroom with slider, arrows and flip cards
An on-demand Three.js machine explorer
A coffee brief that points you to the right machine

three.js
Import maps
Vanilla JS

Visit live

10 / 12 Community · Shop

Common Hour

Good coffee. Room for each other.

Coffee and conversation on a single screen of tiles. Every tile opens its own room, from the coffee shop to Take Five, a set of prompts with a five-minute timer.

#243ee8
#f9f5e9
#ffc39f
#f8df7c
#202315

Bricolage Grotesque

A tile board that reorders itself into a phone stack
A 20-second animated brand interlude
Conversation prompts with a five-minute timer

Vanilla JS
Hash routing
CSS motion

Visit live

11 / 12 Hospitality

Lacune

Café & slow mornings.

A lakeside café on oat paper and lake-green ink: food-filled lettering, handwriting drawn stroke by stroke, eight photographed dishes and booking with a real inline calendar.

#f6f1e6
#244a3b
#dce1cf
#e9ad81
#617063

Caveat

A wordmark filled with the menu’s own food photography
Handwritten lettering drawn glyph by glyph
An accessible inline calendar for reservations

Vanilla JS
SVG strokes
Dialogs

Visit live

12 / 12 Roastery · Shop

Emberline Coffee

Find your daily fire.

Warm paper, charcoal and ember: three roasts with full detail pages, a bag that keeps every variant straight, a bean-to-brew story and brew guides with live timers.

#171915
#f0eee5
#ff7950
#777c6d

Arial
Courier New

Roast, brew and flavour filters into full coffee details
A five-stage bean-to-brew story with a reversible taste loop
Brew guides with dose calculators and timers

Vanilla JS
Dialogs
Local storage

Visit live

Chapter 02 — Aviation

Two platforms. One sky.

Real products with real users: an EASA ATPL training ecosystem that student pilots study with every day, and a flight-sharing platform getting ready for boarding. Identity, marketing sites and product, all from the same desk.

Aviation training · EASA ATPL(A)

Pass first time.

The complete ATPL theory ecosystem, built in Germany: a question bank, theory books, a study planner, an LMS for flight schools and an iPhone and iPad app, wrapped in an identity that lives above the clouds.

Brand identity
Marketing site
Web app
iOS & iPadOS app
School LMS

pilot100atpl.com

ECQB-aligned questions: 27,000+
theory books: 13
aviation ranks to climb: 12
iPhone & iPad app: iOS

Aviation · Flight sharing

Room on board.

A flight-sharing platform that pairs passengers with licensed private pilots: sightseeing loops, island hops and weekend escapes from the local airfield, for the price of a train ticket.

Brand identity v2
Launch site
Product UI
Brand films

airyona.com

airfields mapped: 120+
launch countries: 9
seats from, cost-shared: €49
public launch: Dec ’26

Chapter 03 — Spaces

Walk it before you visit.

Property sells on feeling, and a gallery of photos can't give one. So we build the visit instead: a cinematic way in, every room a click away, and the floor plan always one tap from your hand.

Real estate · Interactive tour

APT-01 The Park Residence

Step inside.

A private, room-by-room walkthrough of a three-bedroom residence on the park. A cinematic film opens the door, glowing markers walk you through every room, a floor plan tracks where you stand, and a 360° mode lets you turn and look around each space.

Interactive tour
360° walkthrough
Floor-plan navigation
Hero film
Extended panoramas

Take the tour 360° walkthrough

APT-01, The Park Residence: tour opening

stops, from the street to the last room: 17
look-around in most rooms: 118°
tour modes, classic and 360°: 2
bedrooms, park-facing: 3

Chapter 04 — Identity systems

Brands built to outlive the launch.

A logo is one file. A system is the book, the tokens, the films, the deck, the stationery and the rules that keep it all one voice. Every kit we ship is generated from a single source, so it stays in sync long after we hand it over.

Aviation training

Pilot 100

Aim for 100.

54-page brand book
33 logo masters
26-slide guidelines deck
7 brand films
Print-ready stationery

Flight sharing

Airyona

Room on board.

50-page brand book
15 logo masters
25-slide guidelines deck
7 brand films
Social template kit

Facility management · Bremen

M2A Facility Management

In bester Ordnung.

50-page brand book
17 logo masters
25-slide guidelines deck
7 brand films
Van livery & ID badge

Every kit ships with

01Logo masters
02Colour tokens
03Typography
04Graphic language
05UI expression
06Social kit
07Stationery
08Motion films
09Guidelines deck
10Brand boards

Brand boards

One system, every surface.

Twelve of the twenty-four boards from three kits: skies, instruments, print, glass and app.

Pilot 100 aurora

Airyona above

M2A morning

Pilot 100 instruments

Airyona ion

M2A weser

Pilot 100 teal

Airyona midnight

M2A night

Pilot 100 dawn

Airyona bluehour

M2A pulse

Motion

Every kit ships with its own films.

Brand film, logo stings in day and night, the book flip-through and a 38-cut case-study reel, rendered from the same parts as the book, so a change to the system re-renders the films too.

M2A Facility Management · case-study reel

Capsule · Airyona

Room on board.

Three pieces that carry the Airyona identity onto fabric: one climbing contrail, one sentence and a lot of quiet cloth. Every graphic is the kit’s own mark, copied byte for byte and drawn in millimetres at print size, with the contrail’s rules kept: it always climbs, and it never carries text.

Midnight-blue Airyona tee, front print — Tee · front print

Sky-blue Airyona cap with an embroidered mark — Cap · embroidered mark

Self-initiated concept. Mockups are AI-generated; the artwork on them is ours.

Under the hood

Ready when you are

Have an idea?
Let's build it.

Tell us what you're launching. We'll reply within 24 hours with next steps — and a first concept within 48 hours of kickoff.

[email protected] WhatsApp us +49 1522 2002210

Work that pours, flies and sells.

Kaiju Coffee Co.

Half Moon Roasters

Basalt Machines

Poste

Grounds Control

Chi-Cafe

Afterhours Coffee

Dayform Coffee

Velora

Common Hour

Lacune

Emberline Coffee

APT-01 The Park Residence

Pilot 100

Airyona

M2A Facility Management

Every kit ships with its own films.

Room on board.

Have an idea?Let's build it.

Have an idea?
Let's build it.