The 12 Core Elements of a Brilliant Design

Average bloggers tend to fail on this one…a lot. Most people get into blogging because they have a passion to write about something. The majority of bloggers assume that as long as they write about what they love then they will be successful. Instead of ever beautifying their site they just plug away creating articles.

According to Technorati, a new blog is created every second. There are literally millions and millions of blogs competing for traffic and if you want to succeed then you have to find a way to set yourself apart from the rest!

A Fresh Color Scheme

Dazzle Visitors With Inspiring Colors

A blog with fresh, vibrant colors that are carefully chosen will always stand out over those that make use of drab, boring tones. If you need some bold yet eye-catching color ideas be sure to check out Adobe’s Color Kuler.

Crisp Usability and Interactivity

Simplify Your Approach to Interactivity

Usability is the measure of how easy it is for a user who has never seen your site before to be able to navigate throughout its pages, to find information they’re looking for and to interact with its content.

A Remarkable First Impression

Because First Impressions are Lasting Impressions.

Every visitor that hits a less-than-amazing blog ends up leaving before even looking at the first post titles. Visitors never even make it far enough to see the ‘amazing’ content that the blogger has put together. First impressions are, after all, lasting impressions.

Crystal Clear Navigation

Simplify Your Visitors Journey at Your Site

Navigation is the measure of how easy it is for your users to find their way around your site and how easy it is for them to journey their way into engaging with your content. As you work to make it easier for your users to journey throughout your site and find points of interaction, you will see a dramatic increase in repeat visitors and in user interaction.

Bold and Inviting Subscription Options

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. 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.

A Unique, Eye-Catching Header

Identify Yourself Quickly and Clearly to Each Visitor

Provide for your users a well defined header that explains the overall mission of your blog, clear navigation links, and a quick eye on new content and how to stay connected with your blog or website.

A Useful and Uncluttered Sidebar

Use Your Sidebar to Complement Your Site’s Mission

Most people use their sidebars as the catch all for anything they find on the internet that happens to be labeled as a widget.  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.

The Convenience of Search

Allow Your Visitors Easy Access To Your Site’s Information

Most internet users want to find information quickly and conveniently. People don’t want a difficult search experience across our websites. Simplify the process of searching across your website by placing the search box near the top of the page and by integrating a third party search platform like Google.

An Easy and Enjoyable Comments Section

Make Your Site Simple and Fun to Interact With

Every obstacle that your readers have to tackle in order to leave a comment will only result in less comments.  Forget about forcing people to login or forcing people to fill out a captcha form.  These tools are useless.  If you’re worried about spam, simply use Akismet or the spam filter of your choice.  They’ll get the job done and you can keep your blog open for comments.

Tactical Post Footers

Use Your Post Footers To Draw Your Readers Deeper

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.

Comfortably Designed Advertisements

Be Careful. Poorly Placed Ads Can Send People Running.

If you want to drive first time visitors away from your site and ensure that they never return then simply plaster so many ads on your site that your visitors have to fight with them in a battle to the death over a pit of fire breathing lizards just to get to the content.

Large, Easy-to-Read Fonts

Deliver Your Content in an Easy-to-Read Format

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.

1 Inbound Link

This awesome site is linking here!

  1. uberVU – social comments

Share your Opinion

and be a part of the discussion

  1. *Name (no keywords)

    *Mail

    Website

    * Indicates Required Fields
    Your Comment


36 Vibrant Comments

We would love to hear yours!


  1. April 20, 2010

    Richard Scott said:

    Well said Nicholas. I so love the “Forget about forcing people to login or forcing people to fill out a captcha form” It drives me crazy when I have to log in everytime I get to a site. Bah!

    You bring up a ton of great advice. I love the color scheme you use here. I’ll have to check out adobe for that. Didn’t know they had a color picker system. That is awesome and something I’ll put to good use. :)


    • April 20, 2010

      Nicholas Cardot said:

      Richard Scott » The image that I used in the article for the color scheme is actually the colors that I use on the site here and, believe it or not, I created that color scheme before I knew that there was a such thing as color scheme choosers. I already had the base browns from the template and I added the orange and blue to create some boldness and a little bit of pleasant contrast and I’ve been pretty happy with the results.

      I’ll be honest. If you force me to log in to blogger or any other commenting system in order to leave a comment on your site, even if I was going to leave one, I probably won’t once I’m faced with the login. It chases people away and our goal should be to simplify the process and to make it as inviting as possible.


  2. April 20, 2010

    Spyros said:

    I so much agree to the first impression notion. While i know that my theme needs more customizations, my initial way to grab attention is a content slider. Moreover, i like to use box-like posts, in order to make my blog’s appearance a bit more out of the ordinary. Images and Subscription Reminders are a must as well.
    My Latest Blog Post: The 5 Steps Approach to Converting New Visitors to Loyal Readers


    • April 20, 2010

      Nicholas Cardot said:

      Spyros » That’s good that you already recognize the importance of first impressions. You’d be surprised at how many people simply believe that the design and layout of a blog doesn’t impact the number of people who enjoy it and return to it. Even if your blog isn’t the most brilliantly designed website in the whole world, there’s power in recognizing what can make it better and simply working a little bit each day or each week to make it better. I spend a lot of time at design blogs trying to enhance my own perspective of good design. Keep taking things in and even if your site isn’t design related, you can still help propel yourself by having a design that enhances your reader’s experience.


      • April 20, 2010

        Spyros said:

        Nicholas, i can really see that you spend lots of time on your design and actually delivered a very very good result. I kinda admire this blog’s design and if you would like an opinion, really, the only thing that bothers me a bit is that they layout is not centered but it’s on the left. Other than that, everything looks very neat.
        My Latest Blog Post: The 5 Steps Approach to Converting New Visitors to Loyal Readers


        • April 20, 2010

          Nicholas Cardot said:

          Spyros » I actually get that a lot. I love that my blog is the only one that I know of that is on the left like that. I think that it adds to my uniqueness. ;)


          • April 20, 2010

            Spyros said:

            Yeah, that is indeed one more element of uniqueness :) I guess that we might be a bit more used to centered layouts these days and not having one can be a good way to have them remember you :P

            However, i must note that i personally prefer a center layout in terms of readability and not design. I believe that our natural posture when reading from a computer is such that we tend to look at the center of the screen.

            But i guess this is quite subjective as well :)
            My Latest Blog Post: The 5 Steps Approach to Converting New Visitors to Loyal Readers


  3. April 20, 2010

    Manav Dhiman said:

    Hey nice one there Nick! I like the color scheme one. I also didn’t know that Adobe had something like that. A lot of points here for my new blog! Thanks a lot!
    And by the way, can you tell me from where I can get custom fonts for my blog? Or, is Maiandra GD a nice font for the post body? I like it, and have never seen it on other blogs. Wanted to give it a try.
    My Latest Blog Post: Education – What exactly is it?


    • April 20, 2010

      Nicholas Cardot said:

      Manav Dhiman » For the post body you need to select a font that the majority of internet users have installed on their websites. For graphics you can use whatever you like. I use Calibri and a very large font size here at Site Sketch 101 and I would also highly recommend that to anyone who asked me about it.


      • April 20, 2010

        Manav Dhiman said:

        I like Calibri a lot as well. Yeah a large font size is always preferable, and that’s the reason I like your blog so much! You see, other blogs have a small font size, and it hurts my eyes. But, with your blog, it never was a problem. By the way, did you check out my guest post I sent you?
        My Latest Blog Post: Education – What exactly is it?


        • April 20, 2010

          Nicholas Cardot said:

          Manav Dhiman » I’m sure that it’s in my email queue, but I get a lot of email so I’ll be sorting it out over the course of the next couple of days. I generally stay about a week ahead and so I probably won’t see it or process it for a few more days.

          I’ve actually noticed a general trend towards people preferring larger fonts rather than the smaller fonts. They’re easier to read, easier to follow, and make the page appear as less crowded.


  4. April 20, 2010

    Robyn from Sam's Web Guide said:

    The same effort that a large corporation puts into their website to ensure maximum usability and awesome visual appeal, should be the same for anyone who is starting a blog.

    Many bloggers want to succeed at blogging and yet are not trying to develop a business mindset that is geared towards successfully pleasing their readers.

    True online success depends a lot on design, content and perseverance.

    Great article Nick. I’ll be conducting some extensive usability tests on all my sites.
    My Latest Blog Post: How To Use Social Media To Effectively Improve SEO


    • April 20, 2010

      Nicholas Cardot said:

      You bring up some great points. The taste of Pepsi doesn’t change based on the color of the can but as a company trying to market and grow the sales of their product, they understand that new, fresh looks can accelerate the excitement around their soft drink. It seems that every few years they redefine their look while still maintaining their easy-to-spot logo.

      As bloggers we should be doing the same. We should be creating a style that defines us in the minds of our readers and draws them in with a certain level of excitement towards reading our materials and information.

      Approaching it from a business perspective is a good choice.
      My Latest Blog Post: The 12 Core Elements of a Brilliant Design


  5. April 20, 2010

    Sachin @ Web Design Bureau of Mauritius said:

    I really enjoyed this read Nicholas. All in all I could put all this advice under one heading: “what makes you appreciate a blog”. Many tend to forget that a great design is not only the graphics used but also all the usability issues that can be solved and the non-intrusive use of some elements such as ads or social media icons on a site.
    My Latest Blog Post: You should be (over-) using the H (heading) tags.


    • April 20, 2010

      Derek Jensen said:

      And I feel that the Usability and Interactivity part of a blog is always a constant battle or shall I say revision that takes place on you blog design.

      What matters is fitting it to how you want your blog/site to be properly used verses how readers or visitors are going to benefit the most of it.
      My Latest Blog Post: Having a Satisfied Daily Life. Use Frustration.


    • April 20, 2010

      Nicholas Cardot said:

      I agree with both of you. People overlook the entire concept of usability and interactivity but as bloggers we all agree that we want more comments.

      Whether you realize it or not, people’s ability and willingness to comment is impacted by the ease in which they are able to do so. We all agree that we want people to browse the site and visit other articles but we fail to realize that they’re not going to do that if it’s difficult to find information or difficult to find links to material that is genuinely interesting to them.

      We’ve got to focus on developing the overall usability of our sites. This is an incredibly relevant topic even for bloggers.
      My Latest Blog Post: The 12 Core Elements of a Brilliant Design


  6. April 20, 2010

    Jennifer Brown Banks said:

    Good points here. I’d also like to add that sometimes “less is more.”
    I like sites that are visually pleasing, balanced, and have quality content.

    Also those whose authors have engaging personalities, and a sincere desire to contribute to the betterment of the blogging community.
    My Latest Blog Post: BLOGGING FOR PLEASURE OR PROFIT


  7. April 20, 2010

    Boni said:

    Great list, I miss most of them on my blog. It is still 1 week old, so I have to make many redesign.

    Thanks for the suggestions Nick.. :)


  8. April 20, 2010

    Paul said:

    Some very, very interesting points here.
    I’ll be reading this a couple more times I’m sure. And I agree with Richard.
    I hate logging in somewhere for simple things like posting comments.

    I do like integration of things like facebook in order to avoid that. But even more, I like not having to log in at all. Like here.


  9. April 20, 2010

    Dennis Edell | Direct Sales Marketing said:

    Very well done Nicholas. THIS is a perfect example of how to rehash/reuse a popular topic. :)

    Clarification for some, that was not an insult.

    All bloggers eventually do, “How to properly design” posts, and this one is done VERY well.

    As for my own blog, I think I have or will have all points down well; still building.

    Nick – if you can think of anything I’ve missed that I haven’t talked about yet, feel free to let me know; here or privately. :)
    My Latest Blog Post: UPDATED: @DennisEdell It Is! TWEET TWEET!!


  10. April 20, 2010

    Michelle said:

    These are great tips. I love large clear type. I use the calibri font on my blog too. You’re so right about clearing out the clutter. Less is more.
    My Latest Blog Post: This is my sob story:


  11. April 20, 2010

    Shirley said:

    Now, this is what I call valuable content. Great content written, Nick :) .

    I think all your points are really true mistakes that people commit on their blogs especially with the design and ad ones and also people leaving out social bookmarking buttons in their blog posts.

    Great tips :) .
    My Latest Blog Post: An Ultimate Guide To Getting And Making Use Of Traffic From StumbleUpon


  12. April 20, 2010

    Ed said:

    i can see all of these great tips are already implemented into your blog. I think i luckily have some of those features. Thanks for writing this.
    My Latest Blog Post: How To Download Songs And Videos From YouTube


  13. April 20, 2010

    Mike Stenger said:

    Nick, I don’t have a lot to add (you covered quite a bit!) but just wanted to say you did an awesome job on this post.

    I’d expect to see this on an A-list blog and boy is yours getting there :-)
    My Latest Blog Post: Why Customer Service Doesn’t Always Matter


  14. April 20, 2010

    Alex - Blogussion.com said:

    Cool post Nick. :)

    I always appreciate when people take time to focus on their fonts. It’s really one of those “minor details,” but all it takes to really make a design look good is some nice typography.
    My Latest Blog Post: The Cycle of Making Money Blogging Pt. II


  15. April 20, 2010

    marshall | genverters.com said:

    Great list. Under advertizing, I always leave any site that embeds Google AdSense ads a few lines into the content area! Big no no.

    You are also right about avoiding cluttered sidebars.
    Thanks for the great list!


  16. April 20, 2010

    Elena said:

    These are great tips Nick. I never really do much with my footer since my blog is on Blogger, but that’s something to remember if I change over to WordPress someday. I think the biggest challenge is mastering the technology of the CMS systems so you can design your blog exactly how you want it.
    My Latest Blog Post: Save A Dog on Facebook


  17. April 21, 2010

    Claudia M @cdmtx65 said:

    love your tips ! i also need to check out the Adobe’s Color Kuler.


  18. April 22, 2010

    Reza Winandar said:

    I tweaked my template myself and the result is good, my readers love it. Just be clean and as simple as possible.
    My Latest Blog Post: 5 Types of Comments That Attract Attention


  19. April 30, 2010

    Martin said:

    Awesome Nick! Once again, you nail it concisely.
    I am excited to say that as I read this post, I find myself acting like Bill Murray in Groundhog Day when he’s sitting at the diner: “me…yes that’s me too…”.
    Seriously though, I’m feeling good about my design right now and you were most definitely part of that inspiration.
    The only thing I need to change (and again, from your advice!) is Post footers. I’m using “Add to Any” and it’s fine, but not very original.
    Since I’m not a code guy, I’m off to scour the internet for a solution…unless of course you want to share with me how you do yours!
    Marty
    My Latest Blog Post: The HD Revolution


  20. May 2, 2010

    victoria lester said:

    Great piece on blogging. I’m a beginner.


  21. May 11, 2010

    Ted Thompson said:

    Great article, very helpful. Thanks for sharing.


  22. May 13, 2010

    Shikhin said:

    Hi I am a new blogger and blogging at http://abcofphotography.com I wanted to ask whether my blog is toooooooooo simple or not. Many people say it is toooo simple.
    ???
    My Latest Blog Post: The Perfect Camera


  23. May 22, 2010

    Himanshu said:

    Hey Man!!
    My first visit here and it sure caught my eye!! A very beautiful blog!!
    Everything seems perfect! The font, the colors, the sketches! Marvelous!
    I loved the Sharing option of your blog. can you guide me about that a bit? How can i get one for my blog.
    BTW, i will keep in mind the calibri thing from now on!!

    Regards
    My Latest Blog Post: If we don’t care, why would they?


  24. September 20, 2010

    Sha Deharo said:

    Hay Dude , i read w/ u write.


  25. February 8, 2011

    Diablo 3 beta keys said:

    The design of this blog is pretty catchy, too.