Mad Cat Coffee Bar

Mad Cat Coffee Bar is a specialty coffee kiosk wedged by the platforms at Homerton station, run by the painter Milena Angelova and, by his own appointment, a grumpy black cat. The brand already existed in the real world — a hand-lettered black-and-cream cat mark, a devoted local following — but online it was a pin on a map. The brief was not a brochure or a template: it was to translate a genuinely characterful place into a site with the same presence — expressive enough to feel like an experience, honest enough to be unmistakably hers, and fast enough to open on a phone while someone waits for a train. The constraint that shaped everything: her identity is strictly black and white, so every drop of colour had to be earned — and it comes from the coffee, not a designer’s palette.

We rebuilt the whole identity from her real logo rather than dressing it up: stark coal and cream, a condensed display face, and the grumpy cat promoted from sticker to living mascot — it breathes, the cup steams, and a tap makes it react. Colour appears only where it is real — the coffee itself: caramel, crema, matcha, steam. The spine of the site is “The Ritual”, five cinematic beats — the bar, the dunk, the craft, the maker, the cat — that scrub frame by frame as you scroll, each engineered never to flash black through a persistent ambient base under a floored cross-fade, and the signature drinks play as seamless cinematic loops in a dedicated showpiece. The hero carries a cream-in-coffee WebGL fluid; a real-sample soundscape (a cat-purr and café bed with a one-shot cue per beat) reacts to scroll velocity, all behind a mute toggle that does zero work until a visitor opts in. Because the audience is commuters on phones, the heavy media — frame sequences, reels, the audio — lazy-loads on demand so first paint stays lean, with reduced-motion and WebGL fallbacks throughout. Conversion routes to Instagram DM and phone, and analytics is cookieless, so there is no consent banner.