2015-09-07

By Dan Slagen



You get it…

Blogging is an important part of your content strategy.

Businesses that blog get 126% more lead growth than those that don’t.

Fortunately, there has been plenty of information published about how to ‘create’ a great blog; what type of content to produce and how often. But one thing that there isn’t as much information on is how to ‘design’ a great blog.

Creating and designing are two different things and serve two different purposes. Creating a great blog is focused on your content and making sure that readers have access to relevant information. Designing your blog is centered around how your readers consume the information that you’re producing as well as generating new leads for your company.

We wanted to take this concept and run with it, by showing you how the top 50 marketing blogs (as decided by Inbound.org) design their blogs.

Each of these companies are focused on both education and growth, and clearly they’ve all found the perfect mix for their goals!

The Top 50 Marketing Blog Designs

1. Search Engine Land



Access This Design from Search Engine Land!

What we like about this design:

Emphasis on visuals

10 different content links (SEO, SEM, Mobile..etc) for users to select

Call-to-action (CTA) that generates interest for events, newsletters and subscribing

2. HubSpot



Access This Design from HubSpot!

What we like about this design:

Three separate blog offerings in one place (marketing, sales, agency)

Subscribe CTA offers under each of the three blogs

Scrolling list under each blog showing the last 50 posts and publish dates

3. Social Media Examiner

Access This Design from Social Media Examiner!

What we like about this design:

Hero image offers users the latest social media marketing industry report

Scrolling feed shows introductions to blog posts for easy user browsing

Prevalent CTA offers for events, social media, newsletter and podcasts

4. Seth Godin

Access This Design from Seth Godin!

What we like about this design:

Consistent blog posts, users know exactly what to expect

Easy social media button selection and sharing

Subscription CTA offer and content history displayed on left-hand side

5. Moz

Access This Design from MOZ!

What we like about this design:

Box design for each post displays neatly for a consistent design

‘Subscribe Now’ CTA in the middle of the page, below the first few posts

Each post is shown with visuals, title, author, date, CTA and social activity

6. readwrite

Access This Design from readwrite!

What we like about this design:

Box design theme for each post with title and publish info overlayed

Content category shown in the top left of each post title (red box)

Emphasis on visuals throughout the entire homepage

7. Search Engine Watch

Access This Design from Search Engine Watch!

What we like about this design:

10 different content links (PPC, Social, Local. etc) for users to select

Live comments and upcoming events displayed on the right-hand side

‘Subscribe’ CTA offer for both daily and weekly newsletters

8. MarketingLand

Access This Design from Marketing Land!

What we like about this design:

Emphasis on visuals

10 different content links (SEO, SEM, Mobile..etc) for users to select

CTA usage generating interest for events, newsletters and subscribing

9. VerticalResponse

Access This Design from VerticalResponse!

What we like about this design:

Consistent emphasis on brand colors

Blog updates, breaking news and popular posts content/CTA offers

Blog posts displayed with a combination of box design and text links

10. Content Marketing Institute

Access This Design from CMI!

What we like about this design:

Initial 2 posts shown visually with intro content, followed by text link posts

Emphasis on training and certification for additional visitor engagement

8 how-to guides offered for download along with a click-to-play video CTA

11. Search Engine Journal

Access This Design from Search Engine Journal!

What we like about this design:

Instant pop-up notification offering users access to an upcoming webinar

Guides, videos, Ebooks offer users more than just blog posts

Blog posts broken out into 3 sections – featured, latest and most popular

12. ProBlogger

Access This Design from ProBlogger!

What we like about this design:

Visual emphasis and placement on the feature post

9 links to various themed content throughout the blog

Multiple CTA offerings, each promoting different topical content

13 & 14. Inside Facebook and AllFacebook

(both acquired by AdWeek, currently residing under Social Times)

Access This Design from AdWeek!

What we like about this design:

Clean, consistent and visual blog feed, showing most recent 10 posts

Email subscription and learning courses CTA offers displayed on the right

Easy access to AdWeek’s entire blog network of 10 separately themed blogs

15. Brian Solis

Access This Design from Brian Solis!

What we like about this design:

Not afraid to use video throughout the course of the entire blog

Live Tweets and recent comments update throughout the day

2006 – present content archive with links across 15 content categories

16. Convince and Convert

Access This Design from Convince and Convert!

What we like about this design:

Newsletter pop-up notification CTA for users that want email updates

Most recent 3 posts featured with large visuals and content introduction

Daily newsletter CTA offers different themed content each day of the week

17. Sprout Social

Access This Design from Sprout Social!

What we like about this design:

Fixed toolbar that remains visible as users scroll down the site

Content offered in 3 categories – articles, resources and events

5 most recent articles displayed on the homepage with captivating visuals

18. Social Times

Access This Design from Social Times!

What we like about this design:

Clean, consistent and visual blog feed, showing most recent posts

Email subscription and learning courses CTA offerings displayed on the right

Easy access to AdWeek’s entire blog network of 10 separately themed blogs

19. Unbounce

Access This Design from Unbounce!

What we like about this design:

13 content themed links on the right-hand side displayed as buttons

Subscription CTA featured in the hero image section (shows confidence)

Two column box theme design showing 10 most recent blog posts

20. GetResponse

Access This Design from GetResponse!

What we like about this design:

CTA offers include Ebooks, social media access and email newsletters

Keyword search box for easy content discovery

All authors shown with pictures and bios for users to browse

21. Social Media Explorer

Access This Design from Social Media Explorer!

What we like about this design:

They have a blog article counter currently showing 2076 posted articles

Box design showing most recent blog posts, videos and CTA offerings

Blog posts displayed with introductory paragraph and a read more option

22. ClickZ

Access This Design from ClickZ!

What we like about this design:

11 content topic categories for users to select from on the blog

20+ most recent articles displayed featuring title, intro, author, social

Subscription CTA, upcoming events and white paper offers

23. ReelSEO

Access This Design from ReelSEO!

What we like about this design:

Focus on visual design both in the header box design and proceeding posts

Email subscription pop-up CTA offers users daily or weekly emails

Video everywhere! Yes, they’re a video blog but we still love to see it!

24. John Chow

Access This Design from John Chow!

What we like about this design:

Noticeably sized title font for all blog posts that commands attention

CTA offers for eBooks, whitepapers and training placed all over the site

Social media tracker displaying 300,000+ people reading the blog daily

25. Bigcommerce

Access This Design from Bigcommerce!

What we like about this design:

Clean design, combining consistently displayed content and whitespace

Pop-up subscription promotion appears when users first exit the site

Links to popular posts, news, resources, social media, content categories

26. NRF

Access This Design from NRF!

What we like about this design:

Focus on visuals throughout the entire blog with content overlays

Scrolling box design featuring intros and a theme for each blog post

Live Twitter feed showing user activity and tweets related to NRF

27. Creative Market

Access This Design from Creative Market!

What we like about this design:

Free “goods of the week” offers users free designs/graphics for download

10 most recent articles displayed with intros and visuals

Subscription signup and popular posts featured on the right-hand side

28. Kim Garst

Access This Design from Kim Garst!

What we like about this design:

A members only section offering users “full” access to all things Boom

Each individual CTA offer is focused on learning and education

10 most recent articles displayed with large intros and visuals

29. Contently

Access This Design from Contently!

What we like about this design:

Heavy emphasis on white space, giving the blog a simple navigation path

Pop-up email subscribe offer appears after spending a few minutes on site

Visually captivating Ebook offer that focuses on education and learning

30. Unmarketing

Access This Design from Unmarketing!

What we like about this design:

Focus on brand colors throughout the blog

Access to podcasts, speaking engagements, creative teams and email subscribe

Each blog post features an intro paragraph and a subscribe on iTunes link

31. Jeff Bullas

Access This Design from Jeff Bullas!

What we like about this design:

Full blog posts featured on the homepage for users to scroll and click

Links to popular and recent articles, as well as content by category

Pop-up promotion offering ebooks focused on education and learning

32. SEO Roundtable

Access This Design from SEO Roundtable!

What we like about this design:

6 different content categories for users to access

Inclusion of a permanent video content placement, updated weekly

All blog titles feature an introductory paragraph and a “read more” link

33. CMO.com

Access This Design from CMO.com!

What we like about this design:

Geo-focused content sections including Europe and Asia Pacific

Posts tagged with content themes from online media to strategic planning

8 different content themes for readers to access across the site

34. Mari Smith

Access This Design from Mari Smith!

What we like about this design:

CTA offers listed throughout the site, ranging from training to reports

Social media buttons and sharing data listed on the left-hand side

Blog title content displayed in red with large font to capture the eye

35. Marketing Profs

Access This Design from Marketing Profs!

What we like about this design:

11 most recent blog posts aligned on the left with imagery and the intro

50+ direct links to resources, community and marketing topics

Site takeover promotion (it’s aggressive, but perhaps it works well?)

36. Econsultancy

Access This Design from Econsultancy!

What we like about this design:

Left aligned box design theme, displaying visual blog article titles

Trending posts section, right aligned, offers the latest and greatest

Popular tag links offers readers themed content such as email or Twitter

37. Inbound.org

Access This Design from Inbound.org!

What we like about this design:

Number of collective community votes decide the article rank

Additional sections include trending, top and latest articles posted

30+ articles fit on the homepage by only displaying title/author per post

38. BufferApp

Access This Design from BufferApp!

What we like about this design:

Center aligned content with zero distractions on either side

Unintrusive pop-up CTA encouraging users to try Buffer

Social media login buttons instantly displayed upon arriving on site

39. Cision

Access This Design from Cision!

What we like about this design:

Strong focus on visuals and clean design throughout the entire blog

Links to featured, best practices, media updates, top, influencers, trends

Article offers include title, author, visual, intro and a “read more” link

40. Amy Porterfield

Access This Design from Amy Porterfield!

What we like about this design:

Access to 4 different types of content including podcasts and webinars

Visual link to Amy’s Facebook page showing 150,000+ likes

Left aligned posts that include social, visuals, author and intro paragraph

41. Shoe Money

Access This Design from Shoe Money!

What we like about this design:

Article offers include image, title, author, intro and a read more link

Right aligned links include access to FB, most viewed photos and archive

Personalized skin, featuring Jeremy solidifies the tone of the blog

42. Heidi Cohen

Access This Design from Heidi Cohen!

What we like about this design:

Content themes separated and distinguished by bold red font

Links to the top 8 most popular blog posts on Heidi’s blog

Pop-up offer visitors free actionable marketing tips with an email signup

43. Digital Marketer

Access This Design from Digital Marketer!

What we like about this design:

Each post offers features title, visual, social, intro, and a read more link

Strong focus and consistency across graphics used for blog imagery

Right aligned links to podcasts, ebooks, training, and most popular posts

44. Jon Loomer

Access This Design from Jon Loomer!

What we like about this design:

Left aligned articles and right aligned visual CTA offers

Everything featured on the site is laser focused on Facebook marketing

Heavy emphasis on brand recognition (images of Jon)

45. Oracle

Access This Design from Oracle!

What we like about this design:

Box design, showing the most recent 10 blog articles

All article offers include a visual, title, read more and share option

8 different content themes for readers to select from specific to marketing

46. TopRank

Access This Design from TopRank!

What we like about this design:

Left aligned posts feature large visuals to capture the reader’s attention

Blog intros offer substantial content before needing to click “read more”

8 links to different content themes and right aligned CTA offers

47. InstantShift

Access This Design from InstantShift!

What we like about this design:

Blog articles feature red and bolded titles and large images

10 content theme links available including “freebies”

Right aligned links to “our friends” and “useful links”

48. KissMetrics

Access This Design from KissMetrics!

What we like about this design:

9 most recent articles include brief intros and a read more CTA button

Subscribe CTA and pop-ups are featured on both sides of the page

Product offer featured at the top of the page by entering website URL

49. Ducttape Marketing

Access This Design from Ducttape Marketing!

What we like about this design:

First two posts featured in full, followed by links to the next six most recent

Left aligned blog posts and right aligned education based CTA offers

Fixed social media button placement regardless of where user scrolls

50. MailChimp

Access This Design from Mailchimp!

What we like about this design:

Center aligned content with zero distractions on either side

Strong focus on large and noticeable imagery throughout the blog

Homepage doesn’t overwhelm, only showing the five most recent posts

That’s it!

What’s refreshing to see about these top 50 marketing blogs is that even though they are in the same industry writing about similar topics, there isn’t one design style or template that fits all. Some blogs have decided to go with a conservative design style with others being a bit more creative, but all of the designs perfectly match the audience they’re meant to serve (while meeting company lead gen needs).

Even if you’re not in a position to redesign your blog, there are a bunch of little changes you can make (as seen in this list!) that may improve performance.

Examples of design elements you can try testing include:

Publish date

Link to author

Social media buttons

Newsletter sign-up overlay

Alignment

Additional content download links

Contact us link

Additional links to your content broke out by theme like “SEO” or “PPC”

Imagery

Videos

Font type and font size

Popular articles section

Search box

Careers page

There’s most likely one thing in each of the 50 designs that you could identify and test on your own blog!

As you think about designing your blog, redesigning your blog or just giving it a little refresh, stay true to your mission, your audience and your creative desires!

Access all 50 of the featured marketing blog designs here!

Guest Author: Dan Slagen from Crayon. Crayon is the most comprehensive marketing design search engine on the web. It’s the new way for marketers to get inspired and get great ideas about what to build.

The post How the Top 50 Marketing Blogs Rock Design appeared first on Jeffbullas’s Blog.

Show more