Wednesday, October 5, 2016

16 of the Best Examples of Beautiful Blog Design


Written by | @
beautiful_blog_design-1.png
According to a recent U.K. survey, bloggers have ranked as the third most trustworthy source of information, following only friends and family. That's right -- bloggers are trusted more than celebrities, journalists, brands, and politicians.
But how do you get people to fall in love with your blog in the first place? (Aside from remarkable content, of course.)
Well, just as your website homepage is like the front door to your business, your blog's design -- much like a welcome mat -- is the front door to your business blog. New Call-to-action
If you're not attracting people visually, how will you get them to take the next steps to actually read (and, hopefully, subscribe to) your content? Once you're done creating the quality content, you still have the challenge of presenting it that clearly dictates what your blog is about. Images, text, and links need to be shown off just right -- otherwise, readers might abandon your content, if it's not aesthetically showcased in a way that's both appealing and easy to follow.
That's why we've compiled some examples of blog homepages to get you on the right track to designing the perfect blog for your readers. Check 'em out.

16 Inspiring Examples of Beautiful Blog 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 can't help it -- what better way to revitalize an old-school brand than with a blog that boasts beautiful, interactive, and inspiring branded content? Plus, the square layout of these stories is reminiscent of the Microsoft logo, which achieves a valuable brand consistency.
Microsoft Stories is also a prime example of how a business blog can be a major asset for an overall rebrand. In recent years, Microsoft has worked to humanize its brand, largely in response to a rivalry with Apple. The "Stories" microsite has a simple tagline -- "Get an inside look at the people, places and ideas that move us." It's the softer side of Microsoft, so to speak. 
When you're trying to convey a certain brand message, your blog can be used to communicate it -- both 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's interesting to see how color consistency can unify the more diversified elements of design. Pando, a blog that explores the startup cycle, incorporates blue tones in several sections of its site -- the background, highlight bars, and certain areas of text. But it also uses several different fonts -- all of which manage to look seamless together, when tied together by a cohesive color 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 strategy, which helps to encourage readers to remain on the site longer.
The social icons at the top are a pleasant addition to the overall look and feel of the site -- they're easy to spot, and make it easy to share Design Milk's content. (And to learn more about adding social buttons to your blog, check out 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 found that the sight of open water can naturally draw us in. By using it in a design scheme, Fubiz is able to visually attract visitors to its content.
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, but the design of its blog is also a great reminder that blog designs don't have to get super fancy.
Notice how the logo -- displayed in the upper left -- is simple, cartoonish, and almost delightfully child-like. It works for Innocent Drinks (hint: childhood innocence), and that brand presence is maintained throughout the company's blog.
The colorful fonts, for example, match the logo and stay in line with the brand's casual, playful voice. We also like the easily-navigable archive links on the left, which are complemented by the geometric social sharing buttons on the right.
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) BarkPost

It's no secret that we kind of like dogs here at HubSpot. So when a blog dedicated to life as a dog owner came across our radar, it got our attention.
BarkPost, the blog of canine subscription box company BarkBox, is a great example of design for a number of reasons. First, look how easy it is to subscribe -- the call to action is right there, above the featured content. The social share icons are easily noticeable, too -- and, of course, all in the brand-matching, trustworthy blue.
We also like that BarkPost draws attention to its sister companies, all of which are owned under the Bark & Co portfolio of brands. But at the same time, the blog doesn't hock its own products -- rather, it serves as an informational resource to dog parents and lovers alike.
BarkPost Blog.png

14) Goodwill Industries International

Who says nonprofit organizations can't blog? Nay, they should -- and Goodwill's clean, colorful navigation (again -- the trustworthy blue) draw the reader to the important elements of this blog.
The posts are also neatly positioned and easily accessible to readers. And, visitors can pick the type of information that matters to them the most by choosing a topic from the drop-down menu on the top right.
Finally, we love that there's a collaborative call to action in the introductory text that invites readers to contribute content to the Goodwill blog. After all, the organizations services have reached 37 million people -- here's a way for them to share their stories, or invite donors to write about why they chose to support Goodwill.
Goodwill Blog.png

15) 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, chartiy: 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

16) 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
Which other blogs have excellent homepage d

Tuesday, October 4, 2016

#SocialSkim: Twitter Rebuilding, Google Rejoins Messaging Wars

Twitter takes the lead in this week's #SocialSkim with new updates that help brands better use the platform for customer service, a new app dedicated to live streaming, and (finally) a newly expanded character limit that gives you more room to play.
We'll also go in-depth on Google's new app meant to contest Facebook Messenger; and we'll let you in on the new Instagram feature we've all been waiting for, and tip you off to the top 10 social trends for 2017.
Skim to spend your time wisely!
1. Google's new app, Allo, aims for Facebook Messenger
Google's more artificial-intelligence-driven answer to Facebook Messenger and Apple's iMessagelaunched this week, and it's the Internet giant's latest, and smartest, entry into the messaging app arena.

The app, which boasts an incognito mode if you don't like the idea of Google's keeping tabs on all your communication, is integrated with Google Assistant, a bot that lets users tap into Google's enormous search database to answer questions and grab quick info like movie reviews, restaurants, etc. individually or in group chats.
Allo also boasts smart replies to suggest quick responses based on conversational context, and the ability for users to message those who don't have the app via regular text messages.
It might seem like a late start, but "smart messaging" as we see it today has just begun developing, so Google could have a path to prosperity should Allo prove itself.
2. Twitter rolls out new customer-service features for businesses
A set of new Twitter features aims to help businesses better serve customers with support.
Companies can now edit their new Customer Support settings to indicate whether their account offers customer service via the social network, which automatically turns on the ability to receive direct messages from any Twitter user, not just those who mutually follow each other's' accounts.
Business can also indicate which hours they're most responsive to requests for support. A new, more prominent call to action for messaging is present on accounts that have the new features enabled.
Would you now consider providing customer support via Twitter?
3. YouTube Creator Studio app updated with insights
If you use YouTube as a major medium of communication with your customers, a recent update to the platform's Creator Studio app has a lot of value packed into a small package.
The update lets creators gain actionable insights on their channel stats, as well sends creators alerts and recommendations when major events occur on their pages, such as a sudden spike in views and how to capitalize on it. Also, with new means of contacting YouTube support via email, the release brings major benefits and changes for the creator community.
4. Twitter launched a new app, streamed first live NFL game
The social network worked its way into the living room with the launch of a new app for Apple TV, Xbox One, and Amazon Fire TV that enables users to stream live video on their televisions.
Twitter kicked off the launch with its first-ever livestream of an NFL game last Thursday, which drew two million viewers.
Various reports from users cited high-quality video, but noted a seconds-long delay between the CBS and Twitter broadcasts; as a result, the stream of user-generated Tweets below the live video revealed results before they appeared on the Twitter broadcast.
The digital livestream is still very much so an experiment for all parties involved, and the social network has nine games left to prove whether it can convince more people to sign up for the platform.
5. ABC News to bring 2016 presidential debates to Facebook Live
ABC News' collaboration with Facebook for the Republican and Democratic National Conventions resulted in more than 28 million video views across the news company's Facebook pages. The media giant has now decided to partner with the social media titan once again for the upcoming presidential debates.
For the first time, general election debates will be streamed live on social media, as ABC also plans to bring a curated feed that blends livestreams from inside spin rooms, on the ground at watch parties across the country, and commentary from anchors and journalists. Users' comments, questions, and conversations will also be incorporated, expanding their ability to interact and participate real-time.
6. Your 140 Twitter characters just became more valuable
We tipped you off last week, but now it's official: photos, videos, and other media no longer counttoward your 140-character limit on the social network.
The new rules also apply to things like GIFs, polls, and Quote Tweets, meaning brands and individual users have even more space to express themselves on the platform. Go ahead, go crazy!
Say more about what's happening! Rolling out now: photos, videos, GIFs, polls, and Quote Tweets no longer count toward your 140 characters.
7. Instagram rolls out "save draft" feature to everyone—finally!
The feature was in testing earlier this year, but the Facebook-owned social network confirmed that it's rolling out the ability to save drafts of posts, for completion and posting at a later time, to all users.
After adding effects, filters, captions, and locations, brands and users alike can now tap the back arrow at the top of the screen without fear, because their creations can be safeguarded for later. When desired, simply tap the camera icon within the app, select "Library," and your posts-to-be will appear below "Drafts." You're welcomed.
Trying to create a post that's just right? With the latest update, you can save as a draft & come back to it later.https://help.instagram.com/1188360274569019 …
8. Voice is the next battleground for messenger apps
It might feel counterintuitive just as messaging apps move away from human interaction and introduce bots, but a new focus could likely become the next frontier for chat and move us back toward our most basic form of communication: voice.
Analysts say the speed and efficiency of voice interfaces, particularly as they increase speech recognition accuracy from 95% to 99%, will soon have most of us swapping text for voice.
Amazon's Alexa, increased VoIP calling on existing messaging apps, and Facebook and Google's acquisitions of speech recognition and natural language startups show we're heading in that direction. And it might just make life easier for all of us.
9. Facebook users warming up to Reactions... slowly
They might still account for only less than six percent of all Facebook users' interactions, but use of Facebook's new Reactions has doubled since their introduction earlier this year, and users are adopting them at a faster pace than before.
The Quintly study also shows that likes account or 77% of Reactions on the social network, but that other Reactions like sad, love, and wow increased up to 23%. It seems they're catching on, and they should help brands get better insights into the sentiment around their posts and page.
10. Bots are skyrocketing compared with apps' early growth
A new report from Citigroup shows that the early growth of artificial intelligence bots is greatly outpacing the growth of apps in their first days, indicating that the technology is still on pace to make a huge impact.
The number of developers working on bots also far exceeds the number that worked on apps in their early days, leading analysts to conclude bots could very well become a daily part of our lives.
With Apple's latest announcement of a new iMessage store that could incorporate bots in the future, is your brand ready for what could become the bot revolution?
11. Keep your guard up: The top 10 social trends for 2017
It's sometimes hard to believe that YouTube launched 12 years ago, and that Facebook once started as a way for college students (and college students only) to connect online. Fast-forward to 2016, and the face of social media has changed drastically. Here are the top 10 social media trendsto look out for in 2017.
Covered in detail: expiring social content, consolidation of major social players, increasingly stubborn organic traffic, and the rise of personalization, the social influencer (see image), and the robots. Go ahead, dive in—and prepare!
12. Is paid or organic social more effective?
A Clutch survey of enterprise marketers reveals the majority (59%) find paid social media to be more effective than organic (unpaid). One-third of respondents were neutral, while 8% preferred organic for effectively reaching their consumers.
Some 35% of survey takers said they use paid and organic social media in equal doses, and only 12% say they use mostly or only paid. What are their preferred social channels? Dive into the results to find out!
13. We'll wrap with five essential tips for brands battling social media trolls
Although harassment and bullying are a rampant problem on social media, at its core social brings more of a human touch to our lives online than we had before. People aren't the only ones being targeted by trolls and bullies, however, and brands should take note to protect their reputations.
Fast Company has rounded up five essential tips for brands to consider for protecting themselves. Read through to prepare!

Covered in detail: distinguishing trolls from unsatisfied customers, stopping giving fodder to trolls, never ignoring abuse directed at your followers, approaching brand-on-brand trolling with caution, and actively monitoring your social media community.