Logo Logo
  • Platform
    • Product
      • Why Core dna
        See how Core dna transforms your digital business.
      • eCommerce
        Grow, manage, B2B & B2C commerce in one platform.
      • CMS
        Control your digital properties from the same dashboard.
      • DXP
        Build, manage, and scale your digital properties in one place.
      By Role
      • Partners
        Learn about our partner program and how you can join.
      • Developers
        Modernize your web presence without ripping or replacing anything.
      • Executives
        Empower marketers, free up IT team and slash costs at the same time.
      • Marketers
        Total control, without the development team.
      Company
      • Customers
        Helping power the digital presence of hundreds of customers
      • Features
        Content and commerce features.
      • Services
        From digital transformation strategy to scaling your digital business.
      • Admin login
        Access to Core dna DXP 1 admin
  • Solutions
    • Use Cases
      • B2B
        Go directly to customers with an all-in-one B2B platform.
      • B2C
        Connect to shoppers anytime, anywhere with our B2C eCommerce solution
      • Marketplace
        Multi-vendor eCommerce marketplace platform.
      • Content
        Craft content with ease, then deliver it anywhere.
      • Headless
        A hybrid headless platform loved by marketers and developers.
      • Infrastructure
        Advanced cloud infrastructure built for scale and security.
      By Industry
      • Direct to Consumers / Manufacturing
        Get the tools and experience to thrive in the new direct-to-consumer world.
      • Education
        Create a powerful online presence with your school website.
      • Franchises
        Seamlessly push brand-approved marketing to all locations or specific locations - easily.
      • Retail
        Sell with excellence in-store and online.
      • Media
        Don’t just break news, break news everywhere.
      • Travel & Tourism
        Give travellers the speed and reliability they demand.
  • Resources
    • Partners
      • Partners Overview
      • Become a partner
      Insights
      • Blog
      • Guides
      • FAQ
      Developers
      • Getting started
      • Documentation
      • API
  • Pricing
  • Get started
Request demo
 
  1. Home
  2. Core dna insights

10 Web Design Mistakes Even Professionals Are Guilty Of

10 Web Design Mistakes Even Professionals Are Guilty Of
Dennis 4 min read
Web Development | Website Design | Website performance

Web design is an art, and it’s surprisingly easy to mess it up. 

A small mistake is more than enough to make a great looking, award-worthy site into an urgh-I’m-never-visiting-this-site-ever-again moment.

And it’s the same mistakes we see time and time again; even the pros are guilty of making them sometimes.

Read on to see some of the most common and the most cringe-worthy web design mistakes so you can avoid making them yourself…

eCommerce design best practices

 

Web Design Mistake #1: Disabling Zoom on Mobile Sites

This isn’t just cringe-inducing, this is headache-inducing… literally! 

If you visit a website on your mobile that you want to read, then it’s rather irritating to find that you can’t zoom in to make the text large enough.

The result is that your visitors are left squinting at a tiny block of text and more often than not they’ll just leave. 

Remember: there are now more mobile web users than desktop web users. Your site absolutely must be optimized for mobile in this day and age!

Read this next: eCommerce Web Design: A 36-Point Checklist to Create The Best eCommerce Site

 

Web Design Mistake #2: Pop-Overs/Pop-Ups

Look:

Don’t get us wrong, pop-overs are OKAY. It’s the ‘when’ for pop-over displays that can be a mistake

A lot of websites these days make the pop-overs ‘pop’ as soon as you arrive on the page.

web design mistakes to avoid #2: popup

Why would someone want to sign up to your mailing list if they haven’t even read one word written by you yet? The whole point of content marketing is to show how you can deliver value and then to try and get people to subscribe.

It has its benefits. There’s no denying that. But consider preventing the box from showing until visitors have been on the page for a couple of minutes.

There is one thing worse than an early pop-up.

The worst kind is the non-mobile-friendly one. Your user is literally stuck looking at the pop-over, and the ‘x’ button doesn’t work. Don’t let this happen!


Web Design Mistake #3: Auto playing Videos With Sound

If you have a video embedded on your website then turn auto play off. Or at the very least, remove the sound.

While you might think that blaring sound out at people as soon as they load your page is a good way to get attention, it’s actually a much better way to get your site closed immediately. 

Most people browse multiple sites at once and when they hear the noise, they’ll just look for the one with the sound icon next to it and hit ‘close’. A lot of people also like listening to their own music while they browse, so they won’t hear your video properly anyway, and it will just come out as a garbled mess.

 

Web Design Mistake #4: Light Grey Text on White Backgrounds

Serious question, why would someone do this?

It seems like an obvious no-no and yet you see it time and time again.

Sure, white is a great color and is any web designer’s best friend for creating space and giving a site a minimal feeling. 

And sure, light grey is a nice gentle color with a modern feeling…

But that doesn’t mean that you should be combining both for your text. 

Readable text is all about contrast so make sure that the color of the font is significantly different to the color of the background!

 

Web Design Mistake #5: Tiny Text

Likewise, it’s just as bad to use tiny text. 

The problem here is that some web designers forget about the importance of their font altogether and thus just go with whatever default is. 

You want users to feel that your site is a joy to read, filled with modern typography. You don't want them to get a headache searching through lots of tiny paragraphs.

Pro tip: The standard for body copy is 16 pixels. Anything less than that is hard to read.

 

Web Design Mistake #6: Scroll-jacking

Scroll-jacking is something of a dirty word among web designers and rightly so. 

This is the process of essentially ‘hijacking’ the scroll bar on a website and turning a page of normal content into a series of slides. 

If you’ve ever been to a website that does this, then likely you’ll know just how irritating it is and worst of all, it prevents you from skim reading, meaning you need to wait while each ‘slide’ loads. 

At least give the option to ‘view as list’.

Of course, some webmasters like this design because it means they can fit more adverts in. Which brings us to the next point…

 

Web Design Mistake #7: Presenting Too Many Advertisements 

Adverts make money, yes; but they also distract from your content and undermine your design.

Avoid this website design mistake: Too many ads

If you have too many on the page, they’ll all be flashing and trying to get your readers to look at them. The result is a sensory overload that causes confusion and ultimately increases your bounce rates.

 

Web Design Mistake #8: Drop Down Menus That Aren’t Touch-Friendly

We’ve already touched on how important it is to ensure that a website is mobile friendly.

And this is even more important when you consider that these days, many people interact with their PCs via touchscreens as well.

Creating a drop-down menu that requires a mouse-over to operate isn't a mistake confined to small-fry web designers.

Web design mistake: Drop Down Menus That Aren’t Touch-Friendly

That’s right: this is a faux pas that YouTube is guilty of. If you try to browse through your list of subscriptions, you’ll need to move your mouse over the button then hover it over the list to scroll. 

 

Web Design Mistake #9: Too Many Big Images

If your page has too many large images, it can be slow to load and slow to scroll. 

If it comes down to featuring yet another massive image or letting your site load and run faster, then go for the latter. 

Otherwise, people won’t want to go there because they won’t have the patience!

 

Web Design Mistake #10: Missing the Small Details

Does it really matter if one item is slightly out of line in your menu?

Yes, it does.

These little details are the exact sort of things that no one necessarily notices but that together have a big impact on a site’s professionalism and appeal. 

The devil really is in the detail so take those extra few minutes to look a little more closely and to give your site the extra polish that it deserves.
 
What are your own web design pet-peeves? Let us know @coredna

P.S. If you’re looking for an advantage when it comes to getting clients on board, schedule a demo with the team at Coredna and see how we can help your agency deploy quicker, with better security, and hassle-free maintenance.


Ecommerce business guide

Download our checklist: eCommerce website design best practices

A 36-point checklist to create the best eCommerce site.

Dennis
Dennis

Dennis, whose legal name happens to be just Dennis (it's quite common from where he came from), is a content and digital marketing addict.

When he's not too busy coming up with content ideas and promoting content, you can find him at 5.30am at the gym. Yeap, he's that guy.

Previous PostHow to Take Your First Steps Towards Outsourcing your Marketing
Back
Next Post6 Principles Agencies Can Adopt to Successfully Acquire New Clients

Related guides

The Ultimate Black Friday Strategy for Your Business
What is GraphQL: Your Secret Weapon
Progressive Web App (PWA): The Ultimate Guide
Headless vs Decoupled CMS: The Ultimate Guide
5 eCommerce Metrics Every Online Store Must Track
The Ultimate Guide to Building the Perfect eCommerce Website
See all guides

Related posts

Site speed: How to Diagnose and Fix Issues

Platform Strategies

Site speed: How to Diagnose and Fix Issues
8 min read
Is Wordpress The Right Solution For You?

Web Development

Is Wordpress The Right Solution For You?
6 min read
Progressive Web App Explained - with Examples

Web Development

Progressive Web App Explained - with Examples
10 min read
The Complete Guide to Building a Franchise Website

eCommerce Business

The Complete Guide to Building a Franchise Website
5 min read
How to Choose the Right Multi-Location Enterprise CMS

eCommerce Business

How to Choose the Right Multi-Location Enterprise CMS
6 min read
How to Build an Empowering Digital Workplace

Web Development

How to Build an Empowering Digital Workplace
6 min read
A Comprehensive Guide to Managing a CMS Migration

eCommerce Business

A Comprehensive Guide to Managing a CMS Migration
7 min read
API vs Webhooks? Differences and Which one to use?

eCommerce Business

API vs Webhooks? Differences and Which one to use?
4 min read
How to choose the Right Omnichannel Content Platform

Web Development

How to choose the Right Omnichannel Content Platform
5 min read
How Gen Z is Reshaping eCommerce

eCommerce Business

How Gen Z is Reshaping eCommerce
6 min read
5 Tips for Creating an eCommerce Website That Converts

eCommerce Business

5 Tips for Creating an eCommerce Website That Converts
8 min read
5 Steps to Get Your Website Ready for Holiday Traffic

Platform Strategies

5 Steps to Get Your Website Ready for Holiday Traffic
5 minutes min read
Solutions by Role
  • Partners
  • Developers
  • Executives
  • Marketers
Solutions by Need
  • Intranet
  • Event Management
  • Content Management
  • B2b eCommerce
  • B2c eCommerce
  • Headless
  • Marketing
Solutions by Industry
  • Community
  • Healthcare
  • Finance
  • Technology
  • Hospitality
  • Franchise
  • Education
  • Travel & Tourism
Company
  • About Us
  • Why Core dna
  • Partner Ecosystem
  • Customers
  • Careers
  • Contact Us
  • G2Crowd Reviews
Resources
  • Blog
  • Guides
  • Admin login
Support
  • Help
  • Videos
  • Network Status
  • GDPR
  • Privacy Policy
  • Terms & Conditions
  • Fair Use Policy
Get our latest articles
Success! You've been added to our email list.
Melbourne

348 High Street

Prahran, VIC 3181

Australia

+61 3 85639100

Boston

55 Court St, Level 2

Boston, MA 02108

USA

+1 617 274 6660

Berlin

Belziger Str. 71

Berlin 10823

Germany

+1 617 274 6660

Go wow them! ™ | Core dna copyright ©  2023.