There Are Two Types of Ugly, Which Ugly Are You?

by Lisa Barone on 07/24/2009 · 13 comments | Usability

ugly dogYour Web site tells me a lot about you. It tells me who you are, what kind of customer you’re attempting to attract, the vibe behind your company, and sometimes, that you’re a blind man living in the year 1987.

Bad Web site design can happen to anyone, but it doesn’t have to happen to you. The trick is to design a Web site that will attract the people you’re trying to sell to. To create a design that will attract your “clique” and the type of person you want to use your site.

Lisa, you say, what does my Web site design really matter if my product is good? Who cares if I’ve designed a Web site that is pink, uses stripes and wreaks of glitter? People will look past it to get to my awesome product.

No. They won’t.

Meet Bangarang Cupcakes.

bangarang cupcakes

visit the site. it gets worse. promise.

I know. It looks like a faerie threw up all over your monitor.

What you may not know is that I used to be a huge evangelist for Bangarang Cupcakes (formerly Fat Daddy Cupcakes). I pimped their $6.50 cupcakes all over the Internet. At the time, they were simply an Etsy store. I fell in love with them and their cupcakes hand carved by angels. But then they rebranded to Bangarang Cupcakes and came out with that Web site. And as much as I hate to say it, I’ve stopped visiting.

I don’t visit the site because it distracts me from what I was intending to do – Buy cupcakes. Now when I go there, all I can see is a neon hot mess.

Don’t get me wrong. It’s okay to be ugly! Sometimes being ugly makes your point and works for what you’re trying to do. For example, the two sites below are some of the ugliest sites on the Internet. But they both work exceptionally well.

The Most Amazing Web Site On The Internet (thanks to Tim Obarski for this one)

amazingwebsite

Craigslist

craigslist

These sites are the good kind of ugly. Their ugliness enhances what they’re purpose. Yes, TMAWSOTI may induce a seizure, but that’s the market they’re going for. Craigslist may be boring, but when I land on it, I trust it. I trust that it’s credible, that it’s a real site and that I’m not going to get swindled.

However, it’s not okay to be ugly when your ugly distracts people from what they were trying to do and drives them away from your site.

Businesses need to realize that their sites aren’t about them. Your Web site should make your customer feel comfortable using your site. It should enhance the goal and whatever it is visitors are there to do. The Bangarang site doesn’t make me want to buy cupcakes. I don’t even see their cupcakes til the tail end of the page. Instead, I’m blinded by the pink, the $11.99 site design, and who they could possibly have on staff that thought that was a smart idea. I immediately don’t trust them. So I just leave.

Using a credible site design is the single best way to establish trust on your Web site. And with all the free WordPress themes and resources available to you today, there’s no excuse for bad design and sites like Bangarang. The tools you need to build a competent looking site are out there. Or, if you can’t do it yourself, hire someone who can help you. Someone who will listen, who will make your content the focal point and not douse your site with cascading unicorns.

Your Web site is how people will first judge you. It’s not an area where you want to cut corners.  Use your Web design to build your clique, naturally attracting the people who should be attracted to you. I love frosting. I should be attracted to the Bangarang site, but with that design, all they’re doing is pushing me away. Which is shame, because I make a pretty powerful brand evangelist.

Ask yourself, does your Web site design encourage users to take the actions they need to on your site or does it distract them and push them away? Don’t let ugly Web design happen to you.

About the Author

Lisa Barone

Lisa Barone is the Chief Branding Officer of Outspoken Media. She's also a very active Twitterer, much to the dismay of the rest of the world. Connect with Lisa on Google+ and Facebook.

Get social with Lisa at Twitter

Share this Post

Stay Connected

Subscribe to the Outspoken Media feed via RSS or email and follow Outspoken Media on Twitter!

Related Posts

{ 13 comments… read them below or add one }

1 Evan Morris July 24, 2009 at 2:14 PM

Great post Lisa,

We have a few clients that are lacking in the site design area, and this post will hopefully help me remember to spend some time thinking about a users experience, instead of just knocking out SEO issues.

I especially like the picture of Freddie Prinze Jr. with the caption: “This is me (j/k it’s not but i don’t wanna put a real pix on this web )

If that isn’t a classy website. I don’t know what is.

Reply

2 Angela July 24, 2009 at 2:57 PM

Hello! great article! I have a question… is there anything wrong with adding a bio to your website if you’re an artist or designer?

Reply

3 Lisa Barone July 24, 2009 at 3:15 PM

Evan: Ha, excellent. I like the scurrying cats, myself. Mostly because they go by so fast it took me 5 minutes to figure out what they were. :)

Angela: If I was looking to purchase from you, I would hope that somewhere on your site is an About or Contact Us page that would give me information about who you are. It helps you to establish yourself and put a face on the Web site, and it also serves as a good trust indicator for users. You should absolutely have a bio on your site. :)

Reply

4 Evan Morris July 24, 2009 at 3:40 PM

Hahaha. Ok after further examination I believe you are right, but I am also torn between the cartoon of the cat and dog that says, “Watch my cat Carl and his friend Gary dance” and Alf slowly chasing a cat across the screen.

Either way this made a pretty slow Friday interesting. I might bookmark it for rainy days!

Reply

5 Jeremy Rivera July 24, 2009 at 3:50 PM

The sad thing about the “most awesome site on the internetz” is just about as ugly as what I believe is the worst website for a real business which is http://www.yvettesbridal.com.

Reply

6 Cooper July 24, 2009 at 3:59 PM

Great post and something that many business owners do not know they are doing wrong.

BTW – ask Rae about the design I gave her for MFE – all pink fairy wands and paisley

Needless to say she nixed that one pretty quick =)

Reply

7 Todd Mintz July 24, 2009 at 4:06 PM

My choice for the ugliest site ever: http://deebotheclown.com/

Reply

8 just Guido July 27, 2009 at 7:50 AM

Whoa… Bangerang actually makes my eyes and head hurt. Skills.

Reply

9 Matt Davies July 27, 2009 at 9:14 AM

A particularly crappy design does appear to generate links though. Same thing goes for “coincidentally” funny domain names (seriously, with just a few tiny changes, http://www.penisland.net/ could become the pen empire of the internet thanks to its 27,000 links, 26,999 of which are from bloggers pointing out the cRazY name).

I wonder if it would be worth creating an eyesore like this, posting it round a few social networks saying “lolz, l00k at teh crappy site”. Wait a couple of years for the links to role in, then throw up a good looking, well optimised site on the URL and watch the rankings role in.

Reply

10 Matt Davies July 27, 2009 at 9:24 AM

And while we’re on the subject, I invite you to check out http://www.petersage.com/meetpeter/

I could click on “About Peter” all day.

Reply

11 Shashi Kapoor July 28, 2009 at 10:35 AM

Sadly I’d probably still go on Bangarang because I love cupcakes ;_;.

Welcome to the internets – epic site!

Reply

12 Therese July 30, 2009 at 12:11 PM

I agree, I do think website design and everything that goes with that are important, but ‘helpful content’ for your buyer persona is even more important.

Reply

13 Dale February 9, 2011 at 11:13 AM

So we need to take a time for a web design course to make our web good looking. Any recomendation for the easy learning ?

Reply

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Want to add a picture to your comments here on Outspoken Media? Upload a picture at Gravatar to make it happen.

By clicking "submit" below, you are agreeing to abide by our comment policy.

Comments links could be nofollow free.

Previous post:

Next post: