Fringe Focus
Home / Blog Design Work About Me Contact Me
Twitter Facebook Flickr Vimeo Dribbble LinkedIn
CSS Sprites. They’re Awesome. Use Them. 8 Ways to Get Shitty Clients Less Janky — How to Stop Banding in Your Images 5 Tips to Nail Your Design Job Interview Kill Your Worst Portfolio Piece Right Now Video: ‘The Basics of Awesome Design’ Presentation Watch a Design Fail Ten Times in a Row Poster Design For ‘LA Music Blog’ Dribbble Invite Contest! My New Design Company: Collision Labs
Analog Is Not the Opposite of Digital Dribbble Invite Contest! My New Design Company: Collision Labs Kill Your Worst Portfolio Piece Right Now Poster Design For ‘LA Music Blog’
August 2010 July 2010 June 2010 May 2010 April 2010 March 2010 February 2010
Artwork Business Clients Contest Design Freelancing Fringe Focus HTML / CSS Photography Photoshop Process Technical Tutorial Video Web Design

Blog \ Fringe Focus \ Watch a Design Fail Ten Times in a Row

Watch a Design Fail Ten Times in a Row

Design Fail

Even though this website was launched only very recently, I’ve gotten a lot of positive feedback on its look. I’m relatively happy with it as well, but that was no easy task. If any of you have ever worked on a personal project, you’ve probably already learned that you are your own worst client. When you have no deadlines, no rules, and a huge imagination, it can be pretty tough to settle on your final look. You might start on one design in the morning only to immediately throw it away and start from scratch that afternoon. This post is dedicated to all of my wasted ideas and productivity, and hopefully some tips on how you can avoid a similar situation in the future.

Start With a Brief, Don’t Be an Idiot

One way to avoid an insane amount of redesigns is to treat yourself like your own client.  What are your goals, what is your target market, your intended ‘look & feel’ ? If you start with a vague idea like ‘Website about art something’, you may find yourself spending days and weeks on projects that will never see the light of day. I believe I started on the right track by thinking about my goals. Here are some key ideas/features I knew I wanted:

  • Full WordPress integration. I wanted to handle all of my content, including my portfolio, quickly and easily from any location.
  • A slick & memorable design that was still easy to read.
  • Black and yellow. Like Batman. Seriously.
  • Community features. This means a quick and easy way to comment on posts, because it’s fun to talk to my readers. It also helps me avoid sitting alone in my apartment and talking to my food.
  • Integrate my design portfolio.
  • Any name that’s better than ‘Loukotka’, yet felt design related.  You’d be surprised how many Google searches spell my name wrong, so this site is meant to be easy to remember and spell.

The problem was that my goals changed over time, and I should have stuck to these principles instead of designing away like a mad man. There’s plenty more ideas I could list, but let’s get to what’s important—images of all of the designs I didn’t use or show anybody, because I went insane and couldn’t settle on the right look.

Design Fail - Slide 1

A few months ago this was my first attempt at a design thought. I started blocking out areas of yellow or black, but immediately discarded everything because an all yellow website would be pretty tough to read.

Design Fail - Slide 2

This was an experiment with a minimalist look for my portfolio, but I quickly realized that dark and empty weren’t at all how I wanted my new site to feel.

Design Fail - Slide 3

Now we’re getting somewhere. This design borrows the background and name of my other website, Loukotka.com.t the time, my portfolio website was green and white, so I found this color change refreshing. Ultimately this felt too much like a showcase and less like a blog or valuable news source. This version was scrapped for the blog, but I used its ideas in the current version of Loukotka.com.

Design Fail - Slide 4

Another radical shift in thought. I was definitely digging the white with the yellow, but still felt the horizontal slide areas would only work for a portfolio, and not for an interactive blog. I even decided on the name “Neverlens”. I bought the domain, only to trash this name much later due to its similarities to “Neverland” and “Netherlands”. Oops.

Design Fail - Slide 5

I stuck with the name for a while and eventually continued down the “yellow brick road”. This version was grungy, and incredibly yellow. This certainly was memorable and open, so I explored it further. This is also the first design that actually contains some element of the current site (a small sliver of the textured header bar).

Design Fail - Slide 6

This design probably had more time put into it than any of my other trashed designs, and for good reason.  It’s strong, memorable, and edgy. My ‘home’ icon had a picture of the White House, and I had a really slick typewriter for my ‘need work done?’ link. For a while I was in love with this, but sometimes designs have to be scrapped because they don’t complete your goals.  This was visually interesting, but I felt like the strong colors and silly icons made the site feel like it was advertising itself.  This structure works great for a company, but if I added blog posts to the design, they’d have to compete with my own header for attention. I realized I had to give my written content a lot more focus.

Design Fail - Slide 7

I toned down the colors to a cool-gray. This certainly would help give focus to the written content, but I still didn’t want the structure of my site to be dictated by its textures. The background looks great, but it was quite large and would still compete with everything I was going to write.  I want to go to a blog to read articles, not to stare at a stone wall.  At least, that was my logic at the time.

Design Fail - Slide 8

I knew I was getting close here. This design gave a lot of weight to the logo, but still allowed the reader to easily jump over to reading the post.  You could navigate easily, read easily, and it still had some ‘batman’ feel with the logo.  That said, I was still mourning the loss of my previous designs, and knew I needed a little texture to bring it to life.

Design Fail - Slide 9

The name Fringe Focus is born. It’s easy to say, spell, and remember. But the site was feeling a bit too black and white—where’s my yellow?

Design Fail - Slide 10

Yeah, that’s it.

Have Hope, You’ll Finish it Some Decade.

Obviously seeing this many redesigns might not be the most inspiring moment, but I assure you there is an end in sight. If you’ve redesigned something a million times, take a moment to step back and look at those designs collectively (assuming you’re saving all of them, as you should be).  Identify the traits you like in all of them, and eliminate whatever seems to be bringing them all down.  In my case, it was that I hadn’t made my content the focus of the design.  In your case, it could be anything.  Your designs could be too bold, too timid, too warm, too cold, too crowded, too open, red fish, blue fish. Yes, that’s a Dr. Suess reference.

Even better, have your friends or other designers take a look at your past attempts.  Perhaps they will see the value in something you previously wanted to throw away.

In the End, It’s About Goals

If you spend all of your time randomly designing, hoping you’ll magically hit the right look, it may never happen.  Break out the paper, or the text editor, and write down what it is that you’re really after. Make your next design meet all of these goals (it is possible), and make yourself a drink with an umbrella in it.  You’re done.

7 Comments
February 15th, 2010
Categories: Fringe Focus | Process | Web Design

1
tinderboxFebruary 15, 2010 | 5:35 pm

Hey Rob!

I am currently planning my first own website. I am thinking of a online portfolio which is connected with a blog.

Two Months ago I thought I found a good name but I trashed it. Three weeks ago I thought I had a good design but it was not exactly what I wanted. So I trashed it. During the last weeks I spent hours in developing ideas for a new name and design. Guess what: I trashed it all. So, today I felt, well… a little stuck. :)

Half an hour ago I tried to get some inspiration via gsg.com and saw your avatar in the comments of the new ‘Five Second Project’. Yellow. Such a nice yellow. Instant click. And bam! I saw this blogpost. To cut a long story short:

I just wanted to thank you for these tips. It really cheered me up and gave me some good advice!

Greetings,
Tinderbox


2
Rob LoukotkaFebruary 15, 2010 | 5:48 pm

@ tinderbox

Totally! I think this sort of anxiety and trashing of designs is really normal for personal projects. Sometimes you have have throw everything at the wall and see what sticks. But in effort to save time and not go crazy, I’d definitely suggest looking back at the work you got rid of, and see if there are some trends. Maybe the next time around you’ll avoid those mistakes, and then get your site up!

I’d love to see it when you’re finished!


3
tinderboxFebruary 16, 2010 | 8:33 am

@ Rob

Thanks for your reply! I’ll definetly take a step back and see if there are some things or trends that I like.

In fact I don’t have a background in webdesign so I’m trying to find the right strategy for setting up my site, too.
I was thinking of WordPress plus Vimeo plus Thesis Plugin. WordPress for keeping the website up to date easily and for blogging issues of course. Vimeo for an easy Video administration. And Thesis because it might help setting up the basic layout of the site – I am not a webdesign expert. I just don’t have that ‘technical background’ concerning HTML/CSS and so on.

Then there are portfolio sites like indexhibit or cargocollective… which I doubt. Every website over there looks the same: Minimalistic navigation on the left side. Photos and designs on the right side. Ewww.

Do you have a quick word of advice?


4
Rob LoukotkaFebruary 16, 2010 | 8:33 pm

@ tinderbox

Having something out there is always better than nothing. If you feel you don’t have time, or are frustrated with your own web design work, then go with a template. But I agree, left-hand navigation isn’t ideal, and those sites are pretty minimal.

If you know you can build something better, then go for it. But don’t force yourself to learn web design overnight if you can’t or don’t want to. Having a simple site with your work on their is enough for a lot of print designers and photographers. I obviously can’t get away with that as a web designer, but it works perfectly well for other people

You could always take the middle ground, and use a pre-made template (they’re relatively cheap), but edit with your own ideas/branding. What’s important is that you end up something you’re comfortable with, and that gets you results (job interviews, clients, followers, whatever you’re after).


5
tinderboxFebruary 18, 2010 | 9:31 am

Thanks Rob!

Your advices are really helpful and motivate me a lot. As soon as I’m done I’ll tell you. :)


6
Eric CrookesJune 21, 2010 | 3:10 pm

I wish this article had been posted last year, would have saved me a year of my life. hahaha…

I had almost the exact same experience putting together my newest portfolio site. From the time I started until the time I finished it took me a full 12 months, 98% of which was me struggling to come up with something “perfect” rather than just building something really good, really quickly like I normally do when dealing with regular paying clients.

I definitely learned my lesson though, any time I need to do work for myself, I need to treat myself like a client, otherwise I’ll waste another year trying to get things “perfect.”

Great read, glad to know I’m not the only one out there who’s struggled, makes me feel a little better.


7
ReneeJuly 5, 2010 | 12:32 pm

This article is brilliant! I’m currently a computer science student looking to change majors, and towards that end I’m taking a web design course. I thought my (almost) endless redesigns for each page were abnormal, but this article has helped me to see that it’s not just me being overly obsessive.

Thanks so much for helping me stick with it!





Home / Blog Design Work About Me Contact Me
Twitter Facebook Flickr Vimeo Dribbble LinkedIn
All artwork on this site (unless otherwise stated) is:
© Copyright 2010 Rob Loukotka | All Rights Reserved
About Rob Loukotka Rob Loukotka is a graphic designer, artist, and co-owner of Collision Labs, a creative design studio in Chicago. Rob's work is a mix of brand identities, websites, t-shirts, visual effects, photography, and anything else he can get his hands on. If you'd like to work with Rob, or if you just want to see more design work, check out Collision Labs.