Lauren McManus
When you buy a house or rent an apartment, what’s the first thing you do?
You spruce that baby up!
You need a place to sit, so you get a couch.
For entertainment, you bring in the television and hook up the Netflix.
And when its time to rest, how is the bed is situated?
Just the way you like it.
All your plates and cups, and pots and pans have their own spot in the kitchen.
Who knows? You might even splurge for the nice curtains, the fancy towels, and the extra special smell good candles.
Feelin cute. IDK. ???????? Might paint the walls later.
Why do you do all this?
Because you want it to be comfortable.
You want to feel like the lord of your domain, master of your own little castle.
And when friends and family come to visit, you want them to like it too. Have them pay homage to your great new place and all the wine you’ll be drinking with them.
Blog design is similar to home design. You want everything to have the right place for functionality and for aesthetics, and you need to feel good about it.
In order to get people to want to stick around, you need a blog design that keeps guests wanting to hang around.
Your blog is your digital home on the internet.
You don’t want to design your online home in a way that drives visitors to the nearest exit (i.e. obnoxious pop-ups, anyone?).
In this post, we’re covering the best tips for a badass blog design that will turn your visitors into raving fans and coming back for more.
We’ll also share 17 beautiful and inspirational examples to help get your creative juices flowing for your own blog.
Table of Contents
Open
Why Does Blog Design Matter So Much?
Humans want to aesthetically pleasing surroundings, or they want to bail.
Too much clutter and we feel overwhelmed and bounce. Too minimalist and we feel bored and bounce.
And blog design is everything from the headlines to the colors to the images to the style of your blog writing.
If you’re blog causes mental strain for your reader before they’ve even read a single word, they will want to bail.
Good blog design is what keeps your visitors on the page, so you can convert them into a loyal fan, and eventually transitions them into customers.
If you have any desire to monetize your blog, at some point you’re going to be selling stuff on your blog – be it your products or someone else’s.
Your blog is the FIRST point of contact between you and a potential customer.
That first impression better be a good one, or it will be that much harder to sell to them in the future.
And, let’s be honest, even if you’re not selling products yet, you’re still selling yourself and your blog.
It’s why your first goal must be to keep your visitors coming back, even if you’re just starting out and don’t have a product to sell yet.
You still have articles to be read, email addresses to collect, and growth to strive for!
What Are the Makings of Good Blog Design?
The first step is building the right foundation.
Use WordPress
WordPress is the most widely used blogging platform and it has the most customizability, which helps because you’re probably building your own blog if you’re just starting out.
There are also TONS of free resources on WordPress online.
Choose the Right Blog Theme
When you are building a blog on WordPress, you have to choosing a theme to install on your blog to make changes to the design.
There are a TON of free and paid WordPress themes to choose from, all with varying levels of customization.
Just be aware that if you opt for a free theme to save a few bucks, you’re going to end up with a LOT more limitations (and headaches) at the end of the day.
Do yourself a favor and invest in a good, quality, theme as the base for your blog design as soon as you can.
Our best recommendation for beginners is Divi. It’s the most customizable and beginner-friendly theme on the market!
It also comes with access to the entire Elegant Themes market, which means that you have over 70 other themes to choose from even if you don’t like Divi.
Don’t Clutter It Up With Too Many Plugins
Here’s a big secret to good blog design many bloggers get wrong – they don’t use enough white space.
White space is the empty space on your blog. It’s the space between your graphics and text.
Effectively, it’s the visual breathing room the eyes need to avoid overwhelm…
This goes back to the claustrophobic feelings of wanting to leave in a cluttered space.
A simple blog design is better in most cases, and too many widgets and plugins can slow your site down and cause readers to bounce.
Stick to only the essential blogging plugins.
Mind Your Gaps, Headings, and Fonts
If your words are too close together, the wall of text on your blog can feel too intense for the average reader.
Most people are skimmers, so they want plenty of space to quickly glance at what’s important.
It’s one of the reasons why you need to use headings, subheadings, bullet points, and more to break up your article text.
Make sure to also use simple and professional fonts.
Fancy fonts can be difficult to read, especially on mobile devices.
Use Caution With Color Choices
Using the wrong colors can make your blog look tacky, unprofessional, hard to read, or downright sloppy.
Too bright is going to be too much for your readers. Dark colors can make things harder to read.
You also don’t want to have too many colors. This makes your blog design look cluttered and can be overwhelming for the reader.
You should select just a few colors in your overall blog design color scheme. Decide on 2-3 that fit your personal brand and style.
The images and graphics within your posts can be multiple colors, but there should be a general color scheme with headings, banners, clickable links, etc…
You want it to feel uniform, not thrown together.
Use Quality Images
We all like picture books. Have you ever bought a recipe book without any photos? They’re the WORST!
Great blog design includes having beautiful images and graphics. They make your blog more interesting, and less like a textbook that you never want to open.
A word of caution on choosing stock photos for your blog — be selective.
- Try to be creative (you don’t want the use the same photos everyone else is using).
- Avoid photos with faces (it makes your photos less relatable).
- Avoid the first-page search results (these are the most popular and most widely used).
For example, a person’s hands typing on a laptop is pretty generic. But, a girl in a cool graphic t-shirt, with a mug of coffee, smiling while typing on her laptop is better.
Finally, avoid stock photos that look… well… super “stock-y” (like this one ???????? wtf)
Make Navigation Bars and Menus User-Friendly
“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs
People need to be able to easily move from page to page on your blog. They also need to be able to quickly navigate to categories and home.
It’s a good idea to prompt them with reasons to stick around too. Think related posts and links within your blog posts to other pages on your website.
Finally, don’t forget to give them a call to action, and prompt them to sign up for your newsletter!
17 Examples of Great Blog Design
Okay, now that we’ve touched on the basics, let’s look at how these blog design guidelines can be implemented with some real-life examples!
1. Mantelligence
The homepage of this blog also has one large image and blog post link to get your attention, and the color scheme is also easy on the eyes.
You can’t help but want to stick around on this page and read all the mantelligent things they have to say.
2. The Blonde Salad
The best part of this blog design is the consistency of the color scheme (mostly pink with few accent colors).
The cotton candy pink works beautifully on the banner, the footer, and everywhere in between. The photos are also big and attractive, and as you hover over them they expand just slightly to keep your focus on them.
3. I Am Baker
Where this blog design shines is simplicity. There isn’t much color — it’s mostly white — but the focus is on the beautiful and visually stimulating images.
4. xoxoBella
The navigation bar is so easy to read on this blog. Big, bold letters that leave little doubts as to where to click for what you want to read.
The color scheme is fun and there are no extra “frills” — the focus is on the BLOG.
5. DeniseDT
This is another great example of good color scheme because you can see that she is even WEARING her color in her photo:
This page is the essence of chill. It’s simple, and the color scheme is calming.
We also love the fact that her page has a killer call to action that draws you right into her sales funnel with a freebie that many people would be willing to pay for.
6. A Beautiful Mess
This blog may be called A Beautiful Mess, but it’s anything but a mess!
There’s plenty of white space, a rainbow color scheme that isn’t too overpowering, and plenty of big and gorgeous images to pique your interest.
7. Christmas HQ
The page screams Christmas — in a good way! — and leaves little doubt as to what it’s all about.
Great branding here.
8. The Londoner
Again – white space, big pictures, and easy to navigate menus for the win.
Are you seeing a trend yet?
9. Poppy Loves
The colors of this page just feel calming.
And, the navigation menu certainly has a fun take using images in lieu of words. That is until you hover over them and the words are revealed.
10. Brit + Co
What’s great about this blog design is that the homepage features one large image, with one post link.
It captures your attention and makes you want to click to read more.
11. Studio DIY!
Their tagline is “make life a party,” and that’s exactly what their blog delivers.
A party! Fun photos, fun headlines, fun colors.
12. YTravel Blog
I swear travel blogs have it easiest because they can use real-life, amazing photos and skip the whole search for stock photos.
This blog is no exception and at the time of writing this post, they have an awesome photo of their family on the front page, which creates an instant, personal connection with their readers.
13. Ape to Gentleman
Not only does this website teach you how to be a gentleman, but they are also using some amazing images to do it!
They also have fabulous use of whitespace, and an AWESOME logo to go along with it!
14. Help Scout Blog
This blog is one exception that does seem to be able to “vomit up all kinds of colors” and get away with it!
Their graphics are awesome and definitely make the blog stand out against the rest.
15. Clever Girl Finance
Bola, of Clever Girl Finance, is actually one of our Six-Figure Blogger students!
She uses a main color of green with a secondary accent color that is… um… bluish purple? TBD, but she still only uses two main colors throughout her blog.
16. Airbnb Blog
Yeah, it’s more than just a site to book accommodations. They have a blog too, and it looks great!
Part scrapbook, part travel magazine – it’s a great supplement to their software and its purpose.
17. Another Escape
The photos on this blog will have you wanting to get outside more.
The images they use scream an outdoor lifestyle blog, and that’s exactly what it is.
Okay, that wraps this one up!
Over to You… Tell Us About Your Blog Design!
What elements do you think you should tweak for your blog to be more aesthetically pleasing?
Let us know in the comment section below!
We hope this post has inspired you to make your blog even better.
Read Next: Free Blog Images – 9 Best Sites to Get Images for Your Blog
About Lauren McManus
Lauren has been a professional blogger since 2016. With a degree in accounting, she has taken her life experience and business knowledge and used it to grow two blogs, Avocadu and Create and Go, to 6 and 7 figures. She is a traveling digital nomad working from around the world. Read her inspiring story on how she went from broke and frustrated to $100,000/month blogging in 3 years.
Hey, I’m a novice in blogging, where can I get good quality stock photos which won’t cause any copyright issues? Confused with that a bit (some of the blogs aren’t clear about that)
Here are several sites where you can download images without copyright issues.
PXhere
Flickr
Freepik
Pixabay (our favorite free options)
Unsplash
Pexels
Hi! I’m starting my blog and I’m doing tons of research before J publish and what not so your blog and youthbe videos are awesome! For affilare links, I have a list of some that are likely to accept a newbie but I’m confused on if I have wordpress, would all the affiliate links go through that or you sign up for all of then individually. Do they pay you through word press or through that company. I hope this makes sense.
Affiliate programs are not part of WordPress, which is your blogging platform. You would link to affiliate products within your post. Most affiliate programs pay via Direct Deposit for PayPal. That would be set up once you are accepted into the affiliate program.
sir i have a question please give me some important sugestions .. i have a website but the issue isn that my whole traffic is from socila means from fb about 80 percent.. but i have heard that traffic from social can cause to ban your adsence .. please guide me… i am waiting
Traffic from social media platforms should have no impact on your standing with AdSense. Depending on your niche, the bulk of your traffic will come from social media.
Hi Alex and Lauren! Just wanted to say thanks so much for all your amazing content. I’ve bought all of your courses (separately ha! Because I had a lot of doubt of how useful they would be—then they all blew me away!! Honestly, definitely the most straightforward and useful courses I’ve done!) My question is– have you guys ever had issues with page speed and Divi? My website is super slow and when I analyzed it in PageSpeed Insights it said— Themes, plugins, and server specifications all contribute to server response time. Consider finding a more optimized theme, carefully selecting… Read more »
The more customizations you make with your theme, the slower it will be. This is true for all themes, especially those that implement a page builder. I’d stick with your current theme and then switch later down the line when you can afford a designer. Hope this helps!
Hey Lauren, we are having non stop problems with Divi theme also, do you have any suggestion for a great developer?
We recommend Grayson Bell with iMark Interactive for assistance with your technical issues.
hi there! where do you recommend in a logo design? I just want a text logo. Thanks!!
Hey, Theresa!
iPiccy is a good place to design a logo. Just go to https://ipiccy.com/ and go to the “Create a Design” area. You’ll want to create an image with a transparent background so it can be used on any color background.
–Lauren
Lots of great tips! Thanks for sharing!
It is really a great post. Very informative and helpful.
Thanks, Sonika!
Great Post! It is very informative.
I have been designing my blog in WordPress.org, but I really need support: someone I can text or call who can walk me through it. Do you have any recommendations? I’ll be glad to pay for the assistance.
Hey Robin. We teach more about how to navigate WordPress and design your blog in our Launch Your Blog Course, which can be found on the Courses page of our website.
It also comes with access to a private support group where we provide additional assistance, which you can also get from other group members as well.