Here at Pumpkin Web Design Manchester, we are Manchester’s leading web design experts. We provide, high quality, effective, web design solutions for local companies and businesses across Manchester, and the surrounding area, including Wigan and Southport. As a result, we have produced this guide to everything you should know about using text only above the fold.
Designing above the fold content
The above the fold part of your landing page, is the content that will be shown before your website users scroll down the page. As a result, this content needs to be attention grabbing, in line with your company branding, and it also needs to pique the interest of your website users. This content can be designed in a multitude of ways. The most common options include:
- Using above the fold video content- moving visuals above the fold can be a great way to grab attention, although it can make it more difficult to read any text, or see any navigational features.
- Using “hero” imagery- “hero” images are images positioned to take up the entire above the fold content space. This is usually designed to grab attention immediately, and make a bold statement.
- Using sliding website images for a slideshow effect- this allows you to show more than one “hero” image on the same page, but the movement between slides should be well planned and preferably user controlled.
- Using text or typography- this involves positioning only text above the fold, using typography as the design feature.
What are the considerations for using text only above the fold?
If you plan to use only text in the above the fold space, what should you consider? Well, there are several things to bear in mind, including:
- The size of the text- this will be dependent on a number of factors. Firstly, you will need to consider how much text you want to use here, and the message you want to deliver. For just a page title or heading, the text should be quite large, to really use the space effectively. However, using techniques such as stacked text, means that you can add more text content to the above the fold space, without losing out on design or style.
- The typography style- from looping, calligraphy style fonts, to bold, over-sized text, there are a number of different typography styles that can be used very effectively for text only above the fold content. Your choice of typography should be determined by your company branding, and the style of your website.
- Responsive design- one of the key things to consider when using only text above this space is responsive design. It is essential that the text is designed to be responsive, and to change size and positioning depending on the screen size and orientation of the device used to access the website.
For more information or advice about the right typography for your website, or any other professional web design and marketing information get in touch with the experts today, here at Pumpkin Web Design Manchester.