Express.png

If you are unfamiliar with the term, above the fold in web design references the upper half of a web page. Any content placed above the fold is the first thing a visitor sees when they visit a site page.

This area of the web page will often determine if a consumer will continue to look through your site, so it’s important to take full advantage of the space in a simple and creative way.  The content chosen must be displayed in a matter that excites, captivates, and engages, since it will be the first contact a visitor has with your site.

This is the place to communicate a main point, call to action, big sales and discounts, thriller announcements, crucial links (etc.) Take a look at the Express.com example above:

  • The sale announcement is loud, clear, and visually enticing
  • Easily accessible information about shipping included at the top right
  • Mini description: more communicated in less words
  • Buttons that lead to the next step of the call to action

While the information displayed above the fold will often differ depending on the page of the site, Slideshare displays 8 elements to remember when creating above the fold content:

Screen Shot 2016-03-27 at 1.37.17 AM.png

The content you place at the top of your website will have significant effects on your bounce rate. Make sure you invest time selecting and updating the content you think is most important for site-landers to see on a page before everything else.

See where you can dabble in different visual elements like videography, cinematography and typography. Don’t be afraid to get creative and unconventional.

 

 

 

 

Advertisements

What Should Happen Above The Fold

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s