Case study · Demo landing page · Software product · 2026

Show the product working before a single word.

A launch page for Nodd, a proposal tool for freelancers and small studios: one link where a client reads the proposal, picks a package, signs and pays the deposit. Nodd is made up; the page is real.

See the page ↗ See the code ↗

The Nodd landing page: the headline Send one link. Get signed and paid. beside a proposal that has just been signed and paid.

Lighthouse on a phone: 95+ speed
Accessibility: 100
Device sizes checked: 18

The idea

A landing page that demonstrates, not describes

Most software pages open with a headline and a screenshot. Nodd's opening is the product itself: built in code, the client picks the bigger package, the deposit updates, the signature is drawn in ink and the deposit is paid, all within seconds of landing.

What's on the page

Every section has one job

A live proposal in the opening. The one moving centrepiece. Everything else moves only when you do something.
The usual way, next to Nodd. Told as a week of back-and-forth emails rather than statistics.
How it works, in three steps. On large screens the product picture stays put and changes as you scroll; on phones each step carries its own.
Pricing, questions, sign-up. A monthly and yearly switch, the questions people ask, and a closing sign-up form.

Design

Stationery, not the usual software look

Cool paper, iron-gall ink for text, a blue signing pen for anything you can click, highlighter yellow for marks on documents, and green only for money that has arrived. It's checked at every width from 320 to 2560 pixels, works by keyboard, and stays still for people who turn motion off.

Built with

Next.js
React
TypeScript
Tailwind CSS
Vercel

Launching something?

A landing page with one job, built to show your product at its best. Tell me what you're launching, and I reply within 24 hours.

Tell me what you're launching See landing pages

Also