DIY WordPress: How to Make a Blog Banner in About an Hour

(Reading time: 3 – 4 minutes)

As a DIY WordPress’er building your website in a weekend, you need to get things done Right Now, and worry about the details later.

And unless you’re a graphic design wizard, your banner is probably going to be a great, big, pain in your tailfeathers. (Technically, a “PITA.”)

Now, there’s some serious irony here, because I’m doing the same sort of thing, working for about an hour to get both a new banner and this blog post describing the banner posted.

Let’s see how far we get.

Blog banner in an hour or less

The key is starting from a known working banner… and by “known working” I mean using Photoshop or GIMP files which are ready-to-go. Helpful blogger that I am, I’m providing you with just such.

Or get both!

The next thing to notice is that each of the elements of the banner are on different layers. There’s layers for:

  • Background (white, not used)
  • Overlay color (green)
  • Woodgrain texture
  • “Website In A Weekend” text
  • “Web Zero to Web Hero” text.
  • Blackie and I enjoying a moment together.
  • Others, not important right now.

Cut and paste layers

Now, just cut and paste for each layer as you will:

  • Use your own image. Move it around.
  • Use your own blog title and tag line.
  • Change the color and texture.

Once you have all your layers, export your png or jpg file, and you have a brand, new banner.

What’s cool: once you get a basic image file going, you have created an asset for your website or web business.

Get professional help

I do graphics when necessary. It’s not my strength. Here, changing the image in the Website In A Weekend banner was pretty simple, as I had the base file. In any case, simple graphics is, well, simple.

It’s design that’s hard!

When I need to design, I get professional help. Here’s two of my favorite professionals:

  • Amanda Farough, the brilliance driving violetminded design. Amanda designs for accessibility and connection, and did the conceptual design and implementation of the current Website In A Weekend. She’s on a brief sabbatical, make sure to get on her list.
  • Roberto Koci, the powerhouse behind Red Diamond Studios. Roberto designs for energy and excitement. I’ve worked with Roberto for years, cannot recommend him highly enough.

An hour’s work, more or less

Recall from yesterday I’m experimenting with working 1 hour per day maximum on Website In A Weekend, including writing blog posts.

I’m finishing up right here with 12 minutes to go, which included:

  • Redoing the banner for Website In A Weekend.
  • Uploading the banner to Website In A Weekend Thesis theme custom/images directory.
  • Updating W3 Total Cache to use the new banner. I want to see how it looks now.
  • Writing this blog post, some of which was done while I was working.

Now it’s time for a little split-shifting. Off to surf, will check email later!

Meantime, how are you getting your bloggy chores done fast and efficiently? Leave a note in the comments, let’s compare!

How to Spot an Effective Design

(Reading time: 4 – 7 minutes)


How to Spot an Effective Design

-by Jason Amunwa

One of the hardest things to do as a client is objectively evaluate work submitted to you. After all, you’ve hired other people to do it for you because they’re the experts, right? Nowhere is this more true, in my humble opinion, than in the field of design. It’s easy to mistake design as the simple act of “making it pretty”, but a lot more goes into it than you’d think. Often, clients will make the mistake of allowing their personal preferences on colors, fonts, etc. to obscure what would otherwise be a logical and well-designed piece of communication.

Below, you’ll find a few tips on how to judge whether or not a design is objectively ‘good’ for your purposes – after all, you want to get the best design for your money, right?

Put yourself in your customers’/audience’s shoes

The very first thing you should do when looking at a design is forget about yourself. Unless you are the only person in the world who is intended to view this particular design, you need to empathize with the actual end-users: your customers. Only by viewing the work from your customers’ perspective will you be able to suggest changes that will make it better for them – which in turn will make the design more effective for you. Design is art with a purpose, so keep the ultimate goal of the work firmly in mind as you review it, and chances are it’ll be more effective.

What’s the black hole?

By this, I mean which single element within the design exerts the strongest pull on your eye? Is it the logo? The headline? The image? Once you’ve established this, consider whether this helps or harms the objective of the work as a whole. Do you want people to know who is communicating with them via this message, or is that a given? Do they need to take action (usually, yes, they do)? If so, what?

This doesn’t necessarily have to apply to one single item – there should be a clear hierarchy in the elements, with the most important attracting your eye more than the less important.

Ride the river

In keeping with the tip to empathize with your customer, try to watch yourself as you interact with this design, whether it’s reading a poster, looking through a website design, etc. Is there a natural progression in the information, or does it feel fragmented and disjointed? Is your eye able to easily scan the piece and retrieve the necessary information, or do you strain to concentrate?

A good design will have considered the needs of the audience, and structured the layout and information to enable the viewer to relax and be carried through the necessary information smoothly – almost like riding a river downstream. In an inner-tube. While the sun shines on your face. Ahhh…

A bad design makes you feel like you’re swimming upstream against a raging river, like salmon during mating season. Oh, and there are bears trying to catch you. Like this.

Trust your gut

I espouse this approach in my article Getting the Best out of Your Freelancers, but I’ll say it again: reviewing a piece of work can oftentimes be difficult, involving hours spent pondering over pro’s and cons, second-guessing and mind-changing. Solid decisions are frequently made in the blink of an eye, though – much like how your customers will when they see a piece of work for the first time. Therefore, when presented with a piece of work, take note of your gut reaction to it. Don’t block out other considerations, but don’t necessarily reject them outright, simply because they occurred to you in the first couple of seconds, either.

Is there a pattern?

No, I don’t mean checking for paisley (unless you’re into that kind of thing). What I mean is: humans are hard-wired for pattern recognition, and we spot them quickly and efficiently (sometimes even when they’re not really there – ever been cloud-watching?). Effective design creates a consistent and logical pattern – a language, if you will – which allows the user to become familiar with it over time, and therefore interact with it more efficiently. Example: everywhere on the web, you see certain words underlined and in blue – we all know they’re clickable links. Design, plus time and experience has taught us to have this expectation wherever we see them – a common visual language that needs no explanation.

Click here, then, to see this system completely break down.

Nothing happened, right? This is what happens when an inconsistent design is used – it’s not a link, just some blue, underlined text. Make sure the design isn’t setting up false expectations from your audience, which leads to confusion, frustration, and ultimately, missed opportunities.


Jason Amunwa is a marketing Macgyver, with experience creating innovative campaign strategies, designing creative executions across multiple channels, and most of the stuff that happens in-between, for brands big and small. He writes for marketing blog The Zest, loves talking tech and marketing strategy, and is suspicious of helicopters.