The Bakery
Background
The Bakery is a brand identity I designed for a neighbourhood bakery: a wordmark with a baguette for a B and a cupcake for an e, hot pink and cream, bags that promise “Might be delicious!” and a pattern drawn by hand.
This is its website, built from that identity: a brand page that looks like the poster, and an ordering app for pickup and delivery.
Core problem
A bakery’s best advert is its bag, yet its website rarely looks anything like it. The Bakery’s site had to feel like the pink bag, with the same lettering, stickers and doodles, and still let you order a croissant in a few taps.
Our Process
Everything on the site comes from the identity. The wordmark, the B monogram, the mascot and the “Might be scrumptious!” lettering are traced from the brand artwork, and the hand-drawn pattern is rebuilt as a seamless tile that runs behind every page.
Every bake is a real photo, cut out of its background. The chocolate chunk cookies come from the brand’s own poster. The two doodles the pattern doesn’t have, a cupcake and a cup, come from a hand-drawn Adobe Stock set in the same loose line.
What I built
01 - A brand page that looks like the poster
Pink, the lettering, a croissant in its sleeve, the poster’s cookie pile and the mascot waving. Then today’s bakes, the story of the name, the bags and the opening hours, which follow the bakery’s clock.
02 - An ordering app
Fifteen bakes in six sections, each with its options, like warmed up or half a dozen in the pink bag. Then pickup or delivery, promo codes and an order tracker.
03 - The bag stickers as the menu
Each menu section is one of the round stickers that close the bags: a pink doodle on cream, turning navy and slapped back on when you tap it. Empty screens show a sticker or the mascot.
04 - Light and dark
Both pages follow the phone’s light or dark mode, and the pink stays pink.
Key Deliverables
- Website concept and copy
- Brand page and ordering app
- Brand marks and a seamless pattern traced from the identity
- Bag stickers and hand-drawn doodles
- Photo selection and cut-outs
- Static website, deployed on Vercel
Results and Impact
The Bakery is a concept, so nothing is baked: orders are a demo and say so. The identity behind it has its own case study, The Bakery brand identity.
Want a website that looks like your brand? Book a call.