August 22, 2011
You're ready to launch, but one problem: it's ugly as sin. It's not that you didn't try adding some CSS3 rounded corners and drop-shadows wherever you could. But it's not good enough.
You need a designer.
When branding Contactually, we knew that having an elegant design was incredibly important, something that Dave McClure and others keep pushing for. And we're lucky at Contactually. We've been working with some amazing designers for years, so when it came time to improve our appearance and build a killer landing page and site design, we had an effortless process. And we think the final product is really elegant, exactly what we want. Too lazy to click the link? Snapshot to the left.
But how do you get from point A (hideous, hideous site) to point B (sexy, gorgeous application)?
Even if you know you want a unique design, you should at least spend half an hour on ThemeForest or similar sites. We're huge fanboys of ThemeForest, because whether you just want a landing page or are looking for a skin for your internal application or blog, you can get some really great design for cheap (we're talking ~30 bucks here).
Seriously, it takes a few hours and is completely worth the investment. Do this if you're too lazy to do anything else.
Upside: Super cheap, better than your weak design (Firebug is **not** a design tool).
But: With these template sites, there is a lot of good stuff out there, but a lot of ugly stuff still. Send your friends a few options and see what they think. Also, pay attention to the download count. The more times a theme has been downloaded, the greater chance there is of coming across a site... that looks... exactly like yours.
This is what we always push for whenever possible. I know you're thinking this might be an impossible thing to do, as it involves A) finding a designer, B) talking to a human being, C) paying money, D) judging design, and E) talking to a human being.
Let's walk through this step by step.
Finding a Designer
You're willing to give this whole "custom design" thing a try, but you don't know a single designer. Where do they hang out?
Talking to a Designer
By now you should have the contact information for a few designers you like. Now it's time to contact them. Don't be shy - these are freelance designers, so they are receptive to out-of-the-blue requests. What should you ask them? Something like:
Hey there, I found your work on _______________ and really love it. I'm currently working on a startup, and would love to work with you on implementing a good design for it. I'd love to see some more examples of your work with startups, if you have any. Also, what are your rates, and how do you prefer to work? Do you have availability in the next couple weeks for a small 3-5 page design?
You should hopefully hear back from most of them. While it's nice to hear about their work and how they prefer to work with clients, what really matters is the availability and budget. The better the designer, the more they are oftentimes booked solid, or reserve any free time for repeat clients. Then we get to budget. You'll find that budget varies wildly, and how they charge also. While the terms of budget are completely up to you, I recommend going with a fixed price, fixed scope project. Meaning that for $X, they'll provide Y full color designs, with Z rounds of revisions. For example, you might find that, for $2000, they'll provide five pages of full color designs, with three rounds of revisions.
While it's commonplace to offer to pay your employees and contractors in equity, I would not recommend doing so here. Designers, in this case, provide a specific one-time service, and they work with startups all the time offering this.
Working with a Designer
In order to get the best outcome, you should define clear inputs and deliverables for working with a freelance designer. Don't expect them to just look at your app and "make it look pretty."
I've attached my wireframes (click on the picture to the left). I wireframed out three pages (two landing pages and a blog template) that I wanted. I was using OmniGraffle, other good products are Balsamiq or just Adobe Illustrator. If you give them a scanned page of your scribbles, shame on you.
Provide all of this to your designer. Within a few days, you'll hopefully get the first round of design back.
Get Feedback - Don't expect to completely love what your designer comes back with first. Design is a conversation. Share the designs with other people in your company, friends, advisors. Get as much feedback as you can. Go back to your designer with specific changes. Of course, you may completely reject what they've done so far, in which case, simply relay that to them. Good designers will accept and appreciate good feedback, and want to ensure they deliver a product everyone is happy with. They should take your rejection in stride, and go back to the drawing board. Depending on your agreement with them, they may ask for an additional fee to help cover the hours, if you've gone past the agreed-upon limit.
When you are completely done, ask them for PSDs of the design. You're done.
Depending on how busy your designer is, and how fast you are in turning around feedback, expect the design process to take two to three weeks.
If your developers have enough expertise with front end development, they should be able to handle it. This is often where a design can falter. You really need to stress that the coded design should be a pixel-perfect replica of the PSD source file. Tiny mis-alignments, font changes, and flat-out errors will make your gorgeous design look like a pile of garbage to a well trained eye.
Not confident? There's no shame in hiring a PSD->HTML service to give your developers exactly what they need. First ask the designer. Occasionally a designer will be able to code the HTML themselves for an additional fee, or connect you with someone they've worked with before.
Did I leave anything out? Drop in a comment.