Get updates on new articles, webinars and other opportunities:

How To Grab Attention With Your Website Home Page Introduction

by Stephanie Hamilton

The window to grab a visitors attention on your website gets a little smaller each day.

If you don’t grab them by the throat with your home page introduction, chances are they are lost to cyberspace.  Courtesy of the back button.

This “back button” decision is made in milliseconds. But your home page introduction can keep that itchy trigger finger in it’s holster long enough to get them interested.

The introduction is the first thing your visitors will see.  Hence the name, introduction.

It’s a short “elevator pitch” letting the visitor know they found what they’re looking for. In this article we will analyze eleven ways to design a sticky home page by creating a superb home page introduction.

Half Of Us allows its visitors to help support cancer research by buying prints.

Half Of Us Website Design

1 – Be Concise

Shoot for one to three sentences as a rule of thumb.  Notice how quickly you understand what does.

Visitors immediately understand what the site’s overarching goal. In this case direct text works the best.

2 – Provoke action

The introductory text should serve as a call to action, in the case of Half Of Us eliciting visitors to purchase an art print to support cancer research.

3 – Place prominently

Instantly visitors see the introductory text as it’s placed on the left of the page. Top-left is ideal as studies show attention is often paid moreso to this area. The text also contains ample spacing around it to make it more distinct. creates websites and interactive software that allows people to share information.

Palantir Home Page Web Design

4 – Stay above the fold

The introductory text is immediately seen through its position on the left-hand side of the screen without the need for scrolling “below the fold” on even the smallest screens. This supports the notion that visitors look towards the top left of the page when searching for important information.

5 – Use short, punchy headings

The first sentence “Exploring online space” is short with a larger font size.  The headline grabs the site visitor right away.

Clock allows you to track your time easily.

Get Clock Website Design

6 – Immediately communicate value

Clock ties in its value to the customer in its introductory text by promising easy time tracking. Right away the visitor understands the benefit.

7 – Place call-to-action nearby

A call to action is placed close to the introductory text, encouraging visitors to sign up. Encourage visitors to take the next action by placing the call to action close to the text. Doing so prevents the visitor from missing the conversion behavior and ultimately hitting the back button.

Sellfy allows you to sell digital products on your website.

Sellfy Website Design

8 – Surround with graphics

The sunburst directs our gaze directly towards the headline, garnering more attention.

The Bright Future of Car sharing illustrates the importance of car sharing as a method of personal convenience as well as social improvement.

The Bright Future Of Car Sharing Website Design

9 – Mix up your fonts

The type size and font type of the heading on The Bright Future of Car Sharing manages to capture your attention due to its relative scale and interesting design.

10 – Use plenty of white space

Spacing is used to enhance the importance and distinctiveness of the type and draw the eye.

Wonder Themes helps you buy and sell out of the box website themes.

Wonder Themes Website Design

11 – Show some personality

Wonder Themes used the introductory text to show off their personality in getting visitors interested in their services. It’s short and simple yet written to embody the personality of the site. As the headline is usually the first thing visitors see when landing on your page, this text can go far in drawing visitors in and getting them interested.

Crafting powerful introductory text can be the difference between visitors sticking around or bouncing via the back button.

How do you optimize your website home page introduction?  What are your opinions of the examples given above?  We would love to hear your thoughts.



Get updates on new articles, webinars and other opportunities:

Stephanie Hamilton

Stephanie Hamilton runs a small branding and web design studio where she helps clients market their company online. Visit By Stephanie and let's collaborate to tell your brand's story. Visit the blog for more helpful design and business resources.


Comment Policy

Please join the conversation! We like long and thoughtful communication.
Abrupt comments and gibberish will not be approved. Please, only use your real name, not your business name or keywords. We rarely allow links in your comment.
Finally, please use your favorite personal social media profile for the website field.


Your email address will not be published.

  1. Rahmat Khan says:
    May 8, 2015 at 5:01 am

    Nice information in a short way. Thanx to share us…

    • Kathryn Aragon says:
      May 8, 2015 at 9:52 am

      You’re welcome, Rahmat.

  2. Iraida says:
    April 6, 2015 at 3:35 am

    Very helpful information, thanks for sharing

    • Kathryn Aragon says:
      April 6, 2015 at 10:07 am

      Glad you found it helpful, Iraida.

  3. Kak Varley says:
    February 19, 2015 at 6:46 pm

    How about the use of virtual assistants (avatars) to make the introduction?

    • Kathryn Aragon says:
      February 20, 2015 at 9:06 am

      Nice suggestion, Kak. I like it.

  4. Anne DiBattista says:
    December 3, 2011 at 10:29 am

    I really liked the article, but I am trying to figure out how to apply the recommendations to a non profit org “Main Street” that does not sell anything but its ideas (helping visitors and businesses in a geographical location) and free community events.

    I will keep trying to apply new ideas to our web and thank you for helping all of us with information.

    • Russ Henneberry says:
      December 15, 2011 at 10:03 am

      Anne, thanks for your comment. I think the most important of Stephanie’s recommendations is to “Provoke Action” and “Be Concise.” If you keep those two things in mind you will be ahead of most.

  5. Avin says:
    November 30, 2011 at 11:29 am


    ‘busy’… Lol.. that’s a bit of an understatement 🙂

  6. John Congdon says:
    November 30, 2011 at 10:16 am

    Great article. I have been trying to get our upper management at to realize that we can use more whitespace.

    They want to communicate everything they can at once, which isn’t possible. I do understand their concern, how do you get people to know that XYZ is available. Or that we are better than the competition because we do ABC better than they do.

    Our site is very busy, and we know it. But can seem to figure out how to avoid it. I will share this article with them, and maybe that will help give some guidance.

    • Stephanie Hamilton says:
      November 30, 2011 at 11:28 am

      Thanks for reading, John! Let me know if you need design assistance with your site!

      • sunil says:
        April 1, 2012 at 12:12 am


        I would like your help. Can you contact me.

    • Russ Henneberry says:
      November 30, 2011 at 1:37 pm

      @John — It’s tough to argue with the boss eh? You are right, it’s a good idea to point decision makers to resources like these. It proves that you aren’t the only one saying what you are saying.

      Good luck John!

Show Me My Heatmap

To capture data, @blueearth recommends website heatmaps #CrushinItMN