Starting point
A café with a point of view, and nothing online that proved it.
Olyv is an all-day café taking root in Hall Green — coffee, brunch, juices, desserts — with a clear brand voice and a growing Instagram following before the doors opened.
What they did not have was a digital home that felt like the place. Generic café templates would have sold the wrong idea: cream backgrounds, latte stock photos, countdown timers. The risk was arriving online as just another brunch spot, instead of a room with taste and intent.
- 0dedicated site before launch
- Preopening, no real photos yet
- 1scroll idea to carry the brand
Pre-opening · Hall Green, Birmingham
Solution
Make the page the first taste of the place.
We designed and built olyv.co.uk as a one-page pre-opening site where the design is the positioning: scroll is growth, from espresso-dark bark through bud and bloom to the first fruit at the opening date.
The palette is the client's own — brown, pink, and olive worn as ground rather than decoration. Motion is one idea fully spent: a hand-drawn olive branch grows down the margin, blossoms open as you pass, and every section restates the same story. Visitors leave knowing what Olyv will feel like, with a clear path to follow on Instagram, join the waitlist, or apply for the opening team.
Brand-true ground
Four colour chapters (bark, bud, bloom, grove) using Olyv's own brown-and-pink system — not a cream template with flowers pasted on.
4
chapters
One scroll idea
The page grows instead of opens. Branch, bark, blossom, fruit — nothing moves unless it grows the same idea.
1
motion system
Pre-open conversion
Primary CTA to Instagram, secondary email waitlist, hiring form for the opening team — built for a café that does not exist yet.
3
paths
Brand system + one-page pre-opening site
What we did
What shipped on olyv.co.uk
A production one-pager: editorial type, custom branch animation, first-menu teaser, room placeholders ready for photography, visit block, hiring form, and opening waitlist — deployed live at olyv.co.uk.
What shipped
Pre-opening marketing site
1
Colour chapters (bark to grove)
4
Custom branch / blossom motion system
1
First-menu teaser (morning / afternoon)
1
Waitlist + hiring capture
2
Site scroll showreel
1
Where it ran
The cuts
olyv.co.uk scroll
Business impact
A digital home that already feels like Olyv.
- Live
- olyv.co.ukPre-opening marketing site
- 4
- Colour chaptersBark, bud, bloom, grove
- 1
- Scroll ideaBranch from bark to first fruit
- 3
- Launch pathsFollow, waitlist, hiring
The site is live at olyv.co.uk as the step between a feed post and a follow — warm, unhurried, and deliberately short on copy. Space and food photography slots are built in for when the room is ready; until then the craft of the page carries the proof.
Visitors get the brand impression in one scroll, then a clear next step: follow along, leave an email for opening news, or join the team that will open the doors.
- Live pre-opening site at olyv.co.uk
- Brand-true four-chapter colour and type system
- Waitlist, hiring, and social CTAs wired for launch
- Showreel of the full scroll experience for the case study and client share
