Frederick Sona
HomePortfolio › Waitlist page
Landing · Digital project

Waitlist page

Coming soon. Summary of the project, the stack, and the design decisions.

A waitlist page is the smallest useful surface on the internet. There is no product to show and no case study to reference. All the page has is a name, a promise, and a text field. The mockup below is a portfolio design for a fictional invite-only writing tool called Threshold.

threshold.co Threshold Log in INVITE-ONLY BETA A quieter place to write. Threshold is a writing tool with no dashboard, no notifications, and no home screen. Just the page. you@somewhere.com Get in line 2,481 WRITERS AHEAD OF YOU · INVITES GO OUT WEEKLY Made in Brooklyn v0.4 · private beta
Threshold · single-screen waitlist

The whole page is the hero

A waitlist page that scrolls is a waitlist page that has lost the plot. The entire thing fits inside a single viewport at desktop and mobile. The typographic hierarchy does the argument in three lines: an eyebrow that sets the frame ("invite-only"), a headline that names the feeling ("a quieter place to write"), and a subhead that describes the product by what it does not have. The absence language ("no dashboard, no notifications, no home screen") is doing the whole positioning job for a category that is otherwise crowded.

The form as a single object

Email field and submit button share the same height, sit on the same baseline, and read as one control. A single field is the point. Adding a "how did you hear about us" dropdown or a role selector on a waitlist page halves conversion and the data is worthless in aggregate.

The button copy is "Get in line." Not "Join the beta," not "Request access." "Get in line" acknowledges the honest thing that is happening. That kind of direct copy tends to outperform aspirational verbs in tests I have run.

The counter, honest not loud

"2,481 writers ahead of you" sits in small type below the field. Two design decisions there. First, the number is precise, not rounded, because a precise number reads as a real database query rather than a marketing figure. Second, "writers" is used instead of "people" because it flatters the reader into believing the room is curated. Anyone who signs up sees themselves as already inside the type of person the product is for.

Dark, single accent, one type

The page is nearly monochrome. One warm cream (#f4f2ea) for the headline, one deeper cream (#e6dfc6) for the button, and everything else in a range of grey. A single sans typeface at three weights. On a waitlist page the product does not exist yet, so restraint is the strongest signal that the team behind it has taste.

Design decisions

The stack

Platform
Single static HTML page served from Cloudflare Pages.
Design tools
Figma for the type block, hand-tuned in CSS.
Form
Cloudflare Workers endpoint writing to a KV store, no third-party form service.
Instrumentation
Plausible only. No pixels, no session recording.
Portfolio mockup. Threshold is a fictional product used for the exercise.

Want a similar project built or reworked? Tell me what you are trying to move.

Start a conversation
← Back to portfolio