seventeen of the Best Examples of Beautiful Weblog Design
According to a recent U. E. survey, bloggers have rated as the third most trustworthy source of information, subsequent only friends and family. That’s right — bloggers are trusted more than celebrities, journalists, brands, and politicians.
But how do you obtain people to fall in love with your blog in the first place? (Aside from remarkable content material, of course. )
Well, just like 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 company blog.
If you’re not appealing to people visually, how will you get them to take the next steps to really read (and, hopefully, subscribe to) your content? Once you’re done creating the quality content, you still have the challenge of presenting it in a manner that clearly dictates what your site is about. Images, text, plus links need to be shown away just right — otherwise, visitors might abandon your content, if it’s not showcased in a way absolutely appealing, easy to follow, plus generates more interest.
That’s why we’ve compiled some examples of blog homepages to get you on the right course to designing the perfect blog for your readers. Check them out, below.
Beautiful Blog Examples to Inspire You
- Help Search
- Microsoft Stories
- Design Milk
- Webdesigner Depot
- Brit + Company
- Tesco Living
- Innocent Drinks
- Goodwill Industries International
- charitable organisation: water
- Johnny Cupcakes
17 Inspiring Samples of Beautiful Blog Homepage Style
Sometimes, the best blog designs are also the simplest. Help Scout, makers of customer service software, uses a unique but smart design on its blog that we love — it limits the use of copy and pictures and embraces negative area.
What we particularly like about this blog is its use of featured images for all posts, including a banner ad one at the top that shows a recent or particularly well-known entry. These icons are set in front of bright, block colors that catch the readers’ eye and signal the actual post is about. And it functions — everything about this blog’s design says “clean” and “readable. ”
Complete disclosure: We’ve totally gushed over Microsoft’s “Stories” microsite before. We can’t help it to — what better method to revitalize an old-school brand than with a blog that boasts beautiful, interactive, and inspiring branded content? Plus, the square design of these stories is similar of the Microsoft logo design, which achieves a valuable brand name consistency.
Microsoft Tales is also a prime example of how a business blog could 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 individuals, places and ideas that will move us. ” It is the softer side of Ms, so to speak.
When you’re aiming to convey a certain brand information, your blog can be used to communicate it — both aesthetically, plus content-wise.
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 own recognition of a brand.
It might be interesting to see how color consistency can unify the greater diversified elements of design. Pando, a blog that explores the startup cycle, includes blue tones in several parts 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 collectively, when tied collectively by a cohesive color plan.
Style Milk, an online contemporary style outlet, uses a very simple design to highlight its blogposts. 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 motivate readers to remain on the site lengthier.
The social icons at the top are a pleasant addition to the entire look and feel of the site — they’re easy to spot, and make it easy to share Style Milk’s content. (And for more information about adding social buttons to your blog, check out this post. )
Fubiz, an art and design blog, is an example of a really sleek design that will also includes some awesome personalization.
Near the top of the blog’s homepage, readers can side-scroll via “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 articles they’re looking for. From there, visitors can browse content particularly catered to them.
We can’t help but love the header image, too. It uses something called “blue mind” psychology, that has found that the sight of open water can naturally draw us in. For it in a design scheme, Fubiz is able to visually attract visitors to its content.
With a name like “Webdesigner Depot, ” it’s no wonder that this style news site is aesthetically appealing.
One thing that we particularly like is the way Webdesigner Depot has incorporated social sharing icons on every individual post. While we obviously suggest actually reading every piece, having those hyperlinks readily available helps visitors immediately share a headline they will find interesting. And check out those people navigation arrows on the right — never before has it already been so easy to scroll to the top or bottom of the page.
What’s more, the color system, background, and fonts are all consistent — which keeps this blog looking professional, but still unique from the basic blog layouts we might be used to seeing.
I mean, just look at that header picture. The bold colors, the particular wiring overlay, the grasping pupil and the contrasting textual content. It absolutely catches the reader’s eye — no pun intended.
Mashable arrives its content into 3 noticeable sections on the home page: New posts are 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 showing content can help readers decide which kind of news matters to them the most — the attention-grabbing top story, or additional posts that are currently trending.
Plus, we like how the number of shares is displayed in each post survey — that’s a great form of social proof.
Brit + Co
Everything about the Brit + Co website says “clean, ” “warm, ” and “welcoming. inch It’s free of clutter, making the content more digestible, and the layout is extremely organized.
We all dig the seasonality from the site, too. I mean, avocado jack-o’-lanterns on the dawn associated with October? Adorable, and crammed with a colorful, fun photograph to illustrate the story’s content.
The subtle “trending” header also serves as a pleasant way to promote popular content, without being too in-you-face about this. Plus, with such excellent visuals, we took note of the nod to Pinterest — that icon is important to include when your blog incorporates attractive imagery.
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 offers achieved is a great balance of simplicity and boldness. The particular layout is extremely minimal, but it isn’t dull. Warm and welcoming shades underscore each content category, and the photos add dashes of colors through the site. It’s a great sort of how the right imagery can perform an appealing “less-is-more” appearance, particularly if that fits in with your general brand concept.
Crew Backstage, the blog of the Crew platform for designers plus developers, has a fabulously smart blog design, but tranquil a unique one.
Notice that, over the fold, it functions one blog post with a large title, subtitle, and call-to-action to read more.
To the left, discover an equally minimalist call-to-action that makes it easy for readers for connecting with Crew, or find out more. Plus, there’s that uniformity again — everything over the fold is the same shade of blue, that can be shown to invoke brand believe in.
Not just are the folks at Blameless Drinks great copywriters, however the design of its blog can also be a great reminder that blog designs don’t have to get extremely fancy.
Notice how the logo design — displayed in the higher left — is simple, cartoonish, and almost delightfully child-like. It works for Innocent Drinks (hint: childhood innocence), and that brand name presence is maintained throughout the company’s blog.
The multi-colored fonts, for example , match the particular logo and stay in collection with the brand’s casual, playful voice. We also like the particular easily-na vigable archive links around the left, which are complemented by geometric social sharing buttons on the right.
Much like Crew, the photography blog, 500px, leads with 1 featured article and a big, bold, high-definition photo to draw the reader in. Which makes is pretty clear what the weblog is about — it boasts valuable content on picture taking with gripping photography.
In addition, 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, at ease with images is up to three times since likely to be shared on social media marketing.
It’s no secret that we kind of like canines here at HubSpot. So when a blog dedicated to life being a dog owner came across our adnger zone, it got our attention.
BarkPost, the blog of dog subscription box company BarkBox, is a great example of design for several reasons. First, look exactly how easy it is to subscribe — the call to action is right there, above the showcased content. The social share icons are easily noticeable, as well — and, of course , all of the in the brand-matching, trustworthy azure.
We also like that BarkPost draws attention to its sister companies, all of which are possessed under the Bark & Company 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 enthusiasts alike.
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 essential elements of this blog.
The articles are also neatly positioned and easily accessible to readers. Plus, visitors can pick the type of information that matters to them the most by choosing a topic through the drop-down menu on the top correct.
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 got reached 37 million people — here’s a way for these to share their stories, or even invite donors to write regarding why they chose to support Goodwill.
Keeping the nonprofit blogging train heading is charity: water, which makes excellent use of high-quality photography.
Recently, the organization redesigned its blog with a lengthy post dedicated to the 10-year anniversary. Using that will opportunity to share its effect over the past decade, charity: water maintained a simplistic style with concise text and bright images from the anniversary event.
Plus, there’s a obvious CTA to donate on top of the page. Placing that will 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.
To clear up any confusion, Johnny Cupcakes is not going to actually make cupcakes. It makes clothing. But the company has done a great job of playing upward its brand’s association along with baked goods — its blog uses the subdomain “kitchen. ”
Plus, the folks at Johnny Cupcakes know a thing or two about brand persistence across channels. Its blog’s simple color scheme and matching fonts help to develop a unified user experience through the shop to general content, all the while throwing in bold, colorful images to capture readers’ attention.
Also, go to the website and have a scroll — we think it’s fairly cool how the background images vary, but stay positionally static for each entry.
Here are 15 more award winning website design examples.
The post seventeen of the Best Examples of Beautiful Weblog Design appeared first on Social Media Ding.