Based on a latest U.K. survey, bloggers have ranked because the third most reliable supply of data, following solely family and friends. That is proper — bloggers are trusted greater than celebrities, journalists, manufacturers, and politicians.

However how do you get individuals to fall in love along with your weblog within the first place? (Other than outstanding content material, after all.)

Nicely, simply as your website homepage is just like the entrance door to your corporation, your weblog’s design — very similar to a welcome mat — is the entrance door to your corporation weblog.

When you’re not attracting individuals visually, how will you get them to take the subsequent steps to really learn (and, hopefully, subscribe to) your content material? When you’re accomplished creating the high quality content material, you continue to have the problem of presenting it in a approach that clearly dictates what your weblog is about. Pictures, textual content, and hyperlinks have to be proven off excellent — in any other case, readers may abandon your content material, if it is not showcased in a approach that is interesting, straightforward to comply with, and generates more interest.

That is why we have compiled some examples of blog homepages to get you heading in the right direction to designing the proper weblog in your readers. Examine ’em out, beneath.

Download Now: How to Start a Successful Blog [Free Guide]

17 Inspiring Examples of Stunning Weblog Homepage Design

1. Help Scout

Sometimes, the best blog designs are also the simplest. Help Scout, makers of customer service software, uses a unique but minimalist design on its blog that we love — it limits the use of copy and visuals and embraces negative space.

What we particularly like about this blog is its use of featured images for all posts, including a banner one at the top that highlights a recent or particularly popular entry. These icons are set in front of bright, block colors that catch the readers’ eye and signal what the post is about. And it works — everything about this blog’s design says “clean” and “readable.”

Help_Scout_Blog-2.png

2. Microsoft Stories

Full disclosure: We’ve totally gushed over Microsoft’s “Stories” microsite before. We won’t assist it — what higher technique to revitalize an old-school model than with a weblog that boasts lovely, interactive, and galvanizing branded content material? Plus, the sq. structure of those tales is harking back to the Microsoft brand, which achieves a beneficial brand consistency.

Microsoft Tales can also be a major instance of how a enterprise weblog could be a main asset for an total rebrand. In recent times, Microsoft has labored to humanize its model, largely in response to a rivalry with Apple. The “Tales” microsite has a easy tagline — “Get an inside have a look at the individuals, locations and concepts that transfer us.” It is the softer aspect of Microsoft, so to talk. 

Once you’re making an attempt to convey a sure model message, your weblog can be utilized to speak it — each aesthetically, and content-wise.

Microsoft_Stories_Blog.png

3. Pando

An important aspect of a well-designed blog is a consistent color scheme and style — after all, 80% of consumers say that color boosts their recognition of a brand.

It is attention-grabbing to see how colour consistency can unify the extra diversified components of design. Pando, a weblog that explores the startup cycle, incorporates blue tones in a number of sections of its website — the background, spotlight bars, and sure areas of textual content. However it additionally makes use of a number of completely different fonts — all of which handle to look seamless collectively, when tied collectively by a cohesive colour scheme.

Pando_Blog.png

4. Design Milk

Design Milk, an online contemporary design outlet, uses a very simple layout to highlight its posts. The sidebar to the right — which remains visible when a blog post is opened to read — is perfect for showcasing thumbnail images for new articles. That’s an internal link technique, which helps to encourage readers to stay on the positioning longer.

The social icons on the prime are a nice addition to the general feel and look of the positioning — they’re straightforward to identify, and make it straightforward to share Design Milk’s content material. (And to be taught extra about including social buttons to your weblog, take a look at this post.)

Design Milk Blog.png

5. Fubiz

Fubiz, an art and design blog, is an example of a really sleek design that also includes some cool personalization.

Near the top of the blog’s homepage, readers can side-scroll through “highlighted” posts. Below that is the Creativity Finder, where visitors can select their chosen personas — from “Art Lover” to “Freelance” — location, and the type of content they’re looking for. From there, readers can browse content specifically catered to them. 

We can’t help but love the header image, too. It uses something called “blue mind” psychology, which has discovered that the sight of open water can naturally draw us in. By utilizing it in a design scheme, Fubiz is ready to visually appeal to guests to its content material.

Fubiz blog.png

6. Webdesigner Depot

With a name like “Webdesigner Depot,” it’s no wonder that this design news site is visually appealing.

One thing that we particularly like is the way Webdesigner Depot has incorporated social sharing icons on each individual post. While we of course suggest actually reading each piece, having those links readily available helps visitors immediately share a headline they find interesting. And check out those navigation arrows on the right — never before has it been so easy to scroll to the top or bottom of a page.

What’s more, the color scheme, background, and fonts are all consistent — which keeps this blog looking professional, but still distinct from the basic blog templates we might be used to seeing.

Webdesigner Depot Blog.png

7. Mashable

I mean, just look at that header image. The bold colors, the wiring overlay, the gripping pupil and the contrasting text. It absolutely catches the reader’s eye — no pun intended.

Mashable breaks its content into three noticeable sections on the homepage: New posts are listed on the left in the smallest sized thumbnails. “What’s Rising” posts are displayed in the center column as large thumbnails, and the “What’s Hot” posts are shown to the right, also as large thumbnails. This three-pronged approach to displaying content can help readers decide which kind of news matters to them the most — the attention-grabbing top story, or other posts that are currently trending.

Plus, we like that the number of shares is displayed in each post preview — that’s a great form of social proof.

Mashable Homepage.png

8. Brit + Co

Everything about the Brit + Co homepage says “clean,” “warm,” and “welcoming.” It’s free of clutter, making the content more digestible, and the layout is extremely organized.

We dig the seasonality of the site, too. I mean, avocado jack-o’-lanterns on the dawn of October? Adorable, and replete with a colorful, fun photo to illustrate the story’s content.

The subtle “trending” header also serves as a nice way to promote popular content, without being too in-you-face about it. Plus, with such great visuals, we took note of the nod to Pinterest — that icon is important to include when your blog incorporates attractive imagery.

Brit+Co Blog.png

9. Tesco Living

We love the colorful, consistent design of Tesco Living, the blog site of British grocery chain Tesco. 

Remember how we keep harping away at brand consistency? Check out the rhombus-like designs in the top banner — that reflects the same ones that appear in Tesco’s logo.

What Tesco Living has achieved is a great balance of simplicity and boldness. The layout is extremely minimal, but it isn’t dull. Warm and welcoming shades underscore each content category, and the photos add dashes of colors throughout the site. It’s a great example of how the right imagery can achieve an appealing “less-is-more” appearance, especially if that fits in with your overall brand concept.

TescoBlog.png

10. Crew

Crew Backstage, the blog of the Crew platform for designers and developers, has a fabulously minimalist blog design, but quiet a unique one.

Notice that, above the fold, it features one blog post with a large title, subtitle, and call-to-action to read more.

To the left, there’s an equally minimalist call-to-action that makes it easy for readers to connect with Crew, or learn more. Plus, there’s that consistency again — everything above the fold is the same shade of blue, which has been shown to invoke brand trust.

Crew Backstage Blog.png

11. Innocent Drinks

Not only are the folks at Innocent Drinks great copywriters, however the design of its weblog can also be an excellent reminder that weblog designs do not must get tremendous fancy.

Discover how the emblem — displayed within the higher left — is straightforward, cartoonish, and virtually delightfully child-like. It really works for Harmless Drinks (trace: childhood innocence), and that model presence is maintained all through the corporate’s weblog.

The colourful fonts, for instance, match the emblem and keep according to the model’s informal, playful voice. We additionally just like the easily-navigable archive hyperlinks on the left, that are complemented by the geometric social sharing buttons on the best.

Innocent Drinks Blog.png

12. 500px

Much like Crew, the photography blog, 500px, leads with one featured article and a big, bold, high-definition photo to draw the reader in. That makes is pretty clear what the blog is about — it boasts valuable content on photography with gripping photography.

Plus, how cool is it that the social links are right there, obviously displayed above the fold? They keep readers engaged with the content, and make it easy to share the photography — and, content with images is up to three times as likely to be shared on social media.

500px Blog.png

13. Pixelgrade

Pixelgrade is a design studio that creates beautiful WordPress themes for all types of inventive individuals and small companies. 

 

Their weblog web page does an excellent job of highlighting certainly one of their most up-to-date or common weblog posts, alongside a transparent name to motion and a brief excerpt. What I like finest is that the design of the web page is 100% according to their model and the way they impart on different channels as effectively, like Instagram, Facebook, or Twitter.

 

You’ll have no downside in figuring out their weblog posts, amongst different content material you may come throughout whereas scrolling on social media.

14. BarkPost

It’s no secret that we kind of like dogs here at HubSpot. So when a weblog devoted to life as a canine proprietor got here throughout our radar, it bought our consideration.

BarkPost, the weblog of canine subscription field firm BarkBox, is a good instance of design for plenty of causes. First, look how straightforward it’s to subscribe — the decision to motion is true there, above the featured content material. The social share icons are simply noticeable, too — and, after all, all within the brand-matching, reliable blue.

We additionally like that BarkPost attracts consideration to its sister firms, all of that are owned below the Bark & Co portfolio of manufacturers. However on the identical time, the weblog does not hock its personal merchandise — slightly, it serves as an informational useful resource to canine mother and father and lovers alike.

BarkPost Blog.png

15. Goodwill Industries International

Who says nonprofit organizations can’t blog? Nay, they should — and Goodwill’s clear, colourful navigation (once more — the reliable blue) draw the reader to the vital components of this weblog.

The posts are additionally neatly positioned and simply accessible to readers. And, guests can decide the kind of info that issues to them probably the most by selecting a subject from the drop-down menu on the highest proper.

Lastly, we love that there is a collaborative name to motion within the introductory textual content that invitations readers to contribute content material to the Goodwill weblog. In spite of everything, the organizations providers have reached 37 million individuals — here is a approach for them to share their tales, or invite donors to put in writing about why they selected to help Goodwill.

Goodwill Blog.png

16. charity: water

Keeping the nonprofit blogging train going is charity: water, which makes excellent use of high-quality photography.

Recently, the organization redesigned its blog with a lengthy post dedicated to its 10-year anniversary. Using that opportunity to share its impact over the past decade, charity: water maintained a simplistic design with concise text and bright images from the anniversary event.

Plus, there’s a clear CTA to donate at the top of the page. Placing that above a story about charity: water’s impact is a double-edged sword, by both inspiring people to contribute to the cause while making it easy to do so.

charity water blog-1.png

charity: water blog 2.png

17. Johnny Cupcakes

To clear up any confusion, Johnny Cupcakes doesn’t actually make cupcakes. It makes clothing. But the company has done a great job of playing up its brand’s association with baked goods — its blog uses the subdomain “kitchen.”

Plus, the folks at Johnny Cupcakes know a thing or two about brand consistency across channels. Its blog’s simple color scheme and matching fonts help to create a unified user experience from the shop to general content, all the while throwing in bold, colorful images to catch readers’ attention.

Also, visit the website and have a scroll — we think it’s pretty cool how the background images vary, but stay positionally static for each entry.

Johnny Cupcakes Blog.png

Here are 15 more award-winning website design examples.

New Call to action