A pretty homepage versus a page that books calls

A page that books calls has a clear offer, proof a visitor can check, and one action. Visual taste helps, and it does not replace those three.

By
A person gesturing in a meeting, with a laptop showing a colorful layout, a notebook, and a phone on the table. The screen is what the conversation has to judge.
Taste and the path to a call are reviewed in the same meeting, for different reasons. Photograph via Unsplash.

A high converting startup website is not the one that wins a taste argument in the room. It is the page that makes a fitting person book a conversation. Taste can help that happen. Taste cannot substitute for three elements: a clear offer, proof a skeptical visitor can check, and one action that starts the intro.

Separate those elements from the decoration before you judge a design. A page can be beautiful and still hide what you sell. It can be plain and still book the call. Nielsen Norman Group's account of how long people stay is the constraint underneath both cases. Visitors often leave within 10 to 20 seconds, and they only read about a quarter of the text on pages they open. The path to a call has to be visible inside that short read. The average visit lasts a little less than a minute. There is no time for the page to warm up.

Taste and the path are different jobs

Taste is the type, the color, the crop, the quiet or the energy. It tells a visitor whether the company feels careful. That matters. A sloppy page makes a careful buyer hesitate, even when the offer is right.

The path is a sequence the visitor can follow without you in the room. They learn what this is. They see a reason to believe the claim. They see how to talk to a person, and what that conversation is for. If any step is missing, the page can still be admired and fail at the only commercial job a young company site usually has.

Hold both standards in a review. Ask whether the page feels like the company. Then ask whether a stranger could book the right conversation after one pass. If the second answer is no, another round of visual polish will not fix it. The missing piece is an offer, a proof, or an action.

The offer, in one place

Three pale speckled bottles on a gray surface, two holding dried seed heads. It accompanies an article about A pretty homepage versus a page that books calls.

The offer is a sentence a buyer can repeat. Who it is for. What they get. The situation it replaces. Put that sentence where the first screen can hold it, near the brand line if you have one.

"We help ambitious teams do their best work" is a mood. "We design and build the marketing site for a founder who has outgrown a template" is an offer. The second sentence gives the visitor a yes or a no. The first sentence asks them to wait for a salesperson.

Keep the offer singular on this page. A studio, a software product, and a newsletter can all be real. The homepage that books calls picks the conversation you want this month. Other offers can be text links. They should not each get a competing button in the hero.

Write the sentence in the buyer's words. If they say "site," say site. If they say "shop," say shop. The internal name for the initiative can live in a deck. On the page, use the noun a stranger would type.

Proof that earns the click

Proof is the reason to believe the offer before anyone gets on a call. It has to be checkable. A named kind of work. A public project. A concrete description of what changed. A constraint you handle, such as a migration, a heritage brand, or a product interface.

Hanabi can point at public work for this reason. Down the Cove is an ecommerce restructure and redesign. Thomas Bewick is an editorial site for a heritage craft. Got Next and Leadly are product interfaces. Those names are proof because a visitor can look at the work and see the kind of problem the studio takes. A row of anonymous logos is weaker, and an invented result is not proof at all.

Match the proof to the offer. If you are asking for a call about a marketing site, show a marketing site and say what decision it carried. A beautiful product screenshot from a different service confuses the path. The visitor should think, "they have done a version of my problem," not "they have good taste in general."

One strong proof beats five vague ones. If you are early and the public work is thin, say what you will do in the project and what the buyer will own at the end. Honesty about a young practice is more convincing than a metric you cannot show. Skip awards, revenue, and quotes you would have to write yourself.

One action, labeled as a conversation

A laptop open to a code editor on a white desk, beside a plant and a yellow mug. It accompanies an article about A pretty homepage versus a page that books calls.

The action should say what the visitor gets. "Book an intro call" is clear when the call has a job: fit, a rough shape of the work, and whether a proposal is worth writing. "Get started" is unclear. "Submit" is unclear. The label is part of the path.

Place it where the offer and the proof have been seen. In the first screen, next to the offer, is the usual place. Repeat it after the proof if the page is long. Do not add a second action that asks for a demo, a newsletter, and a job application in the same band. Those can live in the footer or on their own pages.

Say what happens next, in a line under the button if you need it. A person replies. The call is 30 minutes. You will ask about the audience and the offer. Visitors book more calmly when the conversation has edges. An open-ended "pick our brains" feels like unpaid work on both sides.

Make sure the path works. The calendar link opens. The form reaches a person who answers. A beautiful button that lands on a dead inbox is a broken page, however strong the type.

How to review without mixing the two

Review taste and path in separate passes.

On the taste pass, look at type, spacing, images, and whether the page feels like the brand you meant. Take notes. Do not change the offer during this pass.

On the path pass, ignore whether you like the color. Read only the offer, the proof, and the action. Cover the rest with your hand if you have to. Ask a person who was not in the project what they would do next. If they describe the aesthetic and cannot find the call, the path is too quiet. If they find the call and cannot say what you do, the offer is too soft.

Fix the failed pass before you restyle the page again. Teams lose weeks swapping typefaces while the button still says "Learn more."

When the first screen is the part that keeps failing the path test, read what the first ten seconds of a startup homepage have to do. That piece stays on the two questions every opening has to answer.

If you want a page judged on offer, proof, and the call, book an intro call with Hanabi. Bring the current site. The useful outcome is a clear next step, not a tour of preferences.

Frequently asked questions

What makes a homepage book intro calls?

Three things: an offer a buyer can repeat, proof they can check, and one action that starts a conversation. A beautiful layout can support that path. It cannot stand in for a missing offer or a button that says something vague.

What counts as proof for a young company?

A named kind of work, a public project, or a plain description of what the buyer will own at the end. Skip awards, revenue figures, and quotes you would have to invent. One true example is stronger than a row of logos you cannot explain.

How many actions should the first screen have?

One primary action, labeled as the conversation you want. Other paths can be quiet text links. A hero that offers a demo, a newsletter, and a job application at once asks the visitor to choose a strategy before they understand the offer.

Sources and further reading

  1. How Long Do Users Stay on Web Pages?, Nielsen Norman Group

Written by

Hanabi

Hanabi is a product design and web development studio. The studio writes about clear websites, brand systems, and product interfaces for founders.

Keep reading

All articles
Skyscrapers photographed from street level against a pale sky, a scale a small site should not try to imitate when it says who it is for.
Websites

Niche positioning on a small site

A small site should name its buyer and its offer on the first screen. A specific position is easier to prove than a claim that you do everything.

By Hanabi