Home » Web Design » Above the Fold Website Design Dimensions and Tips

Above the Fold Website Design Dimensions and Tips

Above the Fold Website Design Dimensions and Tips

Above the Fold Website Design

Creating a successful website design is key to driving your visitors to convert and make a purchase. Here are some simple ways to make your site more user-friendly and profitable by using your space above the fold wisely.


The area above the fold is the visible part of a page that does not require scrolling down. The idea of this terminology came from newspapers, which are folded and anything placed on the front upper page was considered to be “above the fold”. This region is what your audience will see first and spend most of their time on so it is important to design your website strategically to take advantage of this webpage real estate.

Screen Resolution Use over the Years

• Higher – 38%
• 1024 x 768 – 48%
• 800 x 600 – 8%
• Unknown – 6%

• Higher – 57%
• 1024 x 768 – 36%
• 800 x 600 – 4%
• Unknown – 3%

• Higher – 76%
• 1024 x 768 – 20%
• 800 x 600 – 1%
• Unknown – 3%

• Higher – 85 %
• 1024 x 768 – 14%
• 800 x 600 – 0%
• Unknown – 1%

• Higher – 85%
• 1024 x 768 – 13%
• 800 x 600 – 1%
• Unknown – 1%

6 Design Tips for a Successful Website

1. Avoid cramming items at the top of your page. Prioritize what must be placed there and spread your content out.
2. Clearly describe the purpose of your website and place a visible heading at the top of the page.
3. Design the navigation of your site to be simple and easy to understand in order to prevent user frustration.
4. Include engaging and relevant content that should lead them in the direction you want them to follow in order to make sales and/or conversions.
5. Place interesting and useful information below the fold to encourage the user to scroll down and find out more about your industry and what you have to offer. In addition, make sure to clearly display your contact information as well.
6. Experiment with what works best for your website. Find out what factors bring in more revenue and sales and test across different browsers and devices to make sure your site is accessible.

Most Used Browsers in 2012
• Chrome – 39.9%
• Firefox – 35.2
• Internet Explorer- 16.1%
• Safari – 4.3%
• Opera – 2.2%

Selecting what will be placed above the fold of your landing page is not an easy task and requires a lot of thought and planning beforehand. Make it easier on yourself by taking advantage of the tips above that have been proven to work. Along with the advice, however, you must choose what you know will work for your audience and grab their attention.

About The Author
Although millions of people visit Brandon's blog each month, his path to success was not easy. Go here to read his incredible story, "From Disabled and $500k in Debt to a Pro Blogger with 5 Million Monthly Visitors." If you want to send Brandon a quick message, then visit his contact page here.