Does the Fold Still Matter?
 
The last few years have seen some major changes in the way people consume information online. Most notably, mobile devices are now the most popular means of browsing the Internet, and that's a fact that web designers cannot afford to ignore: if your client's customers would rather shop on their smartphones than on desktop PCs, then you're making a huge mistake by designing primarily for full-size screens.
 
One big debate that's popped up as a result of the mobile revolution concerns the fold and whether it's still a useful concept for web designers to bear in mind. Today, we're going to take a closer look at this issue and find out if the fold still matters in a world where most people view the internet on mobile devices.

What is the fold?

When you first arrive on a webpage, the fold is the line that separates the stuff you see right away from the stuff you don't see until you scroll down. If content is 'above the fold', it's visible from the moment the page loads; content that's 'below the fold' is not visible until you scroll further down the page.

How do we know where the fold is?

Back when desktop PCs were the only option for people who wanted to surf the web, it was fairly easy to identify whether a given piece of content would be above or below the fold, because you could assume that your website would look more or less the same on every monitor. It's trickier nowadays because internet-capable devices come in all kinds of different shapes and sizes: content that's above the fold on a laptop may be way, way below the fold on a smartphone or tablet.
 
Unfortunately, it's not even as simple as a desktop/tablet/mobile trichotomy, because different phones and tablets often have vastly different screen sizes (for example, the fold is unlikely to be located in exactly the same place on both an iPhone and a Samsung Galaxy). Shrewd use of responsive web design techniques will ensure that your website looks good and functions well on every device, but this doesn't change the fact that parts of your homepage will be above the fold on some screens and below it on others.
 
But is this a problem? That's the question we're really here to answer today: should you be worried when a critical piece of content falls below the fold, or has the entire concept of the fold become outdated and irrelevant?

Here's why the fold isn't as important as it used to be

The argument against the fold having any bearing on modern web design hinges primarily on the idea that present-day web users are happy to scroll down in order to find what they're looking for. And when you think about this, it makes sense: smartphone screens are relatively small, and it's rare to see a webpage that fits the entirety of its content into that limited space. When you read a news article on your phone, for example, you often can't see anything beyond the headline until you scroll down a little.
 
As we mentioned earlier, the majority of Internet use now takes place on mobile devices, and as a result, there's really no reason to be afraid of forcing your users to scroll down any more. Unlike the PC owners of yore who didn't even have mouse wheels, mobile users generally don't mind scrolling to reach the meat of your webpage; in fact, their daily online experiences have arguably conditioned them to expect it. Whether you're scrolling through your Twitter feed, a Spotify playlist, or a list of products on an ecommerce website, it's plain to see that scrolling, not clicking, has become our primary method for interacting with the Internet. Heck, you've probably seen at least one website that consists of just one page and is navigated simply by scrolling through the entire thing.
 
(If you haven't come across a website like that before, www.tacklestore.net is a good example - note that clicking an option in the header menu simply causes your browser to auto-scroll straight down to the relevant portion of the page.)
 
So, given that your customers' thumbs will be poised to start scrolling as soon as your website loads, there's no need to worry about the fold at all, right? Even if your Enquire Now > button is buried all the way down at the very bottom of the page, all those hours spent flicking through Facebook posts have left people perfectly content to scroll more or less infinitely, yes?
 
Well...not necessarily.

Here's why 'above the fold' still matters

While the fold is no longer a Bermuda Triangle-esque vanishing point for user engagement, it's still important to think hard about what's at the very top of your webpage. It's true that most users in this day and age don't mind a spot of scrolling, but you have to give them a reason to scroll or they'll just go away and visit somebody else's site instead. And when Google spots that its users are consistently leaving your website almost as soon as they've arrived, your rankings will disappear faster than the last bacon-wrapped sausage on Christmas Day.
 
The key here is to think about your website from the perspective of a hypothetical user. Look at your page on a variety of different devices (desktop, mobile and tablet) and ask yourself these two questions:
  • Is this what the user will be expecting to see? If your website sells laptops, and you're primarily targeting people who want to buy laptops, then the topmost thing on your homepage should NOT be a blog post about how to use Google Docs. It may be a brilliant, insightful read, and it may even be of interest to some of your customers, but the main reason they're on your website is to shop for laptops. Your above-the-fold content should first and foremost aim to welcome users to the page and confirm that they're in the right place.

  • Are we giving the user a reason to take further action? Reassuring the user that, yes, your website is the one for them is half the battle. The next thing you have to do is encourage them to take action. That doesn't have to mean buying something or telephoning your sales team, at least not right away. But while it's no longer necessary to place your main call-to-action at the top of your page, you at least need to entice the user to go further with their investigation. The first thing users see on your site should be something that makes them want to read more, or click through to view some examples of your work, or follow you on Twitter because you're clearly the greatest wit of your generation. Be sure to bear this in mind when you're thinking about your above-the-fold content.

Examples

Here are a couple of websites that, in our opinion, have managed to get their above-the-fold content just right:
 
 
Access Training Academies
 
This company delivers accredited trade training courses across the UK.
  • Is this what the user will be expecting to see? Yes - the heading immediately confirms the company's name and gives a rough summary of what they do ("Electrician Courses, Plumbing Courses & More"). Whether the user was specifically looking for Access Training Academies or simply researching potential training providers, the above-the-fold content makes it clear from the off that this site has what they're after.

  • Does this give the user a reason to take further action? Again, yes - the 'Course Finder' tool makes it easy for budding tradespeople to find the area they're interested in and skip straight to the relevant course(s). The telephone icon that appears in the top-right corner of the page when it's viewed on a mobile device also makes it apparent that customers can contact the company directly if they require any assistance.
 
Floormaker.co.uk
 
This is an ecommerce website with a wide variety of flooring products on offer.
  • Is this what the user will be expecting to see? Almost certainly - there's confirmation that Floormaker is a "flooring supplier" directly under the company's logo, and references to the likes of laminate and solid wood flooring give customers further reassurance that this website is likely to feature the type of product they're after.

  • Does this give the user a reason to take further action? Yes. Visitors to the Floormaker website are presented with several options right off the bat: browse the laminate or solid wood ranges, use the search bar to find something specific, or use the live chat software to speak with someone who knows what they're talking about. Note also the icons underneath the search bar (free samples, free delivery, 5 star reviews, etc.), which offer the user some very good reasons to stick with Floormaker and investigate the company's website further.
If you'd like a business website that's designed by professionals with a firm grasp of all the latest web design techniques, please call Designer Websites on 01446 339050 or click here to request a quotation.

Bespoke website design

Here at Designer Websites, we offer a bespoke web design and development service that provides our clients with unique and highly functional websites. Our work is scalable and fine-tuned to each client's needs, and every website we create is designed to offer the best possible user experience.

Whether your aim is to generate a strong and memorable brand identity for your new company online, or to offer unique functionality to your customers, there are myriad benefits that come from investing in a bespoke website.

One question we're often asked by clients who are thinking of commissioning a bespoke website is...

"What makes a bespoke website better than a template-type site that's based on a pre-built system?"

On first impression, pre-built solutions can seem like a great idea for businesses who are just starting out online. Accessible and affordable, they are the 'quick fix' of the web design world - there are lots of shortcuts one can take to get a website up and running in a short time, allowing the user to build their design based on a set of ready-made foundations.

While the popularity of pre-built systems is undeniable, what we'd like to do in this article is highlight some of the drawbacks - drawbacks that arguably far outweigh the benefits.

Read on to learn why a bespoke web design will deliver a more sustainable, professional advantage to you and your business in the long term.

Exclusivity and Customisation

As mentioned above, a template on a pre-built system can seem like a perfectly adequate choice for your website at first, especially as you can often choose from thousands of available designs to make the finished site feel unique. The fact that it's pre-made also means that you can test your site to see how it will look for the user once you have uploaded all the content. There is very little design or development time required, and therefore the cost should be very low indeed. In fact, many of these DIY-type solutions allow you to build a site yourself (even if you would need to be relatively web-savvy to achieve this).

Sounds OK so far, right? So what are the drawbacks?

A Unique Design...?

Some of these pre-built website solutions offer thousands of different template designs, with new ones becoming available every day. But there are hundreds of millions of websites online, and over time, those templates become less unique as more people choose to use them.

Of course, many of the templates can be tweaked with different colours, images, and so on, making them more specific to your company and your requirements. But you can only go as far as the template will allow you.

With many pre-built systems, you can use a totally bespoke design on top of the platform, which will give you some uniqueness for a while (though, again, only within the constraints of the system's capabilities). The problem is, these systems are designed to be easy to replicate, and the code structure is always the same - so your design will not be unique for as long as you might like.

If you use a decent designer to create a template on top of a pre-built system, then you may well end up paying over the odds for what is fundamentally a template system - and all without gaining any of the benefits of a bespoke website. It's important to be caution here: these web designers may say they're selling you a 'bespoke website' (they may even believe it themselves), but in fact it's only a bespoke design within the rigid structure of a template system.

Moreover, we often see companies charging ridiculous fees for what is simply a design - work that's made relatively easy for the designer by the confinements of a pre-built system. This is not a bespoke website.

Responsive vs Emulated Responsive

A truly responsive web design starts with the user interface (UI) designer, who should spend time creating separate designs for each device type - i.e. mobiles, tablets and desktop PCs. The designer will carefully think about the user journey on a smartphone, for example, excluding sections and including the most relevant areas, making the point of the website more appropriate for that type of user in that situation. It may be a totally different layout to that seen on a desktop monitor. Along with this comes the usual menu style changes and resizing of images, etc.

An emulated responsive design, often employed by pre-built solutions or templates, is one where the system makes automated calculations based on the size of the screen and changes the style of the menu and resizes elements like images and fonts on the screen. So it's the same design/layout, but adapted to the screen size.

Emulated responsive is better than not having a responsive design at all, but this does not give the user the best experience, and does not sell your business or your products in the best way.

Bespoke, truly responsive websites are naturally far better than emulated responsive sites, so be sure of what your web designer is offering you - ask them if it's 'true responsive' or just emulated.

Expertise

Problems can arise when you ask your web designer 'can we make it do this? and the answer is often an intake of air and - surprise, surprise - either 'no' or 'we can do it for the cost of a small car'!

The reason for this is that they are not proper software developers (although don't tell them that because they probably think they are) and fundamentally, they did not develop the system. They have merely placed the design on top of an existing system, so it's actually pretty tough for them to do what you are asking without outsourcing to a software development company.

A truly bespoke website will be modern, totally unique, scalable, delivered by the people responsible for the coding and not just the design, and fundamentally if you need a change it is often very easy and quick, but most importantly very doable!

Truly bespoke websites are delivered by companies with a combination of professional software engineers, user interface developers and highly skilled web-specific designers. These tend to be far more stable companies and not your fly-by-night very small design-only firms, so an additional benefit is that you don't have to worry about your website disappearing one day!

Some large companies take the view that pre-built solutions are a very fast way of making easy money, and therefore still deliver them. Sadly, these tend to be the companies who charge the same as a bespoke development company would for a truly bespoke website, but instead they deliver to you a pre-built template system at an extortionate price! It's a very fast way to make money if you can sleep at night with this kind of business model...

So are bespoke websites more expensive? Well, they most definitely should be, because they require highly skilled and experienced people to develop them, but, quite often they are not more expensive at all! In our experience, they are sadly often cheaper than the pre-built templates systems, because some unscrupulous companies charge a great deal for placing a design on top of a pre-built solution.

Code Age & Technology

One of the biggest problems with pre-built solutions is that they cost the founding company a great deal of cash to develop, as they try to create a one-size-fits-all type solution. This then leads to them needing to sell that solution over and over for many years to claw back their costs. In turn, this often means that the pre-built solution being sold to you is 5 to 10 years old (or worse) based on old technologies and techniques, albeit its existence in an ever-changing technological world!

A bespoke website will be developed with the very latest technologies, available online techniques and scripting functionality, and there is significant benefit to this online, not least of which is the search engine optimisation benefits.

Expansion and Optimisation

One of the most significant limitations posed by template systems is the inability to expand and improve your website over time. If you want to say integrate your Sage accounts, your ERP system, CRM or barcoding system, etc, this can often be made overly-complicated or even impossible!

Plugins are often available within open source pre-built solutions, which are intended to offer the user the ability to extend the possibilities set out in a template, these can soon prove to be unreliable, insufficient, bug riddled and even highly insecure. Developed by third parties, these plug-ins could not only clash when used in combination with other plug-ins, but also with general system updates across the template platform. This puts the user in a lose/lose situation, due to the fact that while an update may affect the freedom granted by these additions, neglecting to conform to system updates could increase the chances of your site's security being compromised (actually a common problem with templates). These plugins can not only compromise security and reliability but are often not optimised and therefore contain unnecessary code, making the system sluggish and unresponsive.

As far as online optimisation is concerned, your website should be light, fast and responsive to the user, making it easy to use. You want to offer your customers a speedy and useful journey through your website, and this too is what the likes of Google want. They don't care about you or your business, they only care that the website they are affectively recommending is providing a useful experience. After-all, if they constantly linked to slow and poor quality websites, then we'd all stop using them to search for things on the internet right?

The problem with a one-size-fits-all system, is that it lends itself to providing quick and easy solutions, meaning that you don't need to be very skilled or experienced to provide one, again meaning that the site will not be properly optimised. These systems contain lots of bolt-on's and plugins to handle newer technologies that didn't exist when it was created 10 years ago, which just adds to the slowness and the bulkiness. Add to this the inherent security issues which arise with these systems, and you have to wonder why they sell so well.

Support and Security

As I have already mentioned above, template websites can cause serious problems when it comes to security, simply due to the fact that they present an attractive target for hackers. If you own a bespoke website, then hackers would need to target it specifically and run lots of tools to find out where the admin area is, where the database is stored, etc. This makes the process far more time consuming, and therefore less appealing. Template websites tend to have the same admin login area, the same database location and the same codebase etc, so they are very easy to hack. As part of a wider network of replicated sites, they form a super easy target once a vulnerability has been identified.

No website is safe from a really good hacker, all you can do is provide as much security as possible and make it more time consuming for them; if a good hacker wants your information they'll get it! If they can get into military instalments or FBI systems, then they can most definitely get into your website if they really want to. The point is, why would they waste their time trying to get into a relatively secure and obfuscated website, when all these template type sites exist on the internet? These pre-built solutions make it easy for them, and the designers developing them actually know very little about the technical security of a website in the first place.

In fact, an inherent security issue is posed by the fact that many of these systems are open source, and provide free plugins. If you want a widget within your website to perform a specific task, you can simply look online to see if someone has created a plugin for it. Often you will find it has been done and most of the time these will be fine, but how would you or your designer know if that plugin had some backdoor access type code hidden within it, or keyboard tracking, or a million other security risks? Bear in mind that your designer didn't write the code, and more than likely wouldn't understand it even if they did try to read it.

Another disadvantage of using a template is the lack of support when things do go wrong, like some of the issues I have mentioned above. If you discover a problem with your website, without the proper expertise it can be very difficult to diagnose and fix.

So, in summary, a bespoke website will have the following benefits:

  • Truly bespoke design - not easily replicated
  • A true responsive design - not emulated
  • A proper development and design team for support and assistance
  • More modern and technologically advanced code
  • True scalability and the ability to integrate any online technology as it becomes available
  • Security from common vulnerabilities
  • Importantly, an optimised solution that is light, fast and responsive
  • And lastly...value for money! We're not simply pushing a design onto a pre-built solution and then charging you the price of a small car for doing so!

We're happy to answer any questions you may have on this subject, if you do have any further enquires, please don't hesitate to get in touch.

Request a Website Design Quote

 
When it comes to web design, there are a lot of pitfalls to be aware of. Whether it's doing something you shouldn't or failing to do something you should, one mistake can ruin your entire online presence, so it's important to keep your wits about you!
 
Here, courtesy of our professional web design team, are five do's and five don'ts for you to bear in mind when you're putting together your company's website...
  • DO get straight to the point. The average web user prefers not to stay in one place for too long, so when you're designing your website, be sure to put the crucial details (i.e. what you offer and how to get it) front and centre.

  • DON'T put style above functionality. We've no doubt that you're an artistic genius capable of designing a web page that belongs in a gallery, but appearances shouldn't necessarily be your top priority when it comes to creating a successful business website. Instead, focus on providing a straightforward, elegant experience for the end user, and tailor your design to complement this.

  • DO be consistent. Each page of your website should have the same basic look and layout as the next, as this will give users a smooth, seamless journey through your site. Of particular importance is the site menu - if this crucial navigation element changes or moves around as users browse your website, those users will quickly get frustrated and go elsewhere. However, we also recommend keeping a close eye on less obvious factors such as fonts and branding; keeping these things consistent at all times will ensure that your company looks professional to site users.

  • DON'T use Comic Sans. This 'fun' font looks extremely childish, and it is almost never an appropriate choice for a professional business website.

  • DO stick to a simple colour scheme. Using too many colours will make your website hard to read and unpleasant to look at. Stick to just two or three colours to keep everything striking and easy on the eye.

  • DON'T forget about your mobile users. The number of people using smartphones and tablets to browse the web is increasing every day, and so it's becoming more and more important to ensure that your website looks just as good on these devices as on a desktop PC. A good way to achieve this is with a responsive design that changes to fit the screen on which it is viewed.

  • DO show off your social media accounts. The power of social media has grown exponentially in recent years, and few business can afford not to be seen on Twitter and Facebook these days. Incorporating your company's social accounts into your website is a great way to gain followers and boost your visibility; obviously, you'll want to include links to your various profiles, but you may want to go one step further by integrating social media feeds into your site's design, allowing visitors to see your latest tweets, pins and posts as soon as they arrive on your homepage.

  • DON'T stuff too much in. When designing your website, aim for brevity and simplicity - don't pack each page with dozens of images and reams of text, as this will create a cluttered look that makes it difficult for users to find the information they need.

  • DO keep analysing, measuring, and making improvments. Like great art, a good web design is never finished! After your website goes live, you should use Google Analytics and other tools to continuously monitor its performance and tweak your design as necessary. Are people clicking on that button? How does it compare with the other button on the other side of the page? Should you move it elsewhere, make it bigger, or scrap it entirely to make room for something else? These questions can be answered with the help of things like goals and event tracking, so keep a close eye on how people interact with your site and never stop looking for potential improvements!

  • DON'T use Comic Sans. Please. We know we said this already, but it bears repeating. Refer to www.comicsanscriminal.com if you don't understand the issue here.
Want us to design your business website for you? Click here to get a quote, or visit our Professional Web Design page for more information.

We have just launched a new website for Inspire Windows who are a well known UPVC Windows and Doors company based in Cardiff.

Inspire Windows are a modern and very professional company who both supply and fit upvc windows and doors, so if you're looking for a great deal on your next home improvements then we recommend that you give these guys a call:

The winner of The Apprentice 2012, and business partner to multi-millionaire business magnate Lord Alan Sugar, is Ricky Martin. Shortly after winning the Apprentice Ricky began work on the website for his new business with Designer Websites.

The brief from Ricky was to design and develop a highly functional and very professional website to represent Hyper Recruitment Solutions. The website itself would specialise in science jobs, science and technology being a field of considerable expertise for Ricky himself. The website would fully integrate with their chosen recruitment software solution, to make managing and posting jobs on the website automated and easy.

When we learned that Ricky wanted to work with Designer Websites to develop the HRS website we were most pleased and honoured. We immediately began work on planning and designing what we now feel is the best recruitment website on the Internet.

“We chose Designer Websites over many other companies for the HRS website because they have a great track record and obviously have the skills to produce a high quality website, which was absolutely imperative for this venture. Working alongside Lord Sugar is a great privilege, but it comes with very high expectations, so choosing the website developer required much consideration. Thankfully we chose the right web developer and our website is proof of this. Designer Websites completed the work on time, to expectations and without fuss. The team at Designer Websites were easy to work with, full of ideas and extremely cooperative in all areas of the project. We now have an excellent working relationship and hope to continue working together in the future. HRS would like to thank Designer Websites for all their hard work and for producing an excellent website for our business.”

Ricky Martin BSc (Hons) MIRP CertRP MRSC
Managing Director of Hyper Recruitment Solutions


The Apprentice, of course, is the wildly popular television programme in which aspiring young entrepreneurs battle it out for a chance to become a 50:50 business partner with Lord Sugar who would invest £250,000 in to their company.

With Hyper Recruitment Solutions, Ricky Martin is aiming to provide a specialised, professional and highly compliant recruitment service for the science and technology industries. Jobseekers and employers alike will find the HRS recruitment website incredibly useful; applicants can find science jobs with some of the biggest names in the industry, while companies can use the website to recruit highly qualified candidates. It’s a great deal for both parties, so whether you’re looking for employment or looking to recruit some talented new employees, Ricky Martin and the HRS recruitment website can help.

We’re thrilled to have been given this opportunity – it isn’t often that you get to work with such high-profile clients. Apprentice winner or not, we think that Ricky Martin has come up with a brilliant business idea, and we know that he and Lord Sugar have worked hard to bring Hyper Recruitment Solutions to life. We’ve been working hard too, and we know that the HRS recruitment website that we’ve developed will be up to their high standards.

The site went live today; you can find it at www.hyperec.com.