Page 3 of 6


16 of the Best Examples of Beautiful Blog Design


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. Download our full collection of blog design examples here to inspire your own  blog design.

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.”


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.


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.


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.


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 designs? Share more inspiration with us in the comments.

Editor’s Note: This post was originally published in February 2013 and has been updated for freshness, accuracy, and comprehensiveness.

download 47 examples of beautiful blog design

  download 47 examples of beautiful blog design

HubSpot Marketing Blog

2017 B2B Content Marketing Benchmarks, Budgets, and Trends

B2B marketers are finding success with content marketing: 62% of B2B marketers in North America say their organization’s overall approach to content marketing has been much more or somewhat more successful than a year ago, according to just-released research. Read the full article at MarketingProfs
MarketingProfs Daily: Social Media

Recommended view: I’m thinking about buying YouTube Views, is there a difference in the quality?


Review: Shine laser light Bluetooth headphones

Shine laser light Bluetooth headphonesIEC Technology — which has offices in Shenzhen, China and London, UK — has recently launched its laser-light based Bluetooth stereophonic headsets, called Shine, on Kickstarter. We had a chance to try them out before the general public, and this article is all about our experience with the product. But first, let’s look at Shine’s…

Read more



Enabling your Sales team for Bigger, Faster Wins with Salesforce Engage, Part I

The B2B sales cycle has changed and sales teams are continuously pushed to evolve in order to keep up. To help enable their reps to sell more and sell faster, B2B marketers have to wear many hats when it comes to adopting new tools and technologies that can expand the abilities of both sales and marketing. Tools like Salesforce Engage are built into the Salesforce CRM and put sales reps in the driver’s seat allowing them to determine what prospects they email, when they email them and how frequently. At Valpak, Salesforce Engage helps bridge the information gap between the sales and marketing departments, and enables our marketing team to continuously and seamlessly implement ongoing marketing automation campaigns.

Having run an extensive pilot program that has now flourished to over 150 field sales reps using Salesforce Engage, here are a few implementation tips to help you ensure successful adoption, and don’t miss my next post on how to teach your sales teams to leverage the email nurturing features.

Step 1: Put on your CRM Admin Hat

Make it easy for your sales team to be as productive as possible. Most (new) sales reps using are not responsible for managing their “List Views” on their Leads and Contacts objects. Your Goal: make using Salesforce and Salesforce Engage easy. Have custom list views on the leads and contacts tab that align with sales objectives pre-built for your organization. More importantly, make it easy for your reps to identify which records are accessible, and to select their prospect list (leads/contacts) that have deliverable email addresses.

Hat Tricks:

  • Make sure the list views are set up to kick out leads/contacts that have opted out, or hard bounced. This will ensure better deliverability and improve overall results.
  • If one of your organizational goals is client reactivation, develop contact list views that shows when a contact/Account last purchased from your company.
  • If you don’t need to capture an email address before converting a lead to a contact, create a list view that shows all leads/contacts that do not have email addresses.
  • Make it easy for reps to update the “leads/contacts without email” lists by adding inline editing to the list.
  • Set “Last Email Date” for every list view created for “Engage” use. This will help your sales reps be more aware of when they last contacted the rep via email. Optional: add a field for last contacted/updated based on your sales processes.


Step 2: Put on your B2B Marketing Hat

Salesforce Engage makes it easy for marketers to ensure that their sales reps are able to send relevant and timely content to clients and prospects. Creating templates is the number one weapon in a marketer’s arsenal when it comes to outfitting sales to build better customer relationships. Templates give sales access to marketing content, and even pre-created emails that make it faster and easier to follow up on leads with on-brand assets.

Hat Tricks:

  • If there’s an email or message sales sends often, create a template out of it to make it easier to keep messaging consistent.
  • Create another template that has links to your company’s media kit, product information, or video testimonials. These are the pieces of content that get cold leads to talk to you, and warm leads to buy from you.
  • Make sure your sales team knows where to find approved marketing assets. Upload these into one central location and create templates that sales reps can use to send out new pieces of content to their clients and prospects.

Step 3: Put on your Sales Enablement Hat

B2B Email marketing done right can give you the ability in an organization get results quickly. Teaching your sales reps to value reviewing the reports on Engage email blasts and pay attention to Engage email alerts will be a critical component of successful adoption. You have to help your reps create new habits, just like when they learned and adopted Salesforce.

Hat Tricks:

  • Conduct a live demonstration using one of your reps. Use their Salesforce account to select a list of leads or contacts to email in a Salesforce Engage email blast. Help them ‘prime the engine’ by demonstrating important features populated with their own data. This will incentivize your reps to go back to check on the results and understand how quickly they can get response.
  • Do a “Round Robin” experience during a sales meeting: Send an email blast using the contact information of one of your reps. Then, once you send the first email blast, go to the next rep to send another. Once you’ve sent the second rep’s email out, you can go and check the results of the first. Highlighting this kind of visibility will get your sales team excited.
  • Don’t forget to go through the Pardot Prospect Activities section with your sales reps. Emphasize to them that they need to check these before calling in case someone has clicked unsubscribe. You can set up email alerts on the email templates to send a Salesforce task email to your sales team if your prospect takes an action that qualifies them such as clicking on a call to action link.
  • Review reports of prospects interactions with your emails. These can become the ‘call back lists’ for your sales team. Opens can be soft indicators of interest so can clicks. This can significantly help with cold call reluctance and make your sales reps feel like they are calling with a purpose. “Just checking to see if you successfully received my email?” or, “Just calling to see if you had any questions about the case study/pricing etc. that I sent over.”
    Set goals together based on the fiscal quarter. Are they focused on reactivation, renewals or new business? Help them identify the records they should be focusing on and how frequently.

prospect-click-activity-2 prospect-click-activity

Your sales reps will need encouragement when it comes to developing new habits around Salesforce Engage, but by highlighting its features with their own data and prospects, you’ll show them exactly how it can fit into their sales strategies and help them build better, stronger relationships with their clients and prospects. In my next post, I’ll explore how to teach your sales reps to tackle the lead nurturing features of Salesforce Engage.


Email Marketing – Pardot


Red Stag Fulfillment Offers Handy Guide to E-Commerce Platforms

rsfRed Stag Fulfillment, a successful and well-regarded company that acts as a third party shipping servicer for e-commerce firms, doesn’t sell anything online. But it sure has a bead on the platforms that serve those who do.

RSF ships for a growing number of e-commerce companies and it has learned a great deal about the pros and cons of each.

When it comes to eCommerce order fulfillment, RSF says that the technology used is vitally important. Having seamless operations that can, for instance, sync automatically with the real-time purchases in a company’s online store will go a long way in preventing an eCommerce store from joining the vast graveyard of similar businesses that failed in large part because of inadequate or inadequately used technology.  To learn more about the eCommerce technology used by RSF, click here).

Now, the Red Stag Fulfillment crew is offering a handy guide to the major platforms serving the customers that it also serves. The guide gives basic information about the platforms that work with both small to medium and medium to large e-commerce companies.

For small to medium outfits, RSF reviews Woo, Shopify, OpenCart, and PrestaShop. For medium to large e-commerce companies, it reviews Magento, BigCommerce, and ShopifyPlus.

Included in each shopping platform review is an overview, cost information, features description, benefits details, customer support info, and details on any drawbacks Red Stag believes its audience needs to know.

For instance, its overview of Woo notes that “Woo Commerce is a free WordPress plugin which allows you to sell through your WordPress website. It also offers additional paid features you can add on. This option is known to be affordable and allows you to make sales, process secure payments, manage inventory and shipping, and manage taxes automatically. It is recommended for retailers earning revenues that range from $ 0-$ 500,000.”

It’s a very informative guide for the customers that RSF was created to serve.

“There are pros and cons to every platform – but ultimately, the right choice will depend on your company’s size and unique needs,” notes the company. “In our business at Red Stag Fulfillment as a third party fulfillment provider, we know our customers need an e-commerce solution they can rely on, and we regularly hear feedback on the good and bad of various platforms. Hopefully this guide (can help) you in your decision process.”

To review the guide in full, click here. And for more information on what RSF can do for the reliability and growth of your eCommerce business, check out the company here.

The post Red Stag Fulfillment Offers Handy Guide to E-Commerce Platforms appeared first on Mobile Marketing Watch.

Mobile Marketing Watch


You Had Me at the Subject Line: Best Practices for Email Outreach

For B2B marketers, email outreach forms the basis of effective communication and marketing. With the rate at which technology continues to advance, and it’s no surprise 73% of marketers recognize the importance of email marketing and that number continues to grow each year. Email is also the tool of choice within an organization, from day-to-day communications with team members to approving projects. As great as email is, there are some pitfalls of email communication that marketers should be wary of. Whether it’s getting recipients to open your email or avoiding the spam folder, these are the best practices for creating emails that will help you grow your list and build your customer relationships.

Establishing Your Audience

When it comes to email correspondence, the first step is establishing your audience. This may seem like a “duh” moment, but deciding who your target recipient is, is crucial to effective email outreach. After that, it becomes much easier to personalize and customize, which are two of the most important factors in an effective email marketing campaign or interaction. When deciding on your target audience, consider the basic, macro level questions such as “which department is this relevant to?” and “who is the decision-maker that I need to reach?” Once you know that, think about the more detailed questions. For example, if a sales rep is initiating contact with the advertising department of an entertainment agency, they need to ask questions like “what kinds of advertising does this agency already do?” and “what is the problem or inefficiency within this specific company that my product can help with?”

Creating the Perfect Email

The next step is crafting the email itself. The sender name and – in particular, the subject line – are the two most important elements when determining whether your recipient opens the email or not: 33% of people open emails based on the subject line alone. The most persuasive subject lines are basic and blunt, and direct people to click through and continue to read the email, which should continue with the same brevity. Personalization and customization become key in the body of the email, and that’s where you can use your audience research to include personal elements such as the person’s name, their company or website, and an article or product of theirs that you admire. You don’t have to personalize the entire email, providing a sentence or two of customized content is enough to make it resonate with your recipients. The rest can encourage them to follow through on your call to action.

Emails are still a core part of B2B marketing, and remain one of the strongest ways to build relationships with clients and prospects. But that doesn’t mean it has to be complicated. Once you address these three main concerns: “Who are you?” “Why are you sending me an email?” “What do you want me to do?” You’ll see your engagement levels start to increase.

b2b email marketing

Email Marketing – Pardot


Jabra Storm review

Jabra StormLet me start by saying this – the Jabra Storm is by far the best Bluetooth headset I’ve ever used. Period. I know there are (arguably) better models, but I haven’t been able to play with one of those. The Storm offers a great sound quality, it’s easy to carry around (you can forget you…

Read more


How to Make Money Online Fast and Free no Scams 2016

Most everyone wants to learn how to make more money.

And many people want the luxury of freelancing on their own, but they just do not know where to start.

What if you could make money online by working from the comfort of your own home?

Well, you might just be surprised to learn that you can! Continue reading to learn what you need to know.

When planning how to make money working online, never put all your eggs in one basket. Keep as many options open as possible, to ensure that you will always have money coming in.

Failure to plan like this can really cost you if your main site suddenly stops posting work or opportunities.

Take a Look: How To Buy Youtube Views Cheap

Sign up to become a mystery shopper. This is a great way to make money as you will have to shop at various places and take notes on your shopping experience.

When you are finished, you will have to write up a report on the computer, which you will be compensated for.

To earn some quick cash online try one of the many auction sites. These sites let you sell a myriad of items, both new and used. Collect together gently worn clothes from your closet.

Then, photograph each piece and place them on an auction site. With these sites, you can set a minimum bid to ensure that you get the money you want from your clothes.

Start out small when you want to make money online, to minimize potential losses. For example, something that looks promising could turn out to be a bust and you don’t want to lose a lot of time or money.

Do a single taks, write just one article or order only one item until the site you choose proves to be safe and worthy.

If you are knowledgeable about a particular subject, put your knowledge to work for you. There are many companies, such as, that will pay you for your knowledge.

Most of these sites do require you to write a certain number of articles each month; however, this is a fantastic way to bump up your earnings.

It can be time consuming to learn about making money online. You would do well to align yourself with experienced veterans within your niche. Find a mentor and make sure to do your homework. Stay open to new concepts, and you will have no trouble making online income.

Never pay money to obtain work online. Legitimate work online should pay you, not the other way around.

If a service is charging you to provide you with work opportunities, chances are they are just playing middleman and providing links that are available for free if you know where to look.

As you can see, making money online is no longer a pipe dream. There are people all across the globe who are now making great money online.

You will be able to be your own boss and make your own decisions about how much money you bring in from now on. Good luck!