Academy › Build › Create your website
The order that gets people to the price and the button
You'll leave knowing what order your website sections should go in, so visitors reach the price and the button before they leave.
By Yodai · Published September 6, 2026 · Updated October 12, 2026
The neighborhood and the price are usually written somewhere on your site; what decides whether anyone actually sees them is the order the sections appear in. Say you're booking a haircut. The first thing you see is a huge line about passion for the craft, and below it a photo of an empty salon. You scroll. You scroll more. The price doesn't show up until the third stretch of the page. The booking button is at the very bottom, tucked between the hours and the map. You close the tab and look for the next salon on the map.
That didn't happen because the site was ugly. It happened because the order was wrong.
What each part of your site should say is a separate topic. This lesson is about the order those parts appear in, so that whoever lands on your page reaches the price and the button before they leave.
What people need to know first goes first
You don't decide the order by what you feel like showing first. It's decided by what a visitor needs to know to make a call: stay or leave, reach out or keep looking at other sites.
Whoever lands on your page doesn't know anything about you yet. In the first few seconds they decide whether this is what they were looking for. A Microsoft Research study that used a browser plug-in to track visits to more than 205,000 pages, and that Nielsen Norman Group analyzed in 2011, puts it in numbers: the first 10 seconds of a visit are critical for deciding whether someone stays or goes. To decide, they need three things, in this order: what you offer, how much it costs, and how to order it. Your story, photos of your shop, a review, those back up the decision afterward. They don't make it for you. The guidelines Nielsen Norman Group published in 2002 for the homepage put it this way: learning about the company is rarely the first thing a visitor is looking for.
This holds for almost any business with a website: a hair salon, a physical therapist, a bike shop, a language school. The visitor shows up with a specific question, and leaves if the answer takes too long to find. And the answer has to be up top: in the Nielsen Norman Group eye-tracking study, published in 2018 with 120 people on computer screens, about 57% of the time spent on a page went to what's visible without scrolling, and 74% to the first two screens. That's why they recommend saving the top of the page for what matters most and putting the main buttons right there.
The order that works for most businesses
- 1What you do, and the button
Right at the top goes a line that says what you offer, not who you are, next to the button that takes people to book, order, or message you. If someone saw only this and nothing else, they'd already know whether to keep looking. - 2How much it costs
Right below, the price or the most common case: "Haircut and beard trim, $20." Hiding it because "it depends" doesn't avoid the question, it just pushes it into a message that was never going to end in a sale. - 3Proof that it's real
Photos of your place, of finished work, a short review. This is where someone who's already fine with the price confirms you're not selling them empty promises. - 4The question you always get
The one people always ask you over the phone, answered before they even ask: hours, whether an appointment is needed, whether you take cards. - 5Where you are and how to get there
Address, map, phone number. At the end, not the beginning: people decide first, then figure out how to get there.
When the price doesn't go first
There's one case where this order flips: when what you sell is expensive and infrequent. A kitchen remodel, a wedding, a full household move. There, nobody decides on price alone: the price varies so much from case to case that a fixed number up top won't hold up later. They decide based on trust.
In that case, proof comes before the price: photos of past work and how you do it, the materials you use, how long it usually takes. The price comes later, once they've seen you know what you're doing. But it still comes. In a Nielsen Norman Group study on trust in websites, done in 2016 with users in Singapore, sites that left out basic information got ruled out almost instantly: one participant dropped a cleaning service after 35 seconds because it didn't give a rate and asked her to write in to find out. And when giving an exact figure would require a long form, the same study found a price range acceptable, as long as taxes, fees, and minimums were visible. The authors conclude that the basic criteria for trusting a website are the same regardless of place or culture.
Within this same group there's a nuance. A small move, out of a studio apartment, is more like the first case: the customer already knows what they need and wants a quick number to compare against two other companies before deciding. A move from a four-bedroom house with a storage unit involved doesn't work the same way: every house changes the estimate, so the exact number comes after a conversation, and a range on the site is enough so nobody has to write in just to see if it fits. The size of the job shifts the order, not just the industry you're in.
Lead with your story or lead with the price
- This works when you are the business: a photographer, a lawyer, a nutritionist.
- It works if your story explains something that changes the decision: why you charge more, why you take longer.
- The risk is dragging it out so long that the price and the button end up below the fold.
- This works for most businesses: hair salons, restaurants, classes, rentals, repairs.
- Anyone looking for this already knows what they want; all that's left is how much it costs and how to get it.
- They usually arrive from a search engine or a direct link, with no time to read a bio before deciding.
- It works just as well if, further down, at a calmer pace, you tell people who you are.
Which one do I pick: If your business offers a service anyone with the right skills could provide, price and button go up top. If what you're selling is you, your judgment, your style, your specific way of doing things, your story goes before the price, but never before the button.
The mistake that costs you customers: starting with "About us"
With this, your page order is settled: at the top, what you do and the button; then the price; then proof that it's real; then the question you always get; and at the end, how to get there. Only change that order if your business is expensive and infrequent, or if it sells based on who you are.
The next lesson is about the button: having it follow you down the whole page, not just show up at the end.
- Your page order: what you do and the button, the price, proof that it's real, the question you always get, how to get there
- Decided whether your business needs the price up top or trust first
- Moved "About us" out of the top of the page
Test yourself
Answer before opening each one. If one gives you trouble, go back to the section that explains it.
1. A physical therapist charges $35 a session and works by appointment only. What goes at the top of her site, the price or her track record?
The price and the button to book an appointment. It's a service with a fixed, recurring price; people looking for physical therapy already know what they need and decide based on the cost and whether there's an opening this week, not the provider's bio.
2. A full-remodel contractor handles between five and eight jobs a year, each one different. Should they put a ballpark price at the top of the site?
Not at the top. Every remodel is worth something different depending on square footage and materials, so a fixed number up top won't hold up later. Proof comes first: photos of finished jobs and the materials they use. After that, a rough range, so nobody has to write in just to see if it fits. The final price comes after a visit.
3. An estate lawyer has a paragraph at the very top about twenty years of experience and the firm's awards, with the phone number further down. What should change?
The text isn't excessive if it explains why it's worth paying more for them (complex cases solved, specific expertise), so it can stay up top. What needs fixing is the phone number or contact button: it has to be visible right away, right next to that story, not just at the bottom of the page.
Sources
- How Long Do Users Stay on Web Pages?. Jakob Nielsen, Nielsen Norman Group, 2011.
- Scrolling and Attention. Therese Fessenden, Nielsen Norman Group, 2018.
- Top 10 Guidelines for Homepage Usability. Jakob Nielsen, Nielsen Norman Group, 2002.
- Trustworthiness in Web Design: 4 Credibility Factors. Aurora Harley, Nielsen Norman Group, 2016.
Yodai builds the site from what you tell it, with a store, bookings or quote requests depending on what you do. See what the website for your business looks like.
NextThe button follows you everywhere, not just at the end