How Not to Design Your Blog

Joining us today is Renee from Studio Bold, aka the creative genius behind the lovely new look for SITS. As part of our blog design mini-series, she is passing along her insight on how to keep your blog looking fab, without help from a professional designer…

How Not To Design Your BlogThis week marks the start of both 31 Days to Build a Better Blog in the SITS Forum and New York Fashion Week, so I can’t think of a better time to talk about blog design.

You’ve heard everybody say it: content is king. And yes, you do need to have great content, as well as SEO and a social media presence to have a blog that people come back to day after day. But the first impression a new blog visitor gets comes from what a blog looks like. And if your blog doesn’t look good or is confusing to navigate, your audience won’t stay and continue reading.

A well-dressed blog can maximize your assets and show off your personal style. This makes viewers want to get to know you better, and you’ll enjoy stronger readership and higher success in achieving your blogging goals as a result. Plus, the confidence and self-esteem you gain from knowing your blog looks good makes you more likely to keep up with writing posts and taking the time to promote them.

That said, you don’t have to spend a ton of money on a theme or hire a designer to have a stylish blog. I’ve put together three simple style rules you can follow that will keep your do-it-yourself  blog from looking homemade.

The Rules:

Rule #1: Know your blog type and play up your assets.

When a new visitor comes to your site it should be obvious to them what type of blog they’re about to read. For instance, a blog about food should use food pictures and earthy, foody colors. A humorous blog should have a funny title, tagline or graphics and look full of energy.

When Pigs Fly Humor Blog Header Design

Give your readers a focal point to keep their first impression from being too chaotic. When choosing your focal point, ask yourself what the first thing is that you want readers to notice when they click on your site. Do you want them to see your logo, your profile, the topics you regularly post about or a recent post or excerpt? Make that the biggest and most eye-catching section or graphic on your blog. Then choose coordinating graphics and colors that have the same attitude, mood or tone, but keep them small.

Rule #2: Choose patterns that aren’t distracting.

Patterns are great and they add the kind of detail that makes your blog special. But ask yourself: Would you wear a cocktail dress made from your background pattern (this goes for Twitter, too)? No? Well then why is your blog wearing a full-length ballgown of it? A distracting background can cause a reader to lose focus and miss out on the content you want them to read.

Bad and Good Use of Large Pattern for Blog Design

Photo Credit: Dress - vzmoda35, Clutch - a03designs (Both from Etsy)

Choose a background with a small print. Or if you find a large or bold print that you LOVE, use it sparingly like an accessory—on your header and footer, a fat stripe across the middle, or in one of your sidebar widgets. Or pick one with only a subtle contrast in the colors, like light blue on medium blue. Mixing patterns is fun but make sure you color-coordinate your mixed prints, or stick to one dominant print with additional small prints.

Also, try not to have type running over any background that has a dominant print to it. Again, if people can’t read it, they will leave.

Rule #3: Keep accessories simple.

Widgets are designed to enhance your blog post content, not obscure it. Keep your widgets simple and only use a few to keep them from becoming visually overwhelming. Be conscientious about what you really need. Are you really using that calendar widget that came with your theme? If you must have a lot, try putting them in a tabbed widget so they aren’t all visible at the same time.

Too Many Distracting Accessories

Blog badges and awards are fun to display but often come in many different sizes and design styles. If you start accumulating a lot it can make your sidebar look unkempt, saying “I’m a crazy badge lady” instead of “I’m an award-winning blogger.” Instead, keep a few of your most recent or most important badges in a two-column ad widget on your sidebar and create a separate blog page to highlight the rest.

Wow!  As long as I have been blogging, I still read through this post, wide-eyed and nodding my head in agreement.  Thanks, Renee!

Now, let’s do something fun.  In honor of Renee’s fab post today, head over to the Studio Bold blog, especially if your site is in desperate need of a design overhaul.  Renee is hosting the “How Not To Design” contest.  Simply nominate your blog as a design victim and you could win a FREE Blog Mini-Makeover worth $350!

I’ll say that again to make sure you didn’t miss it….

$350 Blog Makeover Giveaway!

Now go.

{If you liked this post, then be sure to check out Part 1, Fundamental Questions to Answer Before You Get Started, and Part 3, How to Be Successful with a Blog Designer, of our blog design mini-series.}

About the Author

AKA - Bold Mom. Graphic and Web Designer, Wife and Momtrepreneur. Eats, sleeps and breathes design. Loves helping bloggers look their best!

Studio Bold | Bold Mom | Twitter | Facebook

Pin It
158


Online is Good, But In Real Life is Better

You've heard all about Bloggy Boot Camp, but now it's time for
you to take the leap.

Surround yourself with women who are as excited and eager to learn
& network as you are.

You'll laugh. You'll cry. And you'll wonder why you never thought to join us sooner.

Our Dallas stop is happening on September 15, 2012. Learn about how to work with brands, SEO, how to build your following, vlogging, finding your voice online, and more.

You do so much for other people. Take a moment and do something for yourself!

Comments

  1. Chelsea Moos says:

    Thanks for the great information! I got rid of my side widgets and made it more simple.
    Chelsea Moos recently posted..My First Mothers Day | A Personal Review

  2. Mejia Mamma says:

    Thanks for the info!!

Trackbacks

  1. [...] Additional Entries (separate comments, please): • Comment on my post on SITS to learn How Not to Design when making changes to your blog. • Follow @StudioBold on Twitter. • Like Studio Bold Graphic [...]

  2. [...] This post was mentioned on Twitter by JOYS, Tiffany Romero, Dawn, Yo Media, Studio Bold, LLC and others. Studio Bold, LLC said: I wrote a guest post about blog design today at @SITSGirls called "How Not To Design Your Blog". http://bit.ly/g2fhKD [...]

  3. [...] actually remembered to check SITS blog the other day, only to come across a post on how not to design your blog. The author talks about how it needs to be obvious what kind of blog one has – I don’t [...]

  4. [...] in February I wrote a guest post for SITS on How NOT to Design your blog. In coordination with the SITS post, I had contest for a Blog Mini Makeover on my blog. [...]

158 Responses to How Not to Design Your Blog

*

CommentLuv badge
social