OKJobs — product site for an AI phone-screening service
An AI product aimed at sceptical buyers — UK hauliers and recruitment agencies — needs a marketing site that earns trust rather than borrowing it. OKJobs is that site: hand-built, fast, and honest about being pre-launch.
HTML/CSS/JS · nginx · Cloudflare Tunnel
Ref 01 · The problem
The problem
- The product phone-screens HGV driver applicants; the site has to explain a novel idea (an AI that makes phone calls) to a non-technical audience in seconds.
- Pre-launch means no customer logos, no metrics, no testimonials — the copy has to persuade without them.
- The audience skews mobile and impatient: the page has to be quick everywhere.
Ref 02 · What we built
What we built
A single hand-built page, no framework
Plain HTML, CSS and JavaScript with no build step and no dependencies to age. It ships behind nginx over a Cloudflare Tunnel with a strict Content-Security-Policy — the only external call the page makes is the waitlist form submission.
Scroll-driven product storytelling
A cascade animation walks the visitor through the product’s actual flow — application received, call placed, conversation, verdict — so the explanation is shown, not claimed. Custom illustrated character art carries the brand.
A documented design system
Colour, type and component decisions live in a DESIGN.md alongside the code, so the system survives its builders. The waitlist form uses a honeypot field for spam control.
Ref 03 · Stack
Stack
- HTML/CSS/JS
- nginx
- Cloudflare Tunnel
Ref 04 · What it demonstrates
What it demonstrates
- Front-end craft without framework weight — useful for landing pages that must load instantly
- Explaining an AI product truthfully to a non-technical trade audience
- Security-conscious defaults (strict CSP) even on a marketing page