top border

Examples of Bad Websites

Help us clean up the Internet!

Submit your own bad websites.

There are countless examples of embarrassing website designs and development out there. These are the latest examples we have discovered. For each site below we provide a brief analysis to assist you in avoiding the same pitfalls.

After looking at the websites and critiques below, please visit our free advice area.

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51

HavenWorks.com

Example of a bad website: HavenWorks.com

Wow! If we didn't know that there are a lot of sites like this, we would just dismiss this site as being a horrible assault on the eyes. We will admit that this is way over the top and the web designer almost had to be trying to create this Masterpiece of Disaster.

One of the things that everyone can learn here is that more is usually NOT better and that the newspaper classified section is not a good web design standard, and surely not if your web hosting company is charging you by the pixel.

When building a website it is not necessary to copy your competitors down to every detail but it is a good idea to have at least seen some of the websites that you are competing against. We highly doubt that Haven Works has ever seen another news site and even wonder if they have ever looked at their own site when not under the influence.



line divider

BWA Slot Car Parts

Example of a bad website: BWA Slot Car Parts

You have created a beautiful logo and want the whole world to stop everything and take a gander at it. At least the page is clean. Splash pages (pages with nothing on them but a Speed Buggy tire logo) serve absolutely no purpose other than making your visitors go away. Seriously, this page gives us no reason or desire to want to know anything more about this site. If you do decide to venture forward, you will need to guess where the link is because the cursor does not change to indicate a link. Tsk tsk!

As a general rule of thumb, designing around a shape or image is a bad idea. We have seen a few sites over the years that have been able to pull this off, but you should avoid it if you can. For one thing, you designed this menu around a giant image for the home page, what about the secondary pages? Remember consistency is king for any websites, don't make your users relearn your navigation just because you have a new version of Photoshop and a digital camera.



line divider

Kalona General Store

Example of a bad website: Kalona General Store

Backgrounds and even textured backgrounds can add some visual interest and drama to your page, this is not it! When you have a really strong background you need content on top of it that is strong enough to compete with the background. If you are going to throw images and text on top of bricks, at least make an attempt to make it look like they belong there! We've also never seen a street address in feet and inches! 121 5'th ST on the corner of 5"th and B Ave. Weird.

Let's talk about page titles, this site is a good example of what NOT to do. What is worse than having bad titles for your pages or even no titles? Using "Blank" for the title of the page. Titles, while a seemingly minor issue, are really helpful for visitors and search engines.

The wooden buttons are ugly but I would worry more that the text on them is difficult to read. Simply bolding the text would have helped here.

The pages on your website should all look similar. It is called consistency, folks! There are only three pages to this site and that is being generous since they did not even make an attempt at the About Us page. Maybe they used up all the content on the eerily similar "History" page, which lacks a way to get back Home.



line divider

Ability Consultants

Example of a bad website: Ability Consultants

Some old guy wrote that a picture is worth a thousand words. Actually, that saying is from a Chinese proverb but that's not the point here. So this page says nothing unless you bother to read the text and no one wants to do that. Minimalism and pink space can be very effective (somehow? somewhere?) and we are a big fan but this web designer didn't even attempt a design.

Web designers love to experiment with color, which is fine as long as you can read it. putting text that does not stand out on a colored page is useless. The black text here is not terrible but the contrast is not as high as it should be when you have a lot of text.

He did attempt a logo but it appears to be broken. However - as this company calls itself "Practitioners of Knowledgism" (I think they made that word up, stand by - I'm going to check) it should go without saying, but please LOOK at your pages, if you have a broken image then fix it dear Henry!

News bulletin: the word 'knowledgism' seems to exist, but only on websites of 'knowledgists' that are trying to sell you their services. The (ahem) 'definition' is: Knowledgists are aware of what they know, what they do not know and even that they know they do not know. My brain hurts.



line divider

Ohio Steel

Example of a bad website: Ohio Steel

The landing page here is intended to be a page linking to pages, no wait, it links to other sites, oh no maybe they are just other divisions or sub sites. Wouldn't it just be easier to have a real menu with link to pages that tell us what we are looking at?

The sub pages have a completely different look and it doesn't matter if it was on purpose or not, it is confusing and it was a mistake because it will confuse users. We also have a custom background that probably took a designer all day to create but the dumb content keeps getting in the way, maybe they need a splash page so we can really enjoy it!

The menu buttons are nice and big and easy to see, only one problem, they don't match anything else on the page so we end up with these steel looking boxes floating in space that look like they were stolen from another steel site.



  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51
border bottom