Learn
Learn
Close

What is 'They Ask, You Answer'?

A revolutionary approach to driving more sales from your inbound marketing.

Learn MoreLearn More

Free Courses in IMPACT+

Dozens of sales, marketing, and content courses inside IMPACT+. Start learning now.

See all coursesSee all courses
Events
Events
Close
IMPACT+ Membership
IMPACT+ Membership
Close
Services
Services
Close

Services Overview

See how you can dramatically increase your inbound leads and sales.

Services Overview

Digital Sales and Marketing Mastery

Fast track your team’s success with IMPACT's most popular service.

Digital Sales and Marketing Mastery

Web Design

Launch a beautiful website that consistently generates leads and revenue.

Web Design

Virtual Sales Training

Equip your sales team with comprehensive training designed to help them close more deals in today's virtual-first world.

Virtual Sales Training

HubSpot Training & Implementation

Train your company to take ownership of HubSpot and get the most out of your investment.

HubSpot Training & Implementation

Case Studies

See dozens of examples of companies succeeding with Digital Sales and Marketing Mastery and They Ask, You Answer.

Case Studies
Become a Certified Coach
Become a Certified Coach
Close

8 business blog design examples that keep readers engaged

8 business blog design examples that keep readers engaged Blog Feature

Steve Polito

Ruby on Rails Developer, 8+ Years of Web Development Experience

June 16th, 2021 min read

You’ve been hard at work crafting article after article in an effort to create as much content as possible for your company's blog. You know that you're putting out relevant, original, and, above all, helpful pieces. 

The only problem is that you feel your blog’s design doesn’t quite reflect the quality of your posts. The text is crowded and difficult to read. There’s no clear next step and very little visual hierarchy. Simply put, the design doesn’t make consuming your content easier and it certainly doesn’t captivate your readers to engage further. 

🎓 IMPACT+ course: Investing in your business website's user experience

Well, if you’re looking for design inspiration to help spruce up your blog, you’ve come to the right place. In this article, I’ll share eight great business blog designs to inspire you and offer great tips for keeping your users engaged.

What does a good blog design look like?

Not all beautiful blogs have good design, and not all well-designed blogs are beautiful. 

A truly well-designed blog offers a combination of intentional aesthetic, deliberate hierarchy, and original helpful content. Without these three features, a blog can never reach its full potential, and therefore won’t reach its audience.

A well-designed blog will put the user first. Sometimes that means keeping things simple. Other times it means using a more intricate layout.

For example, if you’re writing a how-to guide, it might be better to avoid a flashy design in favor of a layout that’s easy to scan and read. On the other hand, if you’re posting about something more long-form, it might be more effective to break up the layout with images and graphics to keep the reader engaged.   

A great reading experience may mean making it easy to find related articles with a search field, organizing them into a learning center, or even calling them out in a sidebar.

🔎 Related: How to plan a learning center for your website

Regardless of the method, a great blog aims to meet its users where they are, providing the information they want in the easiest, most effective, and pleasing way possible. The best-designed blogs find a perfect balance of remaining credible and standing out, all while keeping users engaged with links to other posts and resources. 

1. Berry Insurance*

*Editor's Note: Berry Insurance is an IMPACT client 

berry_blog

What makes their blog great?

  • They call their blog a “learning center.” This strategy is in alignment with They Ask, You Answer, which means it’s focused on educating, not selling. 
  • They use “insurance-resources” in the URL. This optimizes for a key phrase that qualified buyers are likely to search for on Google. 

berry_2

  • Their search feature includes a list of categories users can use to filter content. This is helpful if a user doesn’t know where to start, and it encourages them to spend more time on your site.

berry_3

  • Highlighting the most important posts on the homepage helps answer popular questions faster. This makes it easier for users to find what they need.   

berry_4

  • Showing how long each article will take to read helps users know what they’re getting into.
  • Good use of imagery grabs your user's eye and aids your messaging.

2. Tracksmith

ts_1

What makes their blog great?

  • The use of beautiful imagery lures users in, creating a captivating experience.
  • Each post is carefully laid out and illustrated, like this one. This makes the content more dynamic and engaging. It encourages a user to keep scrolling and spend more time on the page because they want to see what happens next.

ts_2

  • Their use of moving images, color palette, and photography creates an aesthetic rather than any particular call-to-action (CTA), making you want to be a part of that lifestyle and further helping Tracksmith establish their brand. 

3. MOZ

moz_blog

What makes their blog great?

  • Each topic is laid out almost like a course, which creates a clear journey of what to do next for the user. This helps keep users focused while also breaking the page into sections, which is good for SEO.   
  • Their in-depth resources also help establish their credibility as an industry leader.

moz_2

  • Posts are tagged by skill level, which helps a user determine if a post is right for them before they spend too much time reading it.

moz_3

  • They do a good job of linking to their products in their posts in an organic manner. This makes a user feel as though the article wasn’t written strictly to sell the product, and that they can still gain a lot from the article without needing to buy something.

moz_4

  • They cross-promote their other articles and guides very effectively in every post, either through simple links or with a deliberate call to action.

moz_5

4. DropBox

db_1

What makes their blog great?

  • An unconventional color scheme makes them really stand out from other blogs. This makes them more memorable, and also speaks to their level of creativity. They’re not afraid to be different.
  • The call-to-action to subscribe to their newsletter is visually unique and eye-catching. It’s not often that an old-school marquee is used in a modern website. I’m naturally drawn to it and genuinely want to subscribe because it feels like they’ll provide unique content.

db_2

  • The custom cursor says “READ” when hovering over a post thumbnail, which is a fun and bold way to pique a user’s curiosity.

db_3

  • They do a great job of addressing concerns about working from home during the pandemic with this featured collection. The design is unique and stands out, and their content fits perfectly with their product because DropBox already focuses on remote collaboration.
  • Their use of illustration is really unique, but not over the top. They help keep the user engaged by encouraging users to explore each element on the page. 

5. Honeybadger

hb_1

What makes their blog great?

  • Having custom illustrations for each of their authors is a subtle way to tie in their branding and draw your eye to their thought leaders while keeping the overall design simple. 

CleanShot 2021-05-13 at 13.37.09

  • They’re not pushy. Their design works to enhance the information, not necessarily selling their product. They simply place a small call-to-action in the sidebar of each post, but it’s clear they genuinely care most about creating great content and tutorials for developers.
  • Their use of CTAs in the sidebar of each post is subtle but clear. The CTA is always there, ready to be clicked when the reader is ready.

hb_3

  • Their design eliminates distractions. Their design is focused on making it easy for a user to quickly scan a post to get a sense of whether or not it will answer their question. They do this through simple syntax highlighting and by keeping the design simple. They know their audience is there to learn something and doesn't need to be distracted. As a result, I find myself staying on their site longer and reading more posts. This means there’s a better chance I’ll end up engaging with a call-to-action.
  • They effectively highlight the limited number of topics they post in their header. This helps them stand out as an industry leader in these niche markets.

hb_3

6. G2

g2_1

What makes their blog great?

  • The design is clean and simple, which makes it easy to navigate and scan at a glance.  
  • Their Curated Content Hubs make it easy to search for specific topics and see what they write about.

g2_2

  • They do a great job of linking to their services using a sidebar. This is made even more powerful by the fact that they ensure the product they’re offering is a solution to questions in the related article.

g2_3

7. thoughtbot

tb_1

What makes their blog great?

  • A simple, clean design.
  • The design gives their posts so much room to breathe that I feel a sense of calm and clarity. This makes me want to stay on their site and read all day. The lack of distractions also makes the reading experience more pleasant.
  • This clean, simple design allows the content found in the articles to do the heavy lifting. Most folks who stumble upon these posts will need help from thoughtbot, and their detailed tutorials make them stand out as industry leaders.

tb_2

  • They place a simple but effective CTA at the bottom of each post that reads, “Let’s make your product and team a success.” It’s a powerful reminder that they’re not only good at what they do but that they care about their customers.

8. Zendesk

zd_1

What makes their blog great?

  • The use of uniquely shaped featured images stands out and draws the eye.

zd_2

  • The design of the editor’s picks is simple but effective. They rely on text and hierarchy rather than flashy visuals to grab the user's attention.

zd_3

  • You can see your progress as you scroll, which makes you feel like you’re accomplishing something as you read, breathing life into the design.

zd_4

  • The “Browse Library” section is simple but stands out, highlighting their guides and, in turn, the topics they’re experts in.

 

zd_5

Now what?

OK, now that you’ve seen a variety of well-designed blogs, you might be asking, what’s next? 

For starters, take a look at your organization’s blog and see how it stacks up to others in your industry. Chances are the best blogs in your industry will share similar patterns and style choices, and will effectively use these patterns to keep users engaged.

Organizing your content into a “Learning Center” or similar hubs will make it easier for buyers to navigate and find what they want. Are your posts feeling too long and wordy? Break them up with relevant imagery or even a call to action.

If, on the other hand, your posts are feeling too cluttered and busy, consider removing unnecessary elements from the layout to allow the page to breathe. Your goal is to keep users engaged, not bored or overwhelmed, and to aid your messages.

Your audience has questions and you want to make sure you’re answering them in the best way and with the best experience possible. 

FREE On-Demand: The Website Optimization Summit Opening Keynote

Watch Liz Moorehead’s takeaway-filled opening keynote from the Website Optimization Summit for FREE inside IMPACT+.

Your business website should be your most profitable virtual employee -- closing deals left and right. Yet, business leaders and digital marketers just like you are unwittingly undermining the money-making potential of your website. 

Let Liz Moorehead show you the simple and powerful ways you can immediately increase the revenue potential of your business website, no matter what industry you’re in, in this information packed keynote.

Watch Free On-demand

Keep Scrolling to Continue Reading

Watch Liz Moorehead’s opening keynote from the Website Optimization Summit, FREE on-demand inside IMPACT+. Learn how you may be unwittingly undermining the money-making potential of your website and how to fix it!
Watch Free On-Demand
Here Are Some Related Articles You May Find Interesting

Want to Contribute Content to impactplus.com? Click Here.

IMPACT+ Sign Up
A FREE online learning community with on-demand courses, hundreds of expert-led sessions, thousands of your peers ready to support you, and much more.
Check it out
FREE On-Demand: Watch Liz Moorehead’s Website Optimization Summit opening keynote now!
Watch Free On-demand
FREE On-Demand: Watch Liz Moorehead’s Website Optimization Summit opening keynote now!