A studio service

Five landing pages, taken apart.

Most landing page roundups show you fifty screenshots and tell you the hero is 'bold'. Nobody who wrote them built any of the pages. These five are ours, so we can tell you what each decision was for, what it cost, and which of them we would make again.

EngageSwiss - a Swiss German SaaS landing page built by the studio

Live work

The five, in full.

Every one is ours and every one is live, so nothing here is a cropped screenshot you cannot verify. Open them, read them end to end, and disagree with the choices if you want to — that is more useful than a gallery you can only look at.

Chalkline — Live job costing for specialty trade contractors.

Construction SaaS · US · English

Chalkline

Live job costing for specialty trade contractors.

A full commercial page for a vertical SaaS: a hero that names the buyer and the money problem in one line, a live cost dashboard as the product shot, published pricing, a comparison table against the incumbent, and an FAQ. The call to action is a paid pilot with five spots, not a free trial.

  • Product-shot hero with real numbers, not a stock laptop
  • Published pricing that survives contact with a CFO
  • A comparison section that names the alternative
  • Scarcity that is specific and therefore believable
Open the live page
Keyway — The ops layer for short-term rental portfolios.

Short-term rental ops · US · English

Keyway

The ops layer for short-term rental portfolios.

An AI-operations product sold to portfolio managers, where the hard part is proving autonomy without promising magic. The hero shows a live guest inbox with three real messages at three different autonomy levels — auto-sent, drafted, paged — which makes the claim concrete in a way a feature list cannot.

  • Autonomy shown as tiers, not claimed as a chatbot
  • A metric bar with numbers tied to a unit count
  • Sits on the stack you already run, stated up front
  • A two-week paid diagnostic as the first step
Open the live page
REChain — Real estate, made divisible and verifiable.

Tokenised real estate · Fintech · English

REChain

Real estate, made divisible and verifiable.

A regulated-product page, which is the hardest kind to write. It leads with compliance rather than hiding it, separates what the chain can prove from what it cannot, and carries the disclosures a financial product needs — while still reading as a sales page rather than a prospectus.

  • Compliance as the headline, not the footnote
  • An honest 'what this does not do' section
  • A live asset ticker instead of invented logos
  • Disclosures that do not kill the momentum
Open the live page
EngageSwiss — Von der Ausschreibung bis zur Zahlung — in einem System.

Construction SaaS · Switzerland · German (Swiss)

EngageSwiss

Von der Ausschreibung bis zur Zahlung — in einem System.

The same category as Chalkline in a different market and a different language, which is the point of showing both. Swiss specifics carry the credibility: QR-Rechnung to SIX rules, data hosted in Zurich, and a workflow that runs from tender through to matched payment.

  • Written in German, not translated into it
  • Local proof — SIX QR-billing, Zurich hosting
  • Office-and-site split as the core narrative
  • A module marquee that shows scope without a feature dump
Open the live page
循环知识 · Closed-Loop Knowledge — A knowledge base your assistant can actually cite.

Knowledge architecture · China · English + Chinese

循环知识 · Closed-Loop Knowledge

A knowledge base your assistant can actually cite.

A technical proposal page for a bilingual audience, selling information architecture for LLM retrieval across a four-stage circular agriculture loop. The hardest thing here was making an abstract deliverable legible — the answer was a diagram of the actual loop, and a worked example carried end to end.

  • Bilingual headings that work in both languages
  • A diagram doing the explaining, not a paragraph
  • One worked example carried all the way through
  • Fixed-price milestones instead of a day rate
Open the live page

N° 01Best practices

Seven things the good ones all do.

Drawn from building these five rather than from a list of rules, which is why each one comes with the page that proves it.

01

Name the buyer in the first line

Chalkline's eyebrow reads 'For specialty trade contractors, $1M–$20M' before the headline starts. A visitor outside that range leaves immediately, which is the point — a page that tries to keep everyone converts nobody.

02

Make the product shot do the arguing

Keyway's hero is a live guest inbox showing three messages at three autonomy levels: auto-sent, drafted, paged. That single image makes the product's central claim concrete in a way three paragraphs could not.

03

Put a number where a claim would go

'1,100 guest messages a day at 1,000 units. Under 60 seconds first response.' Specific figures are checkable and therefore believable; 'lightning fast' is neither.

04

Lead with the objection when it is the real one

REChain opens on compliance rather than burying it, because for a regulated financial product compliance is the first question every serious visitor has. Answering it late reads as hiding it.

05

Say what the product does not do

REChain separates what a chain can prove from what it cannot. Naming a limitation costs one paragraph and buys credibility for everything else on the page.

06

Write in the language, don't translate into it

EngageSwiss carries QR-Rechnung to SIX rules and Zurich hosting — details a Swiss construction firm actively checks for. A translated page keeps the sentences and loses exactly these, which are the parts doing the work.

07

Let a diagram carry the abstract part

循环知识 sells information architecture, which resists description. The four-stage loop is drawn once and then referred to throughout, instead of being re-explained in prose each time.

N° 02What to avoid

And five things that keep going wrong.

01

A headline about the product

'The all-in-one platform for modern teams' tells a visitor nothing about whether it is for them. Every page above names a buyer and a problem before it names itself.

02

A stock photo where the product should be

A laptop on a desk proves the product exists and nothing else. If there is no product to capture yet, design the interface that ought to exist — all five of these did exactly that.

03

Hidden pricing as a lead-gen tactic

It is meant to start conversations and mostly removes the buyer with a budget and three tabs open. Chalkline publishes one price and says it does not go up because you grew.

04

Refusing to name the alternative

Nobody arrives with no current solution. A comparison section reads as confidence; its absence leaves the visitor to guess whether switching is worth it, and most guess no.

05

One CTA repeated five times

'Book a demo' is a bigger ask than it looks — a calendar invite and an hour. A specific, cheaper first step converts better and qualifies harder: Keyway asks for a two-week paid diagnostic, Chalkline for a pilot with five spots.

N° 03Questions

The answers we give most often.

What makes a landing page good?
That a stranger can tell in about four seconds what it is, who it is for, and what happens next. Almost everything else — length, colour, how many sections — follows from the buyer and the size of the ask. The pages above run from roughly 1,100 to 2,500 words, and the longest is the one selling the most abstract thing.
How long should a landing page be?
As long as the decision is expensive. A $29/month tool can convert on one screen; a system a construction firm will run its billing through cannot. Length is only a problem when the extra words are not doing work — which is a different failure from the page simply being long.
Why only five examples?
Because we built all five, and that is the trade we are making. A fifty-item roundup can show you more pages but cannot tell you why any of them were made that way, since whoever wrote it did not make them. We would rather explain five properly.
Can I use these as templates?
They are not templates and copying the layout would miss the point — each one is shaped by its specific buyer and ask, which is why they look nothing like each other. The transferable part is the method: name the buyer, show the product working, publish the price, name the alternative, make the first step small.
Are these real client projects?
No. They are the studio's own builds, made to demonstrate the work, which is exactly why we can publish them in full and explain every decision. A client page usually cannot be shown this openly, and a case study written under those constraints tells you much less.
Do you audit an existing page?
Yes. Send the URL and what the page is supposed to do, and we'll tell you what we would change and what it would cost before you commit to anything.

Start your book

Want one of these for your product?

Tell us what you're selling and who has to say yes. We'll come back with the argument the page should make and a fixed quote.

Landing Page Examples & Best Practices | DesignKompanie