Overcoming a Creative Block
As a web designer / developer, it can get very difficult coming up with new and exciting designs to please your clients. Some times, we are lucky enough to have lots of great ideas that we can pick out of a hat and use for our project, but at one time or another; we will inevitably become uninspired and have a difficult job thinking of good ideas. This is perfectly natural as we may spend so much time working on the web that new ideas are not easy to come across. What is important is how you pick yourself up and complete the project to your expected standards when this happens.
Coming up with the right theme
Now and again, you may be asked to work on a project in a niche that you may not understand fully and have never worked with before. This can make it very difficult to think of a suitable theme for the site. For example, I was once asked to work on price comparison site, an area I did not have much experience in. Normally I have lots of ideas I can use in the initial stages of site design and can usually come up with a suitable theme fairly fast, but on this occasion I was finding it difficult. I knew that I wanted the site to look modern and professional (who doesn’t), but most importantly it had to be easy to use and make the wide range of products available easy to find and view.
The first thing to do in this situation is to look at competing sites. There will probably be many good examples you can study. There will also be lots of bad examples. Look closely at both and try to form an idea of how your own site will look. Obviously, you do not want to copy your competitors and I believe you should try to come up with something even better if possible but there is nothing wrong with admiring other peoples work and seeing how you can improve your own work as a result.
Viewing your competitor’s sites in a niche that you are not familiar with is also important because most of the successful sites will all adhere to the same guidelines. That means that users of these sites come to expect certain features and if your site is drastically different, they will probably not trust your site and you will not convert as well as you could. Remember – its good to be unique but it can be bad to go against convention. In my example, I noticed most of the successful competing sites all had a prominent ‘categories’ block at the top of the page acting as the main navigation. This is obviously something that worked well so I decided that my theme would need to include this as well.
After researching your competitors, you should probably be getting quite a few ideas going through your head about how the site should look. Before you go any further, grab a pen and notepad and start sketching your ideas down. They will be very useful later when you actually begin your design.
Developing the theme
Now that you have some good ideas and made some sketches, its time to fire up your graphics package. I use Photoshop to develop my sketches into a simple template which I can then slice up and use in my html and css. The Photoshop template does not need to be totally accurate, but try to get your main features such as header, navigation and side bars as complete as possible. Once you have the main features, its really easy to select the right font and colours for the rest of your design when you write your css.
When I’m developing my theme there are some key things that I do. Firstly, I visit some good css galleries such as cssremix.com and cssbeauty.com. You can see some really nice designs on these sites and whist there may not be any designs aimed at the same niche as yours, you can still gain a great deal of inspiration from some of the designs on these sites. Its normally the really small, subtle effects that I notice. Another thing that really helps me is to look through web design magazines. I like to read .net magazine. The experts in these magazines provide really useful information and there are always great examples of websites to inspire you.
I also look through previous work that I have done do determine a suitable layout to use. Normally, the layout will have to be totally changed to fit in with the new site design but this helps me decide whether I need a fixed width or fluid layout, a sidebar, or just a top bar etc. By now, I am usually ready to start creating the Photoshop mockup.
The beauty of doing a mockup in Photoshop first is that you can change things easily and get feedback from the client before you begin coding. It also makes it very easy to build on your design until you get something you are really happy with. Use your sketches from earlier and all the ideas you have accumulated as you begin your Photoshop mockup. Soon, you will have a nice looking design and our creative block will be overcome. Once this is done you can get final approval from the client and move on to the next step of development.
Conclusion
When you hit a creative block don’t worry to much about it. It happens to us all and you will be able to complete your project with little delay. The most important thing to remember is not to rush into a design when you are short on ideas. You will end up creating something neither you, or the client are happy with. Take the time to go through the steps outlined here, and of course, add anything else that helps you out to the process.
