We built Hot Bird to show what Pro can do when a client's brand is its whole proposition. A scroll-scrubbed chicken-toss video as the hero, a full menu and two locations behind it, and three opening kitchen stories — the depth Pro promises, in a register Pro hasn't shown before.
From order to bag
Home, menu, locations, stories
Frame-scrubbed sticky sequence
Roath & Cathays — one site
Most takeaway sites are a PDF menu and a phone number. The brief for Hot Bird was the opposite: a brand-led site with the energy of the shop, the scrollable storytelling of an editorial brand, and the throughput of an order-and-collect app. A site that does the job a real Hot Bird customer expects in 2026 — fast on a phone, loud on desktop, easy to scan when you're hungry.
Eight-frame image sequence pinned in a 4×viewport sticky section. Scroll progress drives the active frame — no <video> tag, no iOS-Safari currentTime issues, no buffering wait. Loads as eager JPEGs, swaps via opacity in <60ms.
Anton (display) + Inter (text). The hero word is 14vw with a rotated red 'LOUDEST' that gets a yellow drop-shadow — turns type into the brand mark. Everything else is the same family, just sized down.
Six sections, 26 items, single-column with three-column desktop variant. No accordions, no PDF download — every dish, every price, every allergen note in one scroll. The page the staff link to when someone asks 'do you do veg?'
Three opening articles: why we double-fry, where the honey comes from, how we started. Cardiff-specific, no AI-blog filler. Each has an above-the-fold answer card so Google's AI overviews can cite it cleanly.
Roath and Cathays both live on /locations with distinct hours, distinct quirks, and a 'which one should I go to' note. Order CTAs deep-link to the right kitchen. No subdomain split, no maintenance double-up.
Marquee bar runs the always-live promo (FREE WINGS WED). The 'ORDER NOW' button stays in the nav as you scroll. Two small details — measurably nudge weekday conversion by reminding people the promo is on right now.
Pro fits the food brand, clinic or firm: 10+ pages, full copywriting, brand-led design system, custom interaction work (like the scroll-scrub video on Hot Bird), 60 days of post-launch support. The brand work happens in your day-one brief — we agree the look before we cut a single piece of CSS.
Brief Monday → live Saturday. Custom interactions (scroll videos, motion work) add a fortnight at most. Stated upfront, agreed in the brief, never a surprise.
Scroll the hero. The chicken gets seasoned mid-air as you go. Best on desktop, but holds together on mobile with a play-on-enter fallback.
