Are you committing these 7 Deadly Sins With Your Website Design?

Have you ever dreamt to launch your own website? Of course, you have. But everyone faces with some mistakes. So to avoid it I bring you most common mistakes with tips how to avoid it. Let me tell you the real story. Building websites are both a hard and an easy job. “How can this be?” – you will ask. Well, you see, it’s like this.

The hard task is when you want to get a custom website, that’s designed and developed from a scratch, it’s hard, it’s costly, it’s tiresome. You need to interact with a remote team, you need to be sure that your demands will be considered, and finally, you need to be sure that your website will not contain stolen digital assets like photos, or various design items. Building a website from a scratch mostly fits big companies, or guys with big budgets, who have human resource to control the website development process.

An easy task is when you get a website template, make some minor customizations by adjusting this template to your website’s needs. Get images from a proven source like Unsplash, get website copy from writers who can write Speedlancer, get design help in a place like Designpickle.

Now let’s see what most frequent mistakes do guys like you make when they decide to build a website.

Mistake #1. Buying an outdated template, that’s built for some previous version of a CMS.

Mistake #2. Buying a template that does not have the functionalities you need.

Mistake #3. Not setting deadlines.

Mistake #4. Trying to complete everything on your own.

Mistake #5. Being 100% sure that you don’t need a marketing budget.

I think that these mistakes do not require comments, which is why I insist that you need to print this list and laminate it.

Feel free to pin this image and use it later. Now let’s get back to the subject of this article that’s the typical mistakes in website design.

Generally, there can be outlined 5 awful sins and 2 disgusting sins, yes, you heard it right disgusting, no other word will describe these mistakes, here they come.

Disgusting Sin #1: Low Site Speed

For the last few years, Google has been warning everyone that site speed is extremely important for your website’s rankings still there are lots of users who consciously neglect this rule. That’s another thing if they don’t know how to make a site faster. Here’re 8 tips that will help you improve your website’s speed.

Tip #1. Improve your hosting plan.

Low prices hosting accounts, as a rule, are shared hosting account, this leads to the following consequences. Treat your website as a baby, if you feed it with content it will grow. The older it gets the bigger it is. If you think that your website can stay forever on a shared hosting, you’re wrong. Let’s consider an example, when most people register a new hosting account they opt for something like a shared plan. You need to be smarter than that and opt for a managed hosting, it will deliver you more bandwidth, more RAM and CPU power, most important thing is that you will not have to share server’s resources with someone else. When it comes to your hosting account resources sharing is not caring.

Tip #2. Count your HTTP requests

What’s a PHP request? Basically, it’s a dialogue between user’s browser and a server where your website is located, browser – B, server – S:

B: Where’s the logo?

S: Here it’s /images/logo.png

B: Where’re the images from the slider?

S: Here they are /images/slide-1.jpg, /images/slide-2.jpg, /images/slide-3.jpg, /images/slide-4.jpg

The longer this dialogue is the more php requests there is on your website. They say that a normal number is around 80, but still, if you manage to this number smaller it would be much better.

The tool will help you find out the number of requests on your website.

Tip #3. Put your images on a diet.

Overweight is not only bad for mammals but for websites also. Imagine you’ve been sitting on an 8000 calories diet for about a year, how do you think will you be able to run 300 meters without getting a stroke? The same is true about your website, if upload original quality images to posts and pages, it will take the whole eternity to load your website. There’s a magical shortcut in Photoshop Ctrl+Alt+Shift+S it will save your images for web (choose quality 55-65), they will still look good, but their weight will be much smaller than compared to their originals.

Tip #4. Treat your WordPress plugins wisely.

If you have (or you’re going to build) a WordPress website don’t forget that plugins are the weak spot of every WordPress site, there’s a number of reasons for that.

  • They can and will reduce your website’s performance. The more plugins you install, the more likely it is you will kill your website eventually.
  • Plugin developers update their products from time to time. Don’t forget to update the plugins in your admin.
  • Remove plugins that can be replaced with more usable analogs.
  • Stick to the time-tested plugins, those who have hundreds of thousands of installations.

Tip #5. Turn on caching for god’s sake.

There’s not much to said apart from you need to have either WP Super Cache or W3 Total Cache these guys will help you improve the performance of your website giving you total control over your site’s cache.

Disgusting Sin #2: Wordy Pages

Imagine you visit a website that contains as many texts as this article, no, not a blog, an informational website like those guys own who know how to make 100’s of thousands of dollars over a weekend.

Such websites terrify visitors, promise you will never create something like this

Awful Sin #1: Being Non-responsive

Unfortunately, there are still some guys who think that being responsive is not really necessary when there are more than 4 billion mobile users in the world…

There’s a funny thing I’ve discovered recently, I’ve been using Google Calendar for the last 6 years, and I couldn’t even imagine that it is non-responsive! Google! Calendar! Non-responsive!

Even though there are some apps fully-integrated with Google Calendar like the S Planner or Calendar on your Android phone, still the fact that Google has a service which is not responsive at all made me LOL.

Cutting to the chase, when you build a website make sure that it’s responsive, the template you will buy should clearly say that’s it’s responsive and don’t forget to open its demo on your smartphone. Here is a nice example.

Awful Sin #2: Images that Make Everyone Squint

Do you remember that point where I told you about a magical shortcut in Photoshop that saves images in “web quality.” I think I need to highlight this point once again.

If you overuse this option and will install a plugin like WP Smush this combination will make your images look like those videos on YouTube where they film alien ships on the worst camera in the world. Please, don’t make this mistake.

Awful Sin #3: Logo That Was Designed in the Basement of a Warehouse #13 by a North Korean Refugee

Now, I know this sounds hippy-dippy but unfortunately, there are myriads of websites that have a logo looking this way.

If you have some cash find out more about premium logo design from SpellBrand.

Luxury Furniture Brand Identity

Awful Sin #4: Lobster + Comic Sans + Indie Flower

The best font combination that I have seen is Rubik + Roboto I hope this resource will help you pick the right font combination for your website. Anyway if you’re not sure which one to choose stick to the OG Open Sans.

Awful Sin #5: Creating Your Website with a Free Builder

What do you think, how many website builders are there? I stopped counting after 35. Here I’m not referring to the page builders like Visual Composer or Elementor builder, I’m talking about the SAAS you’ll get access to when you buy a hosting plan or register on a platform with the free website builder.

The brightest example would 1and1’s website builder. I’ve met people who got stuck there, they bought a hosting account started building a website, they felt quite comfortable there because such website builders are optimized for non-techies. But when their website grows moving it may be impossible.

Same thing goes about if you build your website with Wix you’ll never be able to export it because there’s no export button.

Here are top reasons why you should not use free website builders.

Reason #1. Free website builders will place ads on your website.

Reason #2. They will put you in a box, if you register a free website at Wix platform you will be restricted from making the customizations that are about to make your website look awesome.

Reason #3. You will not be able to export your website.

Reason #4. You can forget about things like SEO-optimization and clean code, the developers of free website builders don’t bother using any of these.

Over to You

These were the nastiest website design mistakes one could make. Bookmark this article and share it across all of your social media accounts we need to work together fighting these website design mistakes.