The example: LEE’S COFFEE, a coffee roastery in Melbourne
LEE’S COFFEE is a coffee roastery in Melbourne we invented to show what we build for this trade — every page above works. Bento grid · modular tiles.
What a coffee shop website has to do
People look up a café the way they look up the weather: on a phone, on the way, with one question. Are you open, where are you, and is it worth the walk? Good coffee shop website design answers that at a glance, then gives them something to do: order ahead and skip the queue, or take the coffee home in a bag.
Most café sites are a nice photograph and a menu nobody has updated. The hours are wrong on public holidays. Ordering ahead means a delivery app and its commission. And if you roast, the beans sit in a shop that treats a 250 g bag like a T-shirt: no roast date, no brew notes, and no easy way to get the same coffee every fortnight.
So we build around how coffee actually sells. Hours that know what day it is. Ordering ahead on your own site, ready at a time the customer picks. And for roasters, beans with their roast date and origin, a brew guide for the kit people own, and a coffee subscription priced live as it is built. LEE’S COFFEE, above, is the example: a Melbourne roaster with two cafés and a standing order at the heart of it.
46% of American adults had a specialty coffee in the past day, up 84% since 2011.
Source: National Coffee Association, National Coffee Data Trends 2025After reading good reviews of a local business, 54% of consumers go on to check its website, up from 32% in 2019.
Source: BrightLocal Local Consumer Review Survey, 2026
- 01
Beans with a roast date
Each coffee with its origin, process, tasting notes, price and how many days ago it was roasted. Freshness is the whole pitch for a roaster, so the number belongs where the customer can see it.
- 02
A brew guide for the kit they own
Espresso, V60, Chemex or cold brew: pick the method and the grind, dose, ratio and time change with it. Fewer good bags blamed for a bad cup, and fewer emails asking how.
- 03
A subscription built in one place
How often, what size, ground for what. The price per bag and per cup update as the customer chooses, and the discount for committing is shown rather than hidden. On your site it bills on repeat.
- 04
Skip and pause without writing in
The quickest way to lose a subscriber is to make them email you to skip a week. Say plainly that they can skip, pause or cancel, then let them do it themselves, from the roasting email or their account.
- 05
The roastery behind the bag
Who grew it, what was paid for the green coffee and how it was roasted, down to the curve. People paying specialty prices like to see why, and wholesale buyers check before they ever call.
- 06
Hours that are right today
Every café with its address, its hours and whether it is open right now, on local time. Then order ahead for a pickup slot that actually exists, and skip the queue without paying an app.
The example, page by page
01Beans
This week’s four coffees, each with origin, process, tasting notes, price and days off roast. Pick one and the whole grid answers, from the roasting photograph to the origin tile.
02Brew Guide
Pick espresso, V60, Chemex or cold brew, and the grind, dose, ratio, time and grinder dial all change with it, along with what to try if it tastes wrong.
03Subscribe
Build a standing order: how often, what size, ground for what. The price per bag and per cup update live, with the discount for subscribing shown beside them.
04Roastery
One drum, one night a week. Pick a lot to see its farm, what was paid for the green coffee, its roast level and its roast curve, which you can scrub minute by minute.
05Cafés
Two cafés on a drawn map, each with live open-or-closed hours on Melbourne time, what is on the grinder today, and ordering ahead for a real pickup slot.
One-off bags into subscriptions
Built to move one-off bags into subscriptions. Recurring orders are the number a roastery can plan around, and letting customers skip or pause on their own is what keeps them subscribed.
How we build it
- Day 1
The counter
Menu, prices, hours, locations and what you sell online, gathered in one call, with the POS or shop you already use.
- Days 2–4
The look
Design and a photo treatment built around your cups, your room and your bags, set up for a phone first.
- Days 5–7
The orders
Ordering ahead connected and tested on a real morning rush, then live. A bean shop with subscriptions adds a second week.
What a coffee shop website costs
$1,700–$2,500
3–7 days to live · fixed price, agreed before we start · branding included
What moves the price
- How many cafés, and how many menus
- Ordering ahead on your own site
- A bean shop, and subscriptions billed on repeat
- Wholesale accounts and enquiries
After launch, hosting, uptime, security and monthly reporting run from $250 a month: a monthly retainer, never a contract term.
LEE’S COFFEE is the bigger build: a bean shop, brew guide and subscription priced live, from $4,200 and 12–16 days. A café site with menu, hours and ordering ahead sits at $1,700–$2,500.
Questions we get asked
How much does coffee shop website design cost?+
A café site runs $1,700–$2,500: menu, hours, locations, photography treatment, ordering ahead, branding and two rounds of revisions, fixed before we start. A roaster’s site with a bean shop and subscriptions, like LEE’S COFFEE, is a bigger build and starts at $4,200. You see the exact number, for your scope, before you commit to anything.
How long does it take?+
Three to seven days for a café site, from the first call to live. A roaster’s site with a bean shop and subscriptions takes twelve to sixteen days, because billing on repeat, stock and shipping all need building and testing before the first order. Either way the timeline depends on how quickly you send feedback, photos and the menu.
Will it work with Square, Shopify or our POS?+
Yes. Ordering ahead can run through the point of sale you already take payments on, so pickup orders arrive where your baristas already look. Square, Toast and Lightspeed all offer online ordering a site can sit in front of. For beans and subscriptions we connect a proper store, such as Shopify with a subscription app, so stock, payments and repeat billing are handled by tools built for it.
Can I update the menu and hours myself?+
Yes. Menu items, prices, opening hours, holiday closures and the beans on the shelf are all yours to edit from a phone. The hours matter most: a café that shows as open when it is shut loses that customer for good. If you would rather not touch it, we can handle small changes for you on a monthly plan.
Should a café or roaster sell a coffee subscription?+
If you roast, almost certainly. A subscription turns one-off bags into orders you can plan the roast around, and it keeps your coffee in the kitchen between visits. What makes subscribers stay is control: choosing the size, the grind and how often, and skipping or pausing without having to write in. LEE’S COFFEE shows the build; your store runs the billing.
Is LEE’S COFFEE a real roaster?+
No. LEE’S COFFEE is a Melbourne roaster we invented to show what we build for coffee businesses. The beans, the farms and the cafés are made up. Every page works: pick a bean, change the brew method, build a subscription, scrub a roast curve and order a flat white for a real pickup slot. Nothing is sent or charged, and the example says so when you order.
Do you build sites for bakeries, juice bars and other counters?+
Yes. Cafe website design and a bakery’s site need the same three things: hours that are right, a menu people can read on a phone, and a way to order before arriving. The price is the same counter range. If your product is the show, our ice cream shop page has the same counter built around a 3D scene.
Do I need a coffee roaster website if I sell through cafés and wholesale?+
Wholesale pays the bills, but it puts your coffee under someone else’s name. Your own coffee roaster website is where the farms, the roast and the brew guide live, where wholesale buyers check you out before they call, and where a customer who loved a cup in a café can buy the bag, then subscribe.
