5 Great Tips to Spruce Up Your Blog’s Design

595b19727c716225a5a27d2c167812f4 0 Del.icio.us

When a brand new visitor stumbles onto your website they’re going to decide within a matter of seconds whether or not they’re going to stick around.

It’s vital to create a powerful first impression if you plan on keeping your visitors at your site. For that matter, if you want your regular visitors to remain regular visitors then you’ve got to maintain a site that’s well organized, easy to navigate and fun to interact with.

Here’s a collection of 8 great tips to help you get started in creating a powerful first impression on your website or blog.

1.  Clean up that messy sidebar

Most people use their sidebars as the catch all for anything they find on the internet that happens to be labeled as a widget.  This day in history?  Put it in the sidebar.  My astrological fortune?  Put it in the sidebar.  My pet cat’s latest tweets?  Put it in the sidebar.

But good sidebars aren’t built like that.  Effective sidebars support the focus of your website.  They provide information and links that build your site’s overall theme.

In other words, if the widget has nothing to do with the rest of your site then get rid of it.  Put items in your sidebar only if they make sense with the rest of your blog.  Get that sidebar cleaned up.

2.  Choose a font we can read

If your users are squinting to read your material then you can count on the fact that they’re probably not going to stick around for very long.  Since our fonts are carrying the actual content of our blogs, it’s vital that they provide the support necessary to really bring the readers in.

calibri-sample

Here’s four principles to guide you in selecting the fonts for you blog:

  • Get rid of the ‘Times New Roman‘ family of fonts.  Serifs are out.  Pick something that’s easier on the eyes like Calibri, Tahoma or Arial.
  • Use a large, comfortable font-size and provide space between each paragraph.
  • Keep the font style the same across all of your pages.
  • If you use different fonts for headers and titles then limit the number of fonts site wide to only 3 or 4.  Any more and it will be a distraction to the reader.

3.  Optimize your post footers

If you have a visitor that just read one of your articles and enjoyed it then what would you like for them to do next? Regardless of your answer to that question, optimizing your post footer is the key to achieving it.

I have five specific things that I would like my users to do after reading an article and you can see these five options at the bottom of every post at Site Sketch 101. I recommend that you develop something similar to this.

  • View and read other similar articles.
  • Subscribe to updates via either RSS or Email.
  • Use a social bookmarking site to share the article.
  • Visit an advertiser’s website.
  • Contribute feedback in the comments section.

You can see that I have my post footers designed specifically to support these five goals.

4.  Learn how to create emphasis

There are certain things on your site that you may choose to draw more attention to than others. Whatever it is that you may be trying to accomplish at your site, you can accomplish it more effectively by learning to place emphasis on it.  You can do that by placing links above the fold, by making them larger or bolder than that surrounding features and by making them very clear and easy to navigate for the user.

We all want to get more subscribers at our websites so let’s explore this concept using our subscription links as an example.

If you want to make it easy for your users to subscribe to your website, I recommend that you find a large RSS icon that matches the overall look of the site and that you place it on several parts of your website. You should place one in the header, one in the sidebar, and one in the footer of each post.

If you can prominently display your subscription options in a classy, non-overbearing way then your readers will be led to click through and subscribe to your feed.

5.  Overhaul with a whole new theme

Of course, if you’ve already tried everything else and you still can’t seem to come up with something that you and your readers really fancy then you can also install a new theme altogether.  Sometimes a fresh start with a new template is the perfect way to create a buzz around your site.

Need help picking out a new template?  Check out these premium templates and template clubs to help you get started.

  • Elegant Themes – $20/Year: Elegant Themes offers one of the best WordPress themes club available online at one of the lowest possible prices.  It’s no wonder this is one of the fastest growing template clubs.
  • Woo Themes – $125/Year: Woo Themes may cost a bit more than my first recommendation, but it’s also my theme club of choice.  I use a Woo Themes template right here at Site Sketch 101.
  • Theme Forest – As low as $25/Template: With Theme Forest, you’re given an entire marketplace with 100′s of premium themes for WordPress, Joomla and other content management systems.

For more theme ideas check out the bottom of the sidebar.  I have a bunch of themes and theme clubs listed down there that are worth checking out.

Group Reflection

There are actually a lot of things that we can do to pump up the visual appeal of our websites.  What other elements and principles can help us out with this?  Which of the five listed above do you think will be the biggest help to you?

Share your Opinion

and be a part of the discussion.

  1. Name (required)

    Mail (required)

    Website
    Your Comment

7 Inbound Links

These awesome sites are linking here!

  1. 5 Great Tips To Spruce Up Your Blog’s Design | Blog Mixer
  2. 5 Great Tips to Spruce Up Your Blog’s Design | Design Newz
  3. Sunday Killer Link Love Post #1
  4. Sunday Killer Link Love Post #1 – Cash-Bandit.com
  5. Mes favoris du 30-11-09
  6. Serious Monday Roundup #19
  7. 4 Things that Big Bloggers tell You that You Shouldn’t Ignore | Tales of a Literary Nobody

87 Vibrant Comments

I would love to hear yours!


  1. November 24, 2009

    izzat aziz said:

    I think i did pretty much everything that you say except post footer, the important thing about blog design is make it look clean, and use easy to navigate around..

    i love color, so i try to use 3-4 different color, i think it look good..
    if it is not too much, can you give your opinion about my blog design? Still edit here and there though.. :)

    I love elegant themes, because it so cheap i mean seriously cheap.
    My Latest Blog Post: You should ask your mom how to become a better blogger


  2. November 24, 2009

    Eric Bannatyne said:

    That’s an excellent tip about the sidebars. I think sidebars cluttered with useless junk are just annoying.

    Another way to add emphasis to a section of a page is to add more whitespace around it. I think it’s generally a good idea to give important features “room to breathe”.

    Thanks for the tips, I am always looking for ways to improve my theme. I guess my next step would be to *sigh* improve compatibility with Internet Explorer.
    My Latest Blog Post: Creating the WordPress Comments Section


    • November 24, 2009

      Nicholas Cardot said:

      Eric Bannatyne –> That’s exactly right. White space can be a terrific way to bring attention to an area that you want to show off as important.

      Ha ha. Don’t worry. I hate Internet Explorer also.


  3. November 24, 2009

    Javs said:

    This is an excellent round up. Thanks for sharing this

    As you said website appeal is one of the major factor retaining vistors to our site. Themes in simple graphics with bold and bright colours will be pleasing to most of the site visitors. We also need to use strech layouts so that it can fit to any screen resolution.

    We should avoid the things that annoy users. Especially background music, scripts, Flash and server side included files etc., will definitely slow down the site loading time.

    The point which you have made about footer section is very much useful, giving opportunity for the visitor to share the information he enjoyed with others and also encouraging him to read further related articles in the blog.


  4. November 24, 2009

    kalyan said:

    Hi,very nice post and useful tips, I use blogger Platform so the availability and features are not in par with wordpress and wish only talented web designers show some interest in designing excellent templates for blogger too !
    My Latest Blog Post: kalyan inampudi wants to keep up with you on Twitter


    • November 24, 2009

      Nicholas Cardot said:

      kalyan –> That’s why I’m so adamant about recommending that people switch away from Blogger and start using a more well designed CMS like WordPress. I used to use blogger way back but I love the flexibility of WordPress.


  5. November 24, 2009

    George Serradinho said:

    Nice post with great information. I have been testing my blog design for the last few weeks to find the right layout for me. I think I am almost finished, but there is always something that comes up.
    My Latest Blog Post: Enhance Your Featured Posts using Smooth Slider WordPress Plugin


  6. November 24, 2009

    Mantiuxa said:

    Sorry, but saying that serifs are out is pure nonsense.


    • November 24, 2009

      Nicholas Cardot said:

      Mantiuxa –> I don’t think that it is. There is a fast growing trend among website developers to stop using serifs for any of the content portion of their sites. For online reading it is generally accepted as much easier to read. I’ve heard this from many different sources.


  7. November 24, 2009

    elmot said:

    Wow! And I will totally agree when you said to clean up the side bars. I have seen so many blogs so clogged up with so many ads, affiliates, buttons and widgets on the side bar that such a messy site automatically makes me uncomfortable and most probably not return to that blog.
    My Latest Blog Post: When Farming Uproots You From Your Blogging Chores


    • November 24, 2009

      Nicholas Cardot said:

      elmot –> That’s exactly the feel that it gives to people. When everything in the sidebar builds on the theme of the blog then you can really attract people with the professionalism of it, but when it’s cluttered and silly looking then it simply makes you look like you don’t know what you’re doing.


  8. November 24, 2009

    Phaoloo said:

    I like tips here. Blog’s design can sculpture a great impression to readers’ mind to make them think of our blogs when they have problems.
    My Latest Blog Post: How To Know Your Brand Is Stolen? Tools To Figure Out


  9. November 24, 2009

    Lauren said:

    I have the worst habit of making my site, sidebars and any other area, cluttered up and tacky. I try to keep the clutter down, but it’s almost as if I have “hoarder’s disorder” but with web-design. I can’t let go of anything, always trying to incorporate what I love from the previous design into the next. I really have got to work on that.

    And, though Times New Roman may not be the most attractive a serif typeface, it is sans-serifs that is actually harder on the eye and causes more eye strain. Serifs are actually easier on the eye, hence it’s almost exclusively used for body copy in print, i.e. magazines, books etc.

    But this does all depend on background color and size as well. Other than Georgia; however, I wouldn’t recommend using any other serif on the web, as I don’t know another serif that is predictably common. ( Times New Roman and Courier are quite common but I don’t recommend them because they are not the most aesthetically pleasing)
    My Latest Blog Post: Free Blogger Template: Gunmetal Blue


    • November 24, 2009

      Nicholas Cardot said:

      Lauren –> I see Serif’s all the time in print, but it’s becoming less and less common for large scale website to use serifs. Here’s a few examples of sites that don’t use serifs.

      digg.com
      facebook.com
      myspace.com
      stumbleupon.com
      google.com
      Yahoo.com
      Reddit.com
      ProBlogger.net

      I think they look great in banners and in print, but they are becoming less and less popular for the content portions of our websites.


  10. November 24, 2009

    Ali Papila said:

    I actualy tried so hard with my old theme. However, I realised after that it is not a theme that was suitable for my blog. So, I chose a new theme. I think it looks much better than before. Also very easy to change things. By the way it is from Elegant Themes.
    My Latest Blog Post: How Would You Spend $50 More Effectively?


  11. November 24, 2009

    Dana @ Online Knowledge said:

    I surely still need to work for my font style and surely i will work for it soon because i agree with you that the font is really important to keep the first time reader.
    My Latest Blog Post: How To Create Paypal Subscription and Recurring Payment


  12. November 24, 2009

    chandan said:

    I am using blogger blog, blogger blog template are not so attractive like wordpress, But lately I have update my blog with one nice template that look like wordpress blog.
    My Latest Blog Post: Sponsored tweets- great work at home opportunity


    • November 24, 2009

      Nicholas Cardot said:

      chandan –> I always had a difficult time using blogger as well when it came to finding good templates. I’m so glad that I made the switch to WordPress.


  13. November 24, 2009

    Robomaster said:

    I’ve been working hard and I’m happy to say that I did most of these suggestions already on my blog! Could any of you give feedback? I just had a friend add the subscription/follower count yesterday and the post on how to get the number onto your blog was very helpful!
    My Latest Blog Post: The Top 6 Coolest Freeware Sites


  14. November 24, 2009

    Gabe | freebloghelp.com said:

    Awesome post! There’s a lot to be said about tying tactics with strategy and I think you did it perfectly here.

    P.S. It’s “Arial”.
    My Latest Blog Post: The 21st century corporate soapbox


  15. November 24, 2009

    logolitic said:

    very nice pointed! Thank you.
    My Latest Blog Post: 60+ useful 3D Adobe Illustrator tutorials


  16. November 24, 2009

    Jeevanjacobjohn said:

    Nice tips you got there Nicholas!What font are you using for Site Sketch 101 ? I really like the font you are using. I am looking for a “good” font for my site.


  17. November 24, 2009

    Ben | Awesome Wallpapers said:

    Great tips. I myself have just started a blog, so this post will help a lot. Also, I love your site’s design.
    I have Bookmarked and subscribed to your blog:)
    My Latest Blog Post: Misc. Wallpaper Set 10 (VladStudio)


  18. November 24, 2009

    Geo said:

    Cool info to make you think about how you can improve the design. Nicholas, I am about to change our theme to one from solostream.com. The them that i currently have does not meet the demand of the content. Any tips?


  19. November 24, 2009

    Luisa Mercado said:

    Thank you very much, Nick, for sharing these ideas. They are very much helpful to us.

    Be blessed always.
    My Latest Blog Post: These Children Need You (Part 2 – Updates)


  20. November 24, 2009

    Elena said:

    I think that sans-serif fonts are popular because they give such a clean look on the web. The serif font I’ve used for design is Copperplate Gothic because it has an elegant look and is still readable.

    What do you think of fonts that are in-between serif and sans-serif? One that comes to mind is Museo. That’s a cool, modern font and typically serif but still have a clean look like a serif.

    As for the sidebar, I ask myself does this make sense? I think you should limit what you use but sometimes, two different widgets have the same amount of importance.

    I totally agree that perking up your design is a great way to infuse new life into your blog.
    My Latest Blog Post: Dog Sweaters


    • November 25, 2009

      Nicholas Cardot said:

      Elena –> I actually don’t have anything against Serif’s in banners and if you found a font that has a ‘lighter’ type of a serif then I think it could be very easy to read. It’s honestly a judgment call. I know several people who still like serifs a lot but I personally seem to be seeing a strong trend of popular sites moving away from them.


      • November 25, 2009

        Evan said:

        There may be a trend away from them, but it’s a bad one. Serifs designed for the screen are much better for body copy than sans-serifs. Arial is especially bad on this score—like its parent, Helvetica, it’s a poor choice for body copy, with thin strokes, narrow default tracking, and very regular letterforms.

        You want to pick a font for the screen that has a lot of breathing room—big letters, large counters (the holes in the letters), a fairly tall x-height, and (probably) serifs, that help make the letters distinguishable. Slab-ish serifs work real well for this (like Georgia, a sort of hybrid of Clarendon and Times Roman, or, if you’re using Typekit, Skolar). Among sans-serifs, Verdana is readable if a little unsightly, Lucida Sans is lovely but Mac only, Calibri’s quite nice but PC only.

        But really, don’t avoid serifs: Georgia is by far the best standard text font available on the web today.
        My Latest Blog Post: On Design Trends: Footers


        • November 26, 2009

          Mantiuxa said:

          Research shows that Georgia, Calibri and Verdana has almost same legibility at mid-sized text (around same lenght as half of my reply). However Verdana and Calibri is better at short lenght text reading (like titles), Georgia utterly wins at long text reading – blog post is considered to be one.
          My Latest Blog Post: MNTX!


  21. November 24, 2009

    jan geronimo said:

    Love your opinions about sidebar clutter. Many bloggers are guilty of this. And how do you tell a buddy his sidebar bothers you anyway? That’s a tough one.
    My Latest Blog Post: Anatomy of My FarmVille Addiction


    • November 25, 2009

      Nicholas Cardot said:

      jan geronimo –> It’s really hard to tell someone if they don’t ask you unless you already have an ongoing relationship with them. Of course, if they ask you then you need to ensure that they understand that you are trying to help them and that you are not trying to make it sound like you are better than they are.


  22. November 25, 2009

    Alan @ Basin Glass Pipes said:

    Thanks for the insight, the look and structure of a blog is huge but I think most of us lazy out on trying to learn CSS/html. I know a good deal of CSS but I still can’t figure out a lot of things so it’s taking much longer than I’d like to clean up my blog :(


    • November 25, 2009

      Nicholas Cardot said:

      Alan @ Basin Glass Pipes –> Learning html and css can be one of the best thing a young blogger can learn. It can really have a powerful impact on your ability to make your site look great.


  23. November 25, 2009

    Chris said:

    I haven’t posted to my blog in a while because I’ve been doing some site overhaul. Currently, I’m using Blogger but I’ve been meaning to move over to WordPress. It’s just that I’m a procrastinator, and that’s a bad habit to have if you are a blogger. These are all great tips, and I think the post footer and feed icons are the most important.
    My Latest Blog Post: Legends Of Poker Part 2 – Doyle Brunson


  24. November 25, 2009

    laura said:

    Thank you so much, a very useful post. I worked a bit to my blog and feel already looks better. If only I could figure it out how to make the Read more option to stay at the end of the post and the LinkWithin underneath. Sigh. I like very much your blog and thanks again!!


  25. November 25, 2009

    Extreme John said:

    I have a few blogs that I read that make me wanna bust out a telescope, I hate small fonts.

    I was actually noticing the spacing of your characters and paragraphs Nick, I really like it. Might just have to bite off of you a little bit on the spacing.
    My Latest Blog Post: Links for 2009-11-24 [del.icio.us]


  26. November 25, 2009

    Robomaster said:

    One of the things I definitely enjoy about SS101 is the typography; it’s so easy to read the posts here! I tried tweaking the settings on my blog, and while the typography got a little better, it still isn’t as good as here. *I foresee a new post on this?*
    My Latest Blog Post: CoolAppSite is now Officially DoFollow!


    • November 26, 2009

      Nicholas Cardot said:

      Robomaster –> I use the Calibri font for the text so if you are wanting to emulate it that’s what I do. Then I make the font very large and the line spacing is set at about 150%


  27. November 29, 2009

    Kok Siong Chen said:

    Wow! I’m first time here! Your post really powerful and useful for me as a new blogger. I’m using the times new roman font-family. I will change it now. Thanks for sharing!
    My Latest Blog Post: Be Aware of Environmental Exposure – Lung Cancer Risk Factor


  28. December 2, 2009

    Ron Leyba said:

    This would be one of my favorite post of yours Nick.

    As much as possible, I always use Arial as my font of my blog or sites. It was so simple and the most easier to read font and of course very pleasant to readers eye.

    Also, proper formatting,like bolding, italicizing and underlining plays a major part on this case.
    My Latest Blog Post: SEO Contests


  29. December 3, 2009

    Web Design Company said:

    I am always very keen to keep the sidebar quite clean and elegant by avoiding messy stuff like a lots of ads, different gadgets and widgets. I try to use only the few such as search, recent blogs, tags and categories!

    I am in high favor of optimizing post footer which I am even lacking at the moment but always prefer to optimize it well to give a nice recap for retaining the visitor and reader.

    Thanks for sharing nice tips.

    - J.
    My Latest Blog Post: 404 Error – Fix It Fast!


  30. December 5, 2009

    Web Design Company said:

    You are absolutely right Nicholas. I am thinking about making my blog a bit touchy and cool. So, far collecting ideas and yes this post keeps me reminding that I have to keep my blog clean :)

    Thanks for writing up this post, really cool!

    - J.
    My Latest Blog Post: 22+ jQuery Plugins for Website Design and Development


  31. December 21, 2009

    carla said:

    Thank you for all the helpful information that is easy to understand.

    Two thumbs up.

    C
    My Latest Blog Post: How to make money in a flash? Sell Your body!


  32. December 29, 2009

    Li said:

    I like the way your site is set up and really want my blog to look more professional – basically, I want it to look like yours!

    I’m looking at Theme Forest to overhaul my blog theme. Do you think its worth purchasing a theme versus just downloading one of those free layouts that I see all over the web? Whats the difference?

    Please note, I am a novice when it comes to html and tech stuff… and it doesnt help that I’m a creature of habit who is afraid to leave blogger bc I understand how it works now.

    Thanks for all the helpful info on your site!
    Li
    My Latest Blog Post: Goodbye 29


    • December 29, 2009

      Nicholas Cardot said:

      Free Themes may work for some people, but having a theme where the theme creator offers support and having a theme with tons of options is a great way to get your blog looking good fast. I paid $70 for the theme at Site Sketch 101 and I’ve spent a lot of time customizing it and working to transform it into the site that you see today. The only three template clubs that I highly recommend are:

      Woo Themes (Which is where Site Sketch 101′s theme comes from)
      Elegant Themes
      Theme Forest

      The bottom line is that you need to find something that is clean, beautiful, and really makes you look like you’re a professional.


  33. January 16, 2010

    Ed said:

    I agree Nicolas…the above template clubs have the best themes…keep up the great work…I’m still in the process of making the move from blogger to wordpress…
    My Latest Blog Post: Happy New Year!


  34. January 25, 2010

    Self Improvement said:

    I remember I was addicted to download every good sidebar widget that I can land my hands on. Finally I’ve been able to create a nice and simple layout that I’m happy with. I still have to changes and after reading this post, one of those changes will definitely be the font!
    My Latest Blog Post: How To Get More From Life This Instant


  35. February 1, 2010

    Derek Jensen said:

    When finally going through a majority of these ‘Brilliant Design’ posts I see a reoccurring issue of the sidebar. It surely is a easy way to add everything else we want our readers or visitors to see.

    But will it be effective. We should think of creative ways to make our sidebar simple, effective, and still do all we want it to do.

    A sidebar to me resembles the blog’s sidenotes or further ways of connecting.


  36. February 21, 2010

    Brock Gomez said:

    I am not going to be original this time, so all I am going to say that your blog rocks, sad that I don’t have suck a writing skills


  37. April 16, 2010

    Ellen said:

    Again, not as a blogger but a visiting reader, a quick comment on sidebars…
    If your sidebar is too ‘heavy’ with silly buttons and such it makes it a really slow load for some people. If it takes too long to load or times out, we stop reading!
    This one- clean, quick loading. I wish more were like this!