CASE STUDY · CUSTOM WEBSITE · PRE-LAUNCH SAAS · CONSTRUCTION TECH
Register
“Looks serious before there is a product to show.”
A pre-launch marketing site for a B2B SaaS startup that helps UK subcontractors track payment deadlines and recover money they are legally owed.
- Next.js 16.2 (App Router)
- React 19
- TypeScript
- Tailwind CSS v4
- Motion (scroll animations)
- Neon Postgres (waitlist database)
- Vercel hosting
The brief
The founder had no site, no product, and no customers yet. He needed something credible in front of potential co-founders, early customers, and investors within days. The audience was senior Quantity Surveyors and construction commercial directors, people who would immediately notice any vagueness or hype. The site had to sell the problem and the regulatory urgency without a product to demo, and it had to look like it belonged in that industry.
What we did
- Single-page site with six sections: hero with email signup, problem section using real industry insolvency data, how it works in plain statutory steps, regulatory tailwind (three recent Acts of Parliament in context), closing call to action, and footer
- Email waitlist form that saves signups directly to a Postgres database, tested end-to-end before launch
- Persistent navigation bar with anchor links to every section and a Request Access button always visible
- OpenGraph share image (1200 by 630) so the link previews correctly on WhatsApp, LinkedIn, iMessage, and X, with the headline and four contract standards shown
- Mobile-optimised layout throughout, including a targeted fix to the form on small screens
- Deliberately set to noindex (invisible to Google) so the founder can share the URL freely without it surfacing in search before the product is ready
- Custom monochrome design system built from scratch to match the legal and financial tone of the product
The numbers
1 day
Built, live, and capturing leads on the day it started
Auto
Every signup saves to the database, no one has to do anything
Looks right
Branded preview when shared with investors on WhatsApp or LinkedIn
Gallery
/work/register/01.jpg
Register gallery 1/work/register/02.jpg
Register gallery 2/work/register/03.jpg
Register gallery 3What we said no to
- A CMS. For a one-person pre-launch startup, a CMS adds cost and complexity with no real benefit. The founder writes; the developer builds.
- Product screenshots or a demo. The product did not exist yet. The site sells the problem and the regulatory urgency. For this audience, that is more credible than a polished mockup.
- A colourful or template look. Construction is a high-stakes, conservative industry. A generic-looking site would have undermined credibility with the target audience on first impression.
- Indexing by Google. Deliberately set to noindex so the URL can be shared freely with specific people without the site surfacing in public search before launch.
Stack
- Next.js 16.2 (App Router)
- React 19
- TypeScript
- Tailwind CSS v4
- Motion (scroll animations)
- Neon Postgres (waitlist database)
- Vercel hosting
Want something like this?
30 minutes, no pitch deck.