Five sites, every one of them working.
Five fictional businesses, one site each, built the way we build for clients: around the one action a visitor should take, and wired to the systems behind it.
- Everything you can click works
- Each demo explains what we built and why
One site for each kind we build.
The five kinds of site on our Websites page, each for a business invented for the demo and built around its one action.
- /corporateLumora EnergyCommercial solar, storage and EV charging01Corporate site// built to enquire
Lumora Energy
Commercial solar, storage and EV charging
A company site built as a sales channel: a savings estimate a visitor can run alone, and every enquiry routed to the team that handles it.
Try this - /storeMorrow CoffeeSmall-batch coffee roaster02Online store// built to buy
Morrow Coffee
Small-batch coffee roaster
An online store that helps a beginner choose, sells subscriptions next to one-off bags, and posts every order to accounting on its own.
Try this - /bookingEmber & IceUrban sauna and cold plunge bathhouse03Booking platform// built to book
Ember & Ice
Urban sauna and cold plunge bathhouse
A booking platform that reads live availability, books any session in a few taps on a phone and writes it into the reservation system.
Try this - /portalCorvo FreightRoad and sea freight for businesses04Customer portal// built to sign in
Corvo Freight
Road and sea freight for businesses
A signed-in portal where each customer tracks shipments, downloads invoices and books collections, read live from the systems behind it.
Try this - /marketplaceHandwellLocal pros for home jobs05Marketplace// built to request
Handwell
Local pros for home jobs
A marketplace where a household describes a job and compares quotes from vetted local pros, and a new pro can join on their own.
Lumora Energy
Our site reads like a brochure, and the enquiries it brings sit in one inbox. We want every enquiry in front of the right team.
- 01One action on every page
- 02A savings estimate anyone can run
- 03Every enquiry routed to its team
Every demo explains itself.
A small Consenteo bubble sits on every page. Open it for three views of the work; hide it when you want the site on its own.
- 01The caseWhat was asked, what we delivered, what we built and why we built it that way.
- 02X-rayThe page with its wiring shown: every part that does work, and where it sends what you did.
- 03LiveEach action as it happens: the lead reaching the CRM, the invoice reaching accounting.
- 04Your cookie choiceEvery demo has its own banner, and the live view shows what waits for your consent.
Built the way a client site is built.
- Designed for the phone firstEvery page and every step of every journey fits one screen and one hand.
- Built around one actionEnquire, buy, book, sign in or request: each site leads to the action its business needs.
- Wired to the systems behind itEvery form, basket and booking says where it goes, the way it would on a client build.
- Analytics waits for consentMeasurement follows the visitor's choice, and the site works the same either way.
- Usable by keyboardMenus, dialogs and forms work without a mouse, with focus you can see.
- A project of its ownEach demo is a standalone Next.js app, the way a client site is handed over.
One way of building, five businesses.
The same foundations a client site gets, chosen so the site stays fast and stays yours.
- Framework
- Next.js 16 with the App Router, React 19 and TypeScript
- Styling
- Tailwind CSS 4, with a design system for each brand
- Motion
- Motion, with the visitor's reduced-motion setting respected
- Forms
- Checked in the browser and again on the server
- Imagery
- Drawn in code, so it stays sharp at every size
- Hosting
- Each demo its own app, all served from one server
Let's talk about what you are building.
A discovery session maps where visitors drop out and which systems the site should feed.