Back when I was just a wee young designer, I used to jump onto Photoshop the second I started a new design. The result was lots of rework, and lots of wasted time.

Over the past few years I’ve settled into a process that instead focuses on upfront preparation. I’ve found that spending a bit of time on prep saves a lot of time in the overall design. And, I get better results with a less stress.

So here’s my process. Call it “Alexis’ secret for a stress-free design.“

  • Start with an idea file. I start by researching my customer’s audience and competition. I try to figure out what works on different sites and what doesn’t. I also flip though website galleries and design annuals, looking for pieces of inspiration that fit with my customer’s goals and can start to spark a design.
  • Move to sketches. Once I have a direction in mind, I start sketching. Often I’ll work on just one element of the site first — the header or the footer, or maybe the navigation. I like to get one component right, then build the rest of the layout around that.
  • Choose a color palette. After I’ve got a basic layout, I start to think about color. Often I’m working with a client’s existing brand colors, but want to create a richer, complementary palette for the web. I sometimes visit sites like kuler.adobe.com as a jumping-off point for ideas.
  • Head to Photoshop. Once I’ve got the building blocks of the site– the layout and color palette – I can jump onto Photoshop and create the final design. At that point, Photoshop is just a matter of executing the concept I already have – easy peasy.

It’s important to spread this process over two or three days. I get much better results if I have time to let the design concepts sink in, if I can sleep on them. Inspiration often strikes not when I’m plowing through a project, but when I take a moment to step away from it.

It’s also important to get feedback between every step in the process – an external perspective on whether I’m on the right track. That stops me from going too far down the road on a design if it’s not quite right for the customer. Saves me time, saves the customer money.

That’s what I call a win–win.

Often when I’m talking with a potential customer, they get stuck one question. Is improving their website really worth the investment?

They might want a good website in theory. But paying for it can seem like money spent on overhead, without much return on investment.

That’s why I help customers figure out clear business goals for their website, before they get started. Goals intended to help their business grow.

Those goals could include things like having more customers:

  • Fill out a “request for estimate” form
  • Click a “chat with a salesperson” button
  • Download a brochure, sales flyer, or white paper
  • Watch a sales video
  • Download a coupon
  • Sign up for a mailing list
  • And, of course, make a purchase!

Once we set goals for a website, its value becomes more clear. And our job as web developers also becomes clear: design a site that will achieve those goals.

We do that in a lot of ways. By creating a professional website that lends credibility to the business. By building intuitive navigation that lead visitors through a desired “path” in the site. By making contact information easy to find. By creating easy-to-use forms. And by designing effective calls to action.

The proof in the pudding is when we measure results against the goals. We can measure just about anything using Google Analytics. But we also love to hear firsthand results from our customers. Like when HotSpring told us that the majority of their sales were now coming in through their website. Or when K12 Gallery told us that online donations were starting to roll in.

From my perspective, a beautiful website is great. But if it’s not helping your business grow, it’s just so much ink on … well, a screen.