Are you a DIY website designer struggling to generate online results? Perhaps you’ve just enlisted a web design company to create a site for you and you’d like to check for errors?

We share the biggest web design mistakes to avoid in this infographic.

We break things down as follows:

  • Design
  • Typography
  • Content
  • Usability
  • Navigation
  • Graphics and images
  • Performance
  • Legal

Check out the infographic for more detail.

Web design from £99 CTA Banner

30 Web Design Mistakes All Marketers & Business Owners Should Avoid in 2022 [Infographic]

No matter what sort of business you’re in, your website should be your number one marketing tool if you want to succeed online. If it’s not helping you get more traffic, convert that traffic into leads and get them into your sales funnel, then you’re doing it wrong!

This article looks at the top 30 mistakes to avoid when designing your website so you can grow your audience and keep them coming back again and again for years to come.

Not implementing responsive website design

It can be hard to make designs look good on both desktop and smartphone screens; some aspects may need to be reduced or enlarged depending on screen size, but creating separate designs can quickly get expensive.

With some planning up front, however, you can avoid having to create completely separate layouts with Responsive Web Design (RWD). Since most users are browsing on their mobile devices, responsive design is an absolute must these days.

If your website isn’t optimised for mobile browsers, you’re losing a significant portion of potential customers—and that means you’re missing out on conversions. In fact, it’s estimated that around 30% of web traffic comes from mobile.

Make sure your site looks great and functions properly across all devices!

Not having a Favicon

The favicon is a tiny icon that appears next to your page’s title in tabs and address bars. It doesn’t have to be big or flashy, but it should be obvious that it links to your site, so that people know they can click it without getting lost.

Make sure you always include one on every website you build, whether you want customers to see it or not.

Using generic 404 error pages

A major problem with websites is that people tend to use them without fully understanding how they work. This results in many 404 error pages being served, which can easily put off potential visitors who are expecting something more friendly.

Instead of showing generic page not found messages, create an easy-to-understand error page so users can easily find their way back to where they should be.

For example, a site may want to display I’m sorry! The page you were looking for cannot be found on such a message instead of simply displaying a 404.

Using a carousel on your home page

A carousel might have been a great idea a decade ago, but it’s increasingly less so. People don’t want to sit and swipe or click through a bunch of slides just to get a little information about your company. They’re going to leave.

If you use a carousel, you should have some other options on your home page—but if your only navigation is through a carousel, put it somewhere else on your site. It’s not essential content that people need to see first thing when they visit your site.

If they’re there, they already know what you do; now they need to know why they should choose you over dozens of similar companies out there offering similar services at comparable prices.

Give them real reasons why working with your company is better than choosing one of your competitors; otherwise, why would anyone choose your business?

A slow website

Not only does a slow website frustrate users, but it can have an adverse effect on your conversion rates. According to Kissmetrics, one-third of consumers will leave a website if it takes longer than three seconds to load.

And it’s not just websites; everything online is getting faster. Internet speeds are growing at 11% per year (while inflation hovers around 3%). Users expect sites to load quickly and feel frustrated when they don’t.

Choosing too many or unclear fonts

This is a big one! Don’t just choose a font because it looks cool—choose it because it reads well. Legibility matters; no one wants to waste their time squinting to make out what you wrote.

For many of us, learning how to read all over again was an ugly (and frustrating) experience; if you want your site visitors to have a good experience on your site, offer them easier-to-read fonts that are still stylish and attractive!

Fonts with smoother edges work best. Just keep in mind: Not everyone has perfect vision, so don’t rely solely on font alone to convey information or help people navigate.

Using multiple fonts to create an appealing design is a great idea—up to a point. With too many options, it’s easy for your content to become cluttered and difficult to read. Use two or three fonts max, unless you have a specific reason not to.

Your content isn’t scannable

If your page is an unbroken wall of words and images, you’re doing it wrong. Give each section its own space; don’t push everything together to fit your layout.

The same goes for headings—don’t make them all run together to save space (that only looks bad). Remember that white space is an important design element that can lead to bigger, more scannable content. Plus, it makes it easier on the eyes!

Poor use of grammar

I’m not a big fan of grammar Nazis, and I know that typos and grammatical errors don’t send your visitors screaming from your site (not usually, anyway). However, you do need to consider search engine optimization (SEO) and whether or not spelling and grammar mistakes will cost you when Google decides which pages it will feature.

Write your content so that humans can understand it—then check it over to make sure computers can understand it too.

No image or file compression

As a rule of thumb, do not have more than three large images on your homepage or landing page. For websites with lots of text, avoid using graphics.

Pages that use fewer images load faster and are more likely to convert leads into customers. Make sure you also utilize file compression so no visitor is forced to download unnecessary bytes of data.

Using other techniques such as lazy loading can help speed up your website’s performance too. Use all available tools to serve only what users need and nothing else.