Saturday, July 30, 2011

Friday, July 29, 2011

The Other Side of Venus by Sharon Sieben, Painting - Watercolor | Zatista

The Other Side of Venus by Sharon Sieben, Painting - Watercolor | Zatista

Artriver: Garden Dry and Cool, 1921

Artriver: Garden Dry and Cool, 1921

Garden Dry and Cool, 1921

Artriver: Before the Snows, 1929

Artriver: Before the Snows, 1929

Before the Snows, 1929

Artriver: Fertile Country

Artriver: Fertile Country

Fertile Country

Wednesday, July 6, 2011

biz ladies: web design tricks to improve your brand | Design*Sponge

biz ladies: web design tricks to improve your brand | Design*Sponge

With all the pressure to have a web presence, a lot of small business owners jump to get a website (with or without a blog) up and running as quickly as possible. Especially since creative entrepreneurs typically run their businesses on a tight budget, these sites are often mostly or all DIY.

Fast forward a bit down the line and many of the entrepreneurs I know have started to feel anywhere from mildly dissatisfied to downright embarrassed about their web presence. I’ve worked with people who are hesitant to give anyone their blog address because their site just doesn’t represent them and their business the way they want to be seen.

Kind of defeats the whole purpose of a public website, right?

Beyond how the business owner feels about the site, however, having a strong, well-designed and attractive web presence is a necessity for doing business online. You want your site to tell prospective clients, customers and collaborators that you are here to stay, that you can be counted on and that you are serious about your business.

While it’s often a good idea to work with a graphic designer or a web designer for total overhauls, there are also many changes you make yourself to improve your web presence and better communicate your brand.

1. Go beyond the standard template.

While the normal Blogger or WordPress template won’t necessarily hurt your business, it certainly won’t help you create a memorable impression. Plus, the defaults often don’t have as many features as other free templates or themes. If you can’t afford to work with a web designer, at least consider opting for a premium theme that makes it easy to customize your site yourself. Especially for self-hosted WordPress sites, there are great options that start at around $20.

2. Create a stand-out, brand-aligned header and navigation bar.

When April Bowles Olin from Blacksburg Belle and I recently began working on a site refresh, we started with her blog header and navigation bar. Since her site is focused on supporting creative businesses, we wanted a professional feel, but nothing too stuffy. April also wanted a much cleaner look than her old header, which ran the risk of distracting readers from her content and didn’t really connect with what she offers.

In addition to the conceptual changes we made to address those factors, we also shortened her header to allow more of her content to show the first time a user opens her page, and we used a full-width menu background to ground her site and make it feel super streamlined and modern. High contrast colors catch the reader’s eye and make it easy to see the navigation links.

As you consider your own header and navigation bar, ask yourself

  • Will people instantly know what kind of business or site they’ve reached from seeing my header, and will it help them recognize my specific brand?
  • Is my header so big that none of my content shows without scrolling?
  • Can people click my header and return to my home page? (This is common practice; your visitors will expect it, and it makes your site easier to use.)
  • Is my navigation bar easy to read?
  • Does it only contain the things that people need to be able to find easily, or are there extra pages that make it busy and confusing?
  • Are the colors and fonts consistent with the rest of my branding?

3. Make sure everything is cohesive and connected.

“Cohesive” is one of my favorite words in branding and design! The idea is to repeat key themes (color, shape, imagery and illustration style are all common choices) across different graphics and areas of your site. These repeated themes shouldn’t be pulled out of thin air, though — they should directly relate to your overall branding, including offline pieces like business cards and labels.

In this example from The Merriweather Council, Danielle Spurge re-designed her own sidebar labels and buttons to better coordinate with her overall branding. She’s gotten great feedback from customers, and her site has become more useable because the bright colors draw your eye, show you where to click and help you find useful information easily and quickly.

Ask yourself

  • Do I have a few central design themes in my branding that I should be repeating so that customers can easily recognize them?
  • Am I using deliberate repetition, rather than sprinkling similar bits and pieces randomly about my site?
  • Am I considering usability as I make choices about where to use color and illustrations?

4. Choose appropriate fonts for your brand AND make sure they’re functional.

I love a good handwriting font as much as the next person, but there’s a time and a place for them and for every other font. Just like with site and blog templates, a plain font or one of the standards that comes with your computer might not detract from your site (at least not for everybody — the design-obsessed will certainly notice), but it won’t add anything, either.

You want your brand to be recognizable and to represent what you do. For that to happen, I strongly recommend searching out premium fonts that will make you a bit more unique and that better fit your business (these start around $20, making them a pretty cheap way to upgrade your look). Do make sure to read the license to make sure you’re using fonts that are approved for commercial use.

Erin Giles of Elegant Girl upgraded her look by commissioning custom, calligraphic lettering from Emily Poe of Sparrow Nest Script. She combined this with a clean but fun font to create a much more intriguing, individualized and recognizable header that better represents her brand and is more appealing to her customer base. Since making targeted changes to her branding, Erin’s jewelry sales have doubled.

Consider usability with fonts, too! Erin did not use a calligraphic font for her blog posts. Even though you may think they look cool, handwriting fonts aren’t a good choice for blocks of text because they’re hard to read. You want people to read your writing, otherwise you wouldn’t put it on the internet, right? Don’t make it hard!

Ask yourself

  • What are some keywords I want associated with my brand? Is it casual or formal? Classic or modern? Funky or traditional? Am I using fonts that I’d describe with the same keywords?
  • How many fonts am I using? (Try to limit yourself to 2–3.)
  • Am I consistently using the same fonts and font colors for elements like post titles?
  • Is my actual page text easy to read?

5. Test and adjust.

As you decide upon and plan changes to your online branding and marketing, consider doing some basic user testing to aid your decision-making. Two quick ways to apply user testing to the changes I’ve just described are

A. Before you start making changes, see how people are spending time on your page, and use that to inform the areas you prioritize in your updates. In Google Analytics, you can use a tool that’s still in beta testing called “In-Page Analytics” to see where people click most often. If it’s not where you want them to be clicking, you’ll know you need to make a change.

B. Try two different sets of sidebar buttons (or any graphic) — use one for two weeks, then another for two weeks. Check your site data to see if there’s a noticeable difference in clicks. This kind of A/B testing is also great for advertising campaigns. If you have two different ads you’re trying to choose between, see if you can run one for a week, then the other, and go with whichever ad gets you the most leads.

Of course, your web presence is only one part of your whole branding package and has to be supplemented by all the other pieces and practices that go into running a small business. But if you neglect to set up a strong web presence, you’re essentially turning away connections and customers. I think you’ll find that putting even a little time and energy into your website will reap big rewards!

I’d love to hear more about the changes you’re hoping or planning to make, and even see your before-and-after shots!