10 Web Design Elements All Blogs Should Include

Are you looking at your web design day after day wondering how to improve it?

Or maybe you are just starting out and overwhelmed by the number of choices you have to make when creating the best blog design possible.

web design

Web Design Tips All Bloggers Need To Know

Read on to discover 10 web design elements all blogs should include!

1. Attention Grabbing Header

If you could only invest in one web design element for your blog, I’d tell you to make it the header. Your header is your first impression. Make it count! Your header sets the tone for your blog and lets readers know what to expect from your site.

2. Complimentary Color Scheme

Color can make or break your blog design. You want to pick colors that represent your style, your life, and your niche, but be sure the colors compliment one another and invite readers to stay. Study up on what your color choices say about you and your blog and pick a palette that works!

Did you know that…

  • Pink signifies romance, love, and friendship. It denotes feminine qualities and passiveness.
  • Brown suggests stability and denotes masculine qualities.
  • Reddish-brown is associated with harvest and fall.
  • Light yellow is associated with intellect, freshness, and joy.
  • Aqua is associated with emotional healing and protection.

The list goes on and on!

Read more about color meaning and learn about what message your site could be sending.

3. Reader Friendly Font

There are a few deal breakers for me as a blog reader, and bad font is one of them! If it’s not easy on the eyes, I won’t come back. Choose a font that you would want to read.

What are my font deal breakers?

  • light fonts on dark background
  • overly fancy or swirly-twirly fonts
  • font that’s too big/small

4. Easy Navigation

Don’t make your readers work to find your fabulous content. Place a navigation bar with clear categories and pages somewhere at the top of your site. Make it easy for readers to move from one post to another with a next page plug in. Visitors are more likely to stay if they’re comfortable!

5. Mobile Friendly Web Design

Let’s face it. If your readers can’t read you mobile, you’re missing out on a ton of traffic! Talk to your designer about a mobile friendly web design or install a plug-in that easily converts your site when a mobile device is detected.

6. Unique Author Profile

Who are you? What makes you unique? Why would a new visitor want to read your blog? Let your personality shine through in just a few lines. Include a picture, so readers can remember your beautiful face.

7. Subscription Options

Turn first time visitors into returning readers! Make sure you have subscription options available so new visitors can easily subscribe to your blog posts.

8. Search Bar

A simple search bar is like an open front door. It allows readers to look for the content they’re interested in and invites them to look around. It’s a simple must-have!

9. Popular Posts

Spotlight your best work with a link to popular posts or create a landing page in your navigation bar with a “best of” list that includes the links to the posts that mean the most to you.

10. Smart Feet!

Ya know that area all the way at the bottom of your blog? Use it! Your footers are a great place to put buttons and badges, Instagram feeds, or links to other posts. This is a place where you can say one more thing. What do you want readers to know? It’s also the perfect place for a final call-to-action. What will you ask for?


Looking for posts similar to this one on the top web design elements? Then be sure to click through the below links or head over to our Facebook fan page to continue the discussion!

Google Plus Basics: What You Need to Know
Turn Your Blog Into a Business in 2014


  1. says

    This information is a great for a newbie like me! I am always looking at ways to improve my site. It is so OFF right now and these tips may help.

    Thank you again!

  2. says

    Sorry I’m really late to respond to this–I’ve had it in my inbox because I’m working with a designer now to redesign my site (so yes, perfect timing!)

    Thanks for this. I had no idea re: colors, but I’m glad that the colors I picked are indicative of healing. Suits the direction I’ll be taking :)

  3. says

    Fantastic blog with great tips. I especially like number 10, Smart Feet. It’s a great place to put some extra info about yourself. If your blog is linked to a company you could use it to include contact info; address, phone number, e-mail etc. If not you could use it as a space to advertise the title of your next blog to keep people coming back for more.

  4. says

    Great tips!
    When your blog is about your business activity, would you rather have it being part of you website, or on a different site/platform? For instance, my website is built with WordPress and therefore my blog is one more page of my website, this makes the overall design look the same but it might not allow me add different design/colors, etc as suggested on your tips.

  5. says

    What sensible practical advice. All things that I like on other blogs and miss when they are not there. Great list.

  6. says

    Great tips! I am still new to this so I have a lot of issues trying to figure out how to change a lot of stuff on my blog. Thanks for these tips though.

  7. nicole says

    i want to redo my font again- anyone know what font is on THIS page? It looks good on mobile and computers!

    • says

      I like the font here too. I’m not sure what it is, but it’s pretty basic. It almost looks like verdana, but that’s just a guess!

  8. says

    Awesome tips! Totally agree with the smart feet one…I’d been neglecting my footer for months and only recently started playing around with different ways to use it, but it’s definitely freed the clutter from my sidebar!
    Thanks for sharing 😀

  9. says

    Thanks for the tips, I always wondered about the Popular post list. I think I will add one to bottom of blog :)

  10. says

    My deal breakers are definitely hard to read fonts because of color or font size. Black background, white font? No, no, and just NO. Same goes for any bright neon colors. They’re just ugly to me. I’m picky. I freely admit it and as such I work on improving my blog and colors to reflect a site people can easily read and navigate. I may have to do a few tweaks (again…lol) but that’s okay with me. The easier I can make it on readers, the better.

  11. says

    You guys forgot one . Know the blog lingo like know the difference between a header and a logo if you are to hire a designer at least know what you need.

    • says

      Hey Delaney! That mango smoothie looks delicious!

      You have several different fonts and it does seem a little overwhelming when I’m reading. I would recommend (not that you asked. I hope you don’t mind!) increasing the size of the post font just a tad, and selecting one font that matches the header font for post and sidebar titles. Also, the font in the nav bar is really small and hard to read. It seems a little pixelated. Perhaps increase the size and select something a little cleaner for that, so we can see what your blog is all about at first glance.

      I love fancy font, but I think basic is the way to go for the menu bar. You want people to be able to navigate easily. Good luck!

      • says

        Thank you! I got carried away with my fonts. I will absolutely use your input to clean it up! I think my theme has the small font size on the naval bar. I need to figure out how to change it. I appreciate your taking the time to give me some advise in it. :)

    • says

      I’m itching for something new myself, but I’m holding out. For what? I don’t know, but just not ready to bite the bullet on a new design yet.

  12. says

    Great input and advice!

    I also think it’s worth while to note that all of these (or at least 9 out of 10) can be done with a little bit of time, effort and Google! There are so many useful tutorials available for bloggers (both on Blogger and WordPress) that anyone who wants to enhance their blog and definitely teach themselves how to do it!

    Thanks again Adrienne – good read.