We all know how important content is to any marketing campaign.
The blog, for example, has become the cornerstone of any successful website; guiding users in with targeted, relevant, and engaging content and ultimately delighting with them so much they convert and subscribe to get more.
But what if your blog design is missing the mark?
The fact is, more users will enter your website (and find your brand) via your blog articles than ever your homepage, so your blog design should put your “best foot forward.”
That’s one of the main reasons we created our Blog Optimization Package, to quickly give you the ability to revamp your blog and optimize your user’s experience.
When it comes to blog design, there are a variety of different factors to look at, including font sizes, hierarchy, calls-to-action, and text width, among other things.
With so many things to take into account, it can be nerve-racking to take on a new blog design (but of course, we can help you with that).
That’s exactly why I wanted to compile some great examples of user-focused blog design inspiration to help best deliver your content and keep your readers coming back for more!
Author’s Note: All of these blogs are being viewed on a 13” Macbook Pro. What you view may change based on your screen size. But! It should be a consistent user experience screen to screen.
The biggest piece of advice I can give when designing your blog for users is make it readable.
What do I mean by that? Simply put, legibility and digestibility. Use clean fonts, headings, and put the focus on the content.
Wistia does a great job of this on its blog
Drift’s blog design is another that definitely hits the mark for readability.
Its listing page is a minimal, single-column with big, beautiful imagery to really pique the user’s interest and get them reading.
The addition of an estimated read time is something that’s forgotten but can be absolutely critical to your users.
Another great blog listing layout can be seen at Sigstr.
The email signature company utilizes a “card” style layout, which can be done really well (in this case) or really poorly.
You’ll typically see three-column card style listing pages, which can make the content hard to digest. The Sigstr team, however, opted for a two column layout, which limits the number of options at hand and avoids sending too many messages at once.
InVision’s blog does a lot of things really well.
The biggest plus for me is its use of descriptive titles. Internally, this removes the need for full post excerpts which works very well with the featured post slider.
Normally I’m against sliders or carousels, but for this, it works with well with the blog titles and large featured images in the background.
Below the featured post slider, inVision also uses a 3-column layout with short and sweet excerpts, that are almost one-liner descriptions.
The strategic use of white space allows each post to “breathe” and helps the user focus on finding the content they care about rather than being bombarded by too many options all at once — which is common with a 3-column look.
More blog design inspiration can be found on DigitalMarketer.
The training organization opted for a similar layout to InVision, but without the slider/carousel. Because the top of the layout isn’t your typical blog listing page, it definitely piques the user’s interest and gets them reading.