How To Grab Attention With Your Website Home Page Introduction

by 9 11/30/2011

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 HalfOfUs.com 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.

Palantir.net 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.

About 

Stephanie Hamilton is the Owner/Creative Director of Atticus Pet Design Studio and a freelance Web/UI Designer. Holding a BFA in Graphic Design, she has several years experience helping businesses reach their full potential through strategic branding and good design. Follow her on facebook and twitter.

Get our Daily Newsletter

Get conversion optimization, design and copywriting articles delivered to your inbox FREE

9 COMMENTS

John Congdon

Great article. I have been trying to get our upper management at bowlingball.com 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.

November 30, 2011 Reply

    Stephanie Hamilton

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

    November 30, 2011 Reply

      sunil

      Stephanie,

      I would like your help. Can you contact me.

      April 1, 2012 Reply

    Russ Henneberry

    @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!

    November 30, 2011 Reply

Avin

@John

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

November 30, 2011 Reply

Anne DiBattista

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.

December 3, 2011 Reply

    Russ Henneberry

    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.

    December 15, 2011 Reply


Leave comment

Some HTML allowed

Get conversion optimization & A/B testing articles FREE >>>