Homepage design that turns visitors into inquiries

Homepage design is planning the first page most visitors see: which sections it holds, in what order, with which words and which button. Good homepage design turns a curious visitor into an inquiry, a booking or an order.

Home page design, written as one word or two, is the front door of your business online. People arrive from Google, your Google Business Profile, a social post or a printed card. Within seconds they decide to read on or press back.

This guide gives you the section order that works for most businesses, what to put on a homepage per trade, how to keep it fast on a phone, the most common mistakes and how to measure the result.

You can apply each step to your current site this week. The checklist at the end turns the guide into a to-do list you can tick off.

Every website design homepage has the same task, whatever the trade. A new visitor arrives with questions and leaves the moment they feel lost. Your page wins when it answers four of those questions in order.

1. What do you do?A plain statement of your service, such as emergency plumbing or wedding photography. Clever slogans come second.
2. Is this for me?Name the customer and the area you serve, for example homeowners in Austin or small business owners in Ohio.
3. Can I trust you?Reviews, a rating, photos of real work and the people behind the business answer this one.
4. What do I do next?One clear button with a specific action, such as Book a table or Request a quote.

Everything else on the page supports these four answers. Your full service list, your history and your pricing details belong on inner pages, linked from the homepage. The homepage opens the conversation and passes the visitor on to the right page.

A homepage layout is the order of the sections from top to bottom. The order matters because visitors read a page as a story: first the promise, then the proof, then the details, then the decision.

Research by Nielsen Norman Group on scrolling and attention found that people spend 57 percent of their viewing time above the fold, the part visible before scrolling, and 74 percent within the first two screens. Your strongest material belongs at the top.

1. 1. First screenWhat you do, for whom, and one main button.
2. 2. ReviewsProof directly after the promise, while the visitor is still deciding.
3. 3. Your offerThree to six services or products, each with a short line and a link.
4. 4. Who is behind itA real photo and a few lines about the owner or the team.
5. 5. Closing screenA short summary of the promise and the same main button again.

The sections below explain each step, with an example of what works and why.

The first screen, often called the hero, is what a visitor sees before scrolling. On a phone that is a small space, so every word has to earn its place. Four elements belong here.

Write the hero last, after you know your offer and your proof. It is the hardest part to write, because it has to say the most in the fewest words.

1. A headline that states your serviceWrite the plain thing, such as Roof repair in Denver with a written quote within 48 hours. The visitor knows at once that they are in the right place.
2. A supporting line for the customerOne sentence about who you serve and the result they get, such as family homes and small offices across the metro area.
3. One main buttonUse a verb and an outcome: Book a table, Request a quote, Schedule a consultation. Give it your accent color so it stands out.
4. A real imageA photo of your work, your space or your team. Stock photos of smiling strangers tell the visitor very little about you.

A second, quieter link is fine, for example Call us for visitors on a phone. Keep it visually smaller than the main button so the choice stays clear.

Right after the first screen, the visitor wonders whether your promise is true. Reviews answer that question in the words of other customers, which carries more weight than anything you write about yourself.

Show your Google rating with the number of reviews, followed by three short quotes. Pick quotes that name a concrete result, such as the leak was fixed the same afternoon. Add the first name and the town or service for each one.

1. Use real reviews onlyCopy them from Google or another public platform and link to the source. The FTC rule on consumer reviews, in force since October 2024, bans fake and bought reviews in the United States.
2. Match reviews to servicesIf you offer three services, a review for each one reassures every type of visitor.
3. Add other proof where it is trueCertifications, trade memberships or years in business work as proof too. Use only what you can show.

The offer section shows what a visitor can buy from you. Keep it to three to six blocks. More choices on one screen make the decision harder, and the details live on your service pages anyway.

Each block needs a short title, one or two lines about the result for the customer and a link to the full page. Write the title in the words your customers use. People search for gutter cleaning, balayage or a will in plain words.

An icon or small photo per block helps scanning. Keep the blocks equal in size so the page looks calm and the visitor compares them at a glance.

1. Lead with the most requested servicePut the service that brings in most of your work first. Visitors read the first block most closely.
2. Show a starting price where your trade allows itA from price or a price range filters out poor fits and builds trust. Trades with custom quotes can list what affects the price.
3. Link every blockEach block opens the matching service page, where the visitor finds the full explanation and the same main button.

People buy from people, especially for local services. A plumber enters their home, a lawyer handles their divorce, a stylist works on their hair. They want to see a face before they make contact.

Add a real photo of the owner or the team at work, with three to five sentences: who you are, how long you have done this work, and what you care about in every job. Link to an about page for the longer story.

1. Show the real peopleA phone photo of you in your workshop or salon beats a polished stock image. Visitors recognize you when you arrive or answer the phone.
2. Name your area and credentialsA license number, a trade association or the neighborhood where you started gives the story something concrete to hold on to.
3. Keep it short hereTwo short paragraphs on the homepage do the job. The about page can hold the full history.

A visitor who scrolls all the way down is interested. Reward that with a closing screen that sums up your promise in one line and repeats the same main button from the first screen.

Add what happens after the click. For example: Request a quote, we call you back within one working day and the visit is free. Clear next steps lower the effort of making contact.

1. One headingA short summary of the promise, such as Your kitchen, designed and installed in six weeks.
2. The same buttonSame words and same color as the top. Consistency tells the visitor this is the main action.
3. Contact detailsPhone number, email, address or service area and opening hours, so every visitor has a way in.

Below the closing screen comes the footer, with links to your main pages, your legal pages and your social profiles.

A homepage works best when it is short and focused: five to seven sections, readable in one or two minutes. Its role is to guide, and the depth belongs on the inner pages.

The Nielsen Norman Group research shows attention dropping sharply below the second screen. Each extra section competes with the ones above it. Ask of every block: does this help the visitor decide or move on to the right page?

This split helps search engines too. Each inner page can target its own search term, while the homepage targets your business name and your main service.

The section order stays the same across trades. What changes is the main button, the image and the proof that matters most to your customers. The table shows what to put on a homepage for five common business types.

Start from the question your customer asks first. A diner wants to know if there is a table tonight. A homeowner wants to know if you serve their town. Answer that question in the first screen.

The next section works through each trade in more detail.

These homepage examples describe a strong setup per trade. Use them as a starting point and adjust the words to your own customers and your own area.

1. RestaurantPut the menu link, the opening hours and the reservation button in the first screen. Guests often decide on a phone, so a menu as a web page loads faster and reads better than a PDF.
2. ContractorShow one large photo of a finished project and name the towns you serve. Add a short quote form with four fields: name, phone, ZIP code and the job.
3. Law firmName the practice areas plainly, such as personal injury or estate planning. ABA Model Rule 7.1 and your state bar rules forbid misleading claims, so keep results and promises factual.
4. SalonPlace the booking button in the first screen and again under every service. Show prices per service and a gallery of your own work.
5. WebshopLead with your bestsellers and main categories. State shipping costs and the return period near the top: Baymard Institute research names unexpected extra costs as a leading reason for abandoned carts.

Mobile first means you design the phone version before the desktop version. Google's Search Central documentation states that Google uses the mobile version of a page for indexing and ranking, so the phone version is the one that counts.

Many visitors arrive on a phone with one hand free. Your website homepage design should work with one thumb, from the first screen to the closing button.

Test on a real phone, in daylight, on a mobile connection. A desktop browser set to a small window shows the layout, and the real phone shows how it feels.

1. Large tap targetsApple's Human Interface Guidelines recommend tap areas of at least 44 by 44 points. Give buttons room so a thumb hits the right one.
2. A click-to-call linkFor service businesses, a phone link in the header lets visitors call with one tap.
3. Short formsAsk for the minimum: name, contact details and the question. Every extra field is a reason to stop.
4. Readable textUse body text of at least 16 pixels and strong contrast, so the page reads well in daylight.

A slow homepage loses visitors before they read a word. Google measures page experience with Core Web Vitals, three scores you can check for free in PageSpeed Insights. The targets below come from Google's web.dev documentation.

The hero image is usually the largest element, so it decides your LCP. Save it in a modern format such as WebP or AVIF, size it for the screen and load it first.

Limit the extras on the homepage: sliders, autoplay video, chat widgets and tracking scripts all add weight. Keep the ones that earn their place and test again after each change.

Check the mobile score, since that is the version Google uses. Fix the largest problem first and run the test again.

Good layout brings the visitor to the right spot. Words and buttons do the convincing. These homepage design best practices apply to every trade.

1. Write for the customerCount how often you write we and how often you write you. Shift the balance to the customer and their result.
2. Use specific numbersReply within one working day, licensed since 2012, 200 kitchens installed. Numbers are easier to believe than adjectives, as long as they are true.
3. Keep one accent color for actionsWhen only buttons use the accent color, the eye finds them at once.
4. Use headings that say somethingA heading such as Repairs done in one visit beats Our services. Visitors who only scan the headings should still get the message.
5. Make contact easy to findPhone number in the header, the main button in the first and last screen, and contact details in the footer.

Read your homepage out loud. Every sentence that sounds like a brochure gets a plainer version.

Most homepages that struggle share a handful of problems. Each one has a simple fix you can make this week, often with the content you already have.

1. A vague headlineWelcome to our website tells the visitor nothing. Fix: state your service, your customer and your area.
2. Five equal buttonsToo many choices stall the visitor. Fix: one main button and one quiet alternative.
3. A slider in the heroRotating slides hide most of your messages and slow the page down. Fix: one strong image with one message.
4. Reviews at the bottomProof works where doubt arises. Fix: move reviews directly below the first screen.
5. Everything on one pageA long homepage with every detail buries the key message. Fix: short blocks with links to inner pages.
6. A desktop-only checkThe site looks great on a large monitor and breaks on a phone. Fix: review every change on a real phone first.

Fix the first screen first. Every visitor sees it, so a better headline or button there reaches all of your traffic.

A homepage is a tool, so measure whether it does its job. Three numbers tell you most of what you need: clicks on the main button, completed bookings or inquiries, and scroll depth.

1. Clicks on the main buttonSet up an event in Google Analytics 4 for each click on the main button. Divide the clicks by homepage visitors to get your click rate.
2. Bookings and inquiriesMark the form submission or completed booking as a key event in Google Analytics 4. This is the number that pays the bills.
3. Scroll depthGA4 enhanced measurement records a scroll event when a visitor reaches 90 percent of the page. Microsoft Clarity, a free tool, shows a scroll map per section.
4. Search performanceGoogle Search Console shows how often your homepage appears in search results and how often people click.

Change one thing at a time, such as the headline or the button text, and compare four weeks before and after. One change per test tells you exactly what made the difference.

Delta Six is a web design agency from Maasdam in the Netherlands, founded in 2025 by Lennox de Wolff and Valentino Paula. We build your complete custom website first, homepage included, and show it to you in a 15-minute online showcase.

You pay nothing upfront and you only pay when you're happy. Choose us and your website is live within two weeks.

We design your homepage around the order in this guide: a clear first screen, reviews, your offer, the people behind the business and a closing screen with the main button. It runs on our own platform with hand-written code.

1. Included as standardPremium 3D design in your own brand, online booking, an AI chatbot and a lead magnet such as a check, quiz or calculator for your trade.
2. After launchFollow-up by email and WhatsApp, review follow-up, monthly SEO and optimization for AI search in ChatGPT, Gemini and AI Overviews.
3. Money-back guaranteeTwo months after launch you choose again. Stop after two improvement rounds and you get your money back.

• Rewrite the homepage headline so it states what you do, for whom and where.
• Reduce the first screen to one main button with a verb and an outcome.
• Replace stock photos in the hero with a photo of your own work, space or team.
• Place your Google rating and three real reviews directly below the first screen.
• Limit the offer section to three to six blocks, each linked to its service page.
• Add a real photo and three to five sentences about the people behind the business.
• Build a closing screen that repeats the main button and says what happens after the click.
• Count your homepage sections and move everything beyond seven to inner pages.
• Complete a booking or quote request on your phone with one thumb.
• Run PageSpeed Insights on the mobile version and check LCP, INP and CLS.
• Save the hero image as WebP or AVIF and size it for the screen.
• Set up the main button click and the form submission as key events in Google Analytics 4.
• Check scroll depth per section with Microsoft Clarity or the GA4 scroll event.