Category: Web Design


On Saturday I sat down with WordPress and the NextGen image gallery plugin and added my web design portfolio to my site in about three hours total. Actually, it only took about one hour to get the gallery set up with all the images; the rest of the time was spent adding descriptions, links and tags.

I’m using the default Thickbox effect, but had to go into the Thickbox .css file to make my two-line captions fit properly. And NextGen is still giving me a scripting error that I can’t resolve.

But all in all I’m happy with the appearance. Let me know what you think.

Pricing my web design work is sometimes challenging – I’m a lot better at estimating now than I was a few years ago when I started, but still it can be difficult.

When I first started my business I priced everything at a project rate and really undercharged. Now I tend to price larger assignments as a project, but for specific tasks that I’m not sure about, I’ll either provide a price range based on my hourly rate or just indicate that it will be done at the hourly rate. For smaller assignments including all website maintenance, they’re almost always done at the hourly rate.  Special assignments are determined on a case-by-case basis.

Here are some ideas about pricing projects and an excellent hourly rate calculator from FreelanceSwitch.

General Pricing Info

Hourly Rate or Project Pricing?

Hourly Rate Calculator

I just learned that.

I spent about 4 hours working on the paper background you see here, futzing with getting the tiling wrapper background to mesh seamlessly with the footer and header pieces. I love how it turned out – it’s for a horse sale website with an obviously Western flavor, but when I checked in IE6 I found it simply stretching the wrapper instead of tiling.

Hmm. I had no idea.

So I went back to Photoshop, opened up my wrapper-bg.png and put a background color layer similar to the middle values of my gradient-filled browser background. I also had to do it to the footer piece. It’s not going to be right on because of the background gradient, but it’s close enough.

I really hate IE6. I know I say I don’t support it anymore, but I can’t stand it when something I’ve worked hard on falls apart and I just have to try to fix it…

I have a WordPress project that’s drawing to a close. This morning I’ve been working on the last few items and thought I would share.

This site uses FoxyCart for ecommerce. I really like FoxyCart – it’s very easy to integrate into a static website, and thanks to the FoxyCart + WordPress integration screencast tutorial I found it was not that difficult to get it into WordPress, too. If you’re using only simple input elements like buttons, you can set it up so that the editor can easily add/update product using a custom template page and custom fields. However, in my client’s case we’re using checkboxes, select menus, etc. so I opted for just creating a template that included the form. You can customize the CSS of the checkout pages without a lot of effort.

I needed to hide one of the categories in the blog from both the sidebar ‘Categories’ widget and the blog home page itself (this category’s posts are only visible from links in the site’s Archives Gallery). I found this very short and easy way to hide one or more categories in the blog.

Finally, I needed to add a favicon to the site. I got this .ico plugin for Photoshop, but then discovered I didn’t really need it because I can make a favicon as a .png. I created it, saved it as favicon.png in the WordPress theme’s images directory, then added it to the header.php file for the template like this:

This was easy and looks really nice. The site’s almost ready to launch.

Roger Johansson’s 456 Berea Street has always been one of my favorite web design blogs. I’m happy to see that the break is coming to a close and looking forward to more good information in his blog, tutorials, and articles.

I had lunch with John Metcalf of JM Designs last week, and he told me something interesting he’d heard recently that started me thinking about my pricing.

A potential client comes to you wanting a new website for her business. She has a logo, letterhead, maybe even a brochure. She’s thought about colors and other design elements appropriate to her brand.

All well and good. You’ve got a solid place to start working on design ideas because you already know the direction that’s indicated.

Say another potential client comes to also wanting a new website. He has no marketing materials – no brochure, letterhead, not even a logo. Or, he may have all of that and an old website he wants to have redesigned. Does he have marketing materials that reflect what he wants in a new look? No. Does he have any ideas? No.

Not so good.

I’m approached by both kinds of potential clients. In the past, I never really thought about the difference consciously; I’m sure I grumble about it when trying to find some inspiration for a site with no design background to speak of.

So why would I treat these clients the same? Isn’t my job going to be easier with the first client than with the second?

Absolutely it is. So why should I charge them the same project fee? I shouldn’t. I should be charging more to the second client because not only am I designing and building a website, I’m helping him establish branding for his business that can carry over into his other marketing areas – brochures, etc.

I’m putting this in my ‘think about this when the next estimate is written’ folder and will begin charging more for those clients who come to me completely empty-handed.

© 2012 position: relative; All rights reserved. Powered by WordPress.