Case study — Animation · Web · Interactive
Two builds, an interactive map, and a game that feeds the mailing list
- Two buildsWeb + mobile
- InteractiveStockist map
- Game, not pop-upMailing list
BlockBrew is the UK's first Black-owned beer brand, started on the Isle of Dogs by three mates — Leon, Tayla, and the MOBO-nominated artist Hak Baker. The brief was never really a website. It was somewhere the story of the block could be told properly, to people who had never heard of it.
The two builds
We wanted the page to move as you read it, and we wanted that on a phone as much as on a laptop. So we built two sites rather than one: a web build and a mobile build, each carrying the same animated scroll, each doing it in the way that suits the screen it runs on. Not one design squeezed into the other — the same idea, told twice.
The map
They also needed people to be able to find the beer. So there is an interactive map: every stockist, and every event they put on, in one place they can keep current themselves.
The game
BlockBrew came to us wanting to build a mailing list. How to get people onto it was the part left open, so we put an idea back to them: give them a reason to want to be on it.
BlockBrew Runner sends you down the block collecting cans, past the pubs and bookies that actually line it. The score screen is the sign-up — a tag and an email to reach the leaderboard — and the top scorer each month wins free beer.
The list grows because people are chasing a high score, not because a box appeared over the page.
Play it →
