The most Important space

The fold is a term used by web designers and Internet marketers to describe a web browser view. The above-the-fold is the section of a web page that is visible without scrolling. It's the content above the border when a page first loads. 

This is a bit in the weeds but in case you're wondering what is the page fold? It's the imaginary line between the part of the page you can see without scrolling and the part of the page you can see when you scroll down. Traditionally, the fold is considered to be on 570 or so pixels from the top edge of the page.

The above-the-fold is critical to hook visitors from the minute they land on your site. Grab their attention, and they'll stay and visit for a while. To help you get your visitors scrolling down, here is a great example of above the fold content you can use for inspiration.

packed with purpose website above the fold example

We have selected Packed with Purpose, a Chicago-based speciality gifting company with a social mission. Since their launch in 2016, they have been committed to creating meaningful impact through high-quality gifts. They handpick a variety of products for their gift boxes from Purposeful Purveyors who transform individuals and communities around us.

This is the view of Packed with Purpose website upon loading. The branded colors get my attention first. The first CTA is addressing a potential need. Just in case you have a gift in mind but don't know the recipients address...they have a "platform makes that process seamless. Contact our Gift Concierge." 

The second notice updates you about their fulfillment center hours. Again, anticipating the customer's need for delivery info for various shipping carriers. 

The center area has the most important content. They are clear about what they do and how you can get it now.

"High-quality personal and business gifts that create an impact with clear CTA - Shop Curated Gifts"

The final line above the fold, "Unique Gift-Giving Made Easy" tells you what's to come below the line.

Next steps: Take a look at your website on the desktop, tablet and a cell phone to see what your above-the-fold content looks like. Try to see the content from your customer's perspective. Is it appealing? Is there an image or video that captures their attention? Does the content make your offer clear? Is there a call-to-action? Where are you directing your visitors to go or do next?


Andrea Callahan inspires passionate & purpose-driven brands to maximize their strengths to craft an image that represents their WHY, and then use that WHY to position themselves as Industry Influencers; who share experiences that attract their Ideal Buyers. Callahan is a speaker, seminar leader, and the author of, "It's Your Brand ~ Make Your Identity Clear." Callahan is also the principal brand manager @ACIagency, a high-end boutique, integrated-marketing agency, specializing in helping locally-owned brands share their WHY.

I Would Love to Hear From You...

    6,011 replies to "What is Above-the-Fold? What Industry Influencers Need to Know"