Most of us can agree that search experience has improved a lot over the years. Rarely do I come across a seriously spammy site, or one that's just plain horrendous ... though both of those certainly still exist on that world wide web of ours.
What's more common to come across is those silent but deadly website design errors. You know, when visitors land on your site, and they're not met with blatantly egregious website design faux pas, but they are just kind of ... generally confused. The result? If you're lucky, erratic clicking that happens to land the visitor where they wanted to be. If you're like most of us, site abandonment.
There are a lot of ways to make your site more sticky, but I wanted to start with the basics of site design that every marketer should be doing a gut-check for. So here's three websites that have a ton of potential, but are committing some site design errors that could easily be fixed. I then did a little optimization to fix the problems. You know, a website makeover! Here are three examples of what not to do when designing or redesigning your site. If you want anyone to stay on your site, that is.
Poor Site Structure: Before & After
A poor site structure is a recipe for a disappointing user experience. It will inevitably leave a website visitor frustrated, which will result in them leaving your site. Usually poor structure/site architecture results from unclear direction or vision. That translates into a cobbled together site where the flow from page to page is not intuitive, especially as you try to navigate from the home page or the site’s main navigation. And remember, it's not just visitors that hate this ... it's search engines, too. Here's an example of what I'm talking about:
Poor Site Structure: The Before
This example is of a site that you will likely come across more often as it appears to be a new design trend -- albeit a flawed one for conversion-concerned marketers. A collection of images like this is pretty, but it's not a substitute for a proper navigation or menu. It’s not intuitive, and will take the average user far too long to navigate. Even with copy in the little squares, it's not clear if I'm looking at an image that leads to an article, instructional copy, calls-to-action... it's just plain unclear. Here's how you could keep that compelling visual design, but still add some much-needed structure:
Poor Site Structure: The After
That's right -- add a navigation for Pete's sake! It doesn't have to be cluttered or contain a ton of items, but a basic top level navigation gives people a place to go where they feel safe. Navigations make sense. We're used to them. It's home base. It makes all those new crazy floating images seem a little less foreign. Your navigation will make it easier for visitors to go from general content, to more specific content.
If you have no nav -- or a confusing one -- this is a good place to start to make your website more intuitive. If you need help restructuring your navigation or figuring out what should be in it, visit this blog post that teaches you how to structure an intuitive website navigation.
Content-Crammed Site: Before & After
Sometimes more is less. And even though we're content crazy inbound marketing, when it comes to your website design and layout, the less-is-more rule definitely applies. Here, let's just jump right to the "bad" example:
Content-Crammed Site: The Before
I don’t even know where to start in this example. Do you? Where do you click? What’s the point of all this extra content? While the intent may be to show a range of products/service, provide a bevy of options, please a wider audience -- what actually happens is people don't know where to look, or what to do. It's content overload! Let's fix this.
Content-Crammed Site: The After
Our example site is a travel site. So to fix this content overload problem, let's think about visitor goals for a moment. What are the main reasons why people frequent travel sites? It's probable:
- To educate themselves on destinations
- To shop prices
- To make a booking
Now look at how many of those things you can easily get to in the "Before" example. Yeah, not a lot, if any at all. Especially when visitors are just a quick back-click away from a SERP that's more user-friendly.
By leaving more white space and removing a lot of content that should really be placed on another page, you give your visitors a chance to orient themselves so they're more comfortable finding what they need, and navigating your site. As a visitor to the "After" site, I could more easily find destination information, review top tours, and ultimately make a booking.
Generic Template Site: Before & After
I'm sure we’ve all come across those cookie-cutter websites where you can tell that it’s a template or theme that's shared by thousands of other sites without any customization. Worse, many template-driven sites use generic copy and stock images that make the site completely unremarkable, and totally indiscernible from any other site on the internet. You can just feel the eyes glazing over. Here's an example of what I'm talking about:
Generic Template Site: The Before
Feels like you've seen this site a thousand times, right? Thing is, there's nothing wrong with building your site around a template! Templates can be customized, so you should take the opportunity to make them your own. Here's what I mean:
Generic Template Site: The After
Do you see how the basic structure of the template remains, but the site is more personalized? For instance, get rid of the stock photo, and replace it with something that better represents what your customer might look like, or better yet, a form that helps move visitors on to the next step in the process. Same goes for the copy -- it should be edited from the business babble that says a lot and means nothing, and written specifically for your persona, addressing the needs of a site visitor at whatever stage of the buying funnel they're in. And of course, you should add elements to help people get in touch with you, like phone numbers, email addresses, and social media information.
Customizing a standard template means more than making design changes. Your website has the opportunity to speak to your audience, and as such, you should personalize it a bit. Add actual ways for people to get in touch, and make it easy. Add content that is reflective of your business, and make it reflective of your business goals. People like doing business with people, not stock photos.
What are some of the worst website offenses that impact conversions? What have you changed on your website to improve performance?
Image credit: Cubmundo

Cakap Niaga 1:21 PM on February 27, 2013
Maybe they don't like to use or establish sitemap way of navigation, that is why they'd selected cramped-content landing page seems a fishing net. So that it looks like all-in-one at the first look.
However, it's all depends on the template which is also be the first thing to choose.
In anyway, all of your suggestions are very useful (The whole nine yards)
Roye Okupe 2:12 PM on February 27, 2013
Excellent article, as a web designer I can't count the number of times I have had to re-design a clients website with all these errors.
Great post
Neal Reifsnyder 4:00 PM on February 27, 2013
I agree that examples two and three represent clear errors in design, but the first could be used to focus the user on the site's prime offerings or app's tools.
We're seeing an increase in 'tile' & 'square' UIs on sites and phones for this very reason. Nokia's Lumia and Microsoft's Windows 8 are but a couple that come to mind.
Appletree 4:37 PM on February 27, 2013
Lots of great content here. Thanks for the post.
Nancy - Release Liners 4:41 PM on February 27, 2013
Great explanations! The pictures really helped show how much everything can change versus just text to explain the changes. Definitely bookmarking this to come back to and apply to my website where needed!
Russell Johnson 5:43 PM on February 27, 2013
Getting your website ranking in the search engines is important. But as this article states, If your site is clicked on it needs to be user friendly. If someone cannot navigate from page to page or know how to get to your products, services or other information listed on sub pages of your site because of its design, most likely those people will leave your website and go to one that they feel comfortable with.
Charise 10:04 PM on February 27, 2013
Great visuals and content. Websites should be designed to capture and guide the customers throughout their website, not confuse or frustrate. Less is more I've found and focusing on quality content will keep the customer engaged on your site.
Lenka Istvanova 4:19 AM on February 28, 2013
Great post and to the point! I agree with all three ways mentioned above. I think when it comes to web design the golden rule 'less is more' should be applied. Simple, fresh, easy-to-use and not old-looking (like before 1990s)website has far more potential to keep the potential customer on-site rather then overcomplicated one.
lyndawass 5:13 AM on February 28, 2013
Wonderful structural information sharing for introducing about the process of how anyone can fix3 egregious website designs. I wish you will continue your job for sharing this type of important information...
Wamiq Ali 7:16 AM on February 28, 2013
Nicely Written :) I hate all these errors and will hate to visit a site which has a mixed structure like nothing can be differentiated that where is the ad and where is the content. :D
Eric Mark 11:59 AM on February 28, 2013
Good examples above of sites that become much more marketable and visually appealing by just changing a few things around. I agree that some websites try to cram so much information on their home page it becomes overwhelming. Sometimes I am on a website and try to back out of the page and it always presents a problem and then i need to retype the whole web address again of the main site just to get to the home page. If the site only had breadcrumbs it would make it so much easier.
Jacqui O'Malley 12:46 PM on February 28, 2013
Excellent article. simple but to the point! One of the biggest traps is that "overly designed" home page with the clever navigation. Not so great for customers.
Bit Breakers 6:30 AM on March 05, 2013
Good information on fixing designing errors