When the promise comes before the explanation
Many websites open with an abstract promise and leave what the company does for later. A study with a fictional product shows what changes when the headline and the button start to inform.
I started paying closer attention to the websites I visit and found a recurring pattern: the promise appears before the explanation. Phrases like “transform your routine”, “go beyond” or “create new possibilities” take up the most visible space on the page, and I often have to keep scrolling to understand what the company actually offers.
These phrases are not wrong in themselves. The problem is the order. A promise only works when the person already knows what it refers to.
Why the first screen carries so much weight
Nielsen Norman Group, a reference in usability research, summarized this behavior a long time ago. Drawing on a Microsoft Research study of dwell time on more than 200,000 pages, Jakob Nielsen observed that users usually decide within 10 to 20 seconds whether to stay or leave, and that pages able to communicate their value proposition within that window manage to hold attention for much longer (NN/g, How long do users stay on web pages?).
The article is from 2011, and browsing habits have changed since then. The logic, however, is still useful as a review question: at what point does the person get enough information to decide whether it is worth continuing?
The study: Compasso
I took this question to a study in my portfolio, Compasso, a fictional online scheduling product.
Illustrative. The company, the product and the brief were created for the study. This is not a real client.
In the first version, the page opened with “More time. More possibilities.” In the second, it said “Online scheduling for self-employed professionals.” The main button also changed, from “Learn more” to “Explore the sample calendar”.
| element | version 1 | version 2 |
|---|---|---|
| headline | More time. More possibilities. | Online scheduling for self-employed professionals |
| button | Learn more | Explore the sample calendar |
| what the person learns | a generic benefit | the type of product, the audience and where the click leads |
The revision made explicit three pieces of information that previously depended on inference: what the product is, who it was designed for and what happens after the click. The full study, with both clickable versions, is at Compasso (in Portuguese).
The button is content too
The “Learn more” label is one of the most studied examples of an uninformative link. In an article on the subject, NN/g points out three problems: people don’t know what they will find after clicking, they can’t tell apart several identical links on the same page, and screen reader users hear a sequence of identical labels without the surrounding visual context (NN/g, “Learn more” links: you can do better). The main recommendation is to use words that describe the destination.
“Explore the sample calendar” follows this guidance. The label is longer, but it anticipates exactly what the person will see, which reduces uncertainty and improves the experience for people who navigate by keyboard or screen reader.
What I don’t know yet
I haven’t yet run a user test to find out how each version is understood. What I can show, for now, are the decisions and the differences between the pages, not a measured gain in conversion or comprehension. I note this limitation because it changes what the study can claim: it demonstrates a review criterion, not a result.
A simple test would resolve part of this question. Showing each version for a few seconds to people unfamiliar with the project and asking what the company does would already indicate whether the second opening communicates what it intends.
A question for reviewing any page
When I review a page today, I start with the first screen and try to answer three questions without scrolling: what is this, who is it for and what happens if I click. If any of them depends on the rest of the page, the promise probably came before the explanation. The catchy phrase can stay, as long as it comes after the information that makes it understandable.
References
Keep reading
Read next
How to signal the nature of each project in a portfolio
Professional experience, demo projects, personal projects and experiments call for different presentations. What I learned while organizing my portfolio and how I plan to test whether the distinction works.
When production gets easy, editorial decisions matter more
With AI, a content idea can be fully written before anyone decides whether it deserves to exist. Criteria for telling search intent apart from keyword variation, and a reminder that every publication requires maintenance.
High impressions, low clicks: where your next content idea may be hiding
A simple Search Console filter to find queries that already bring visibility but do not yet turn that visibility into clicks.