Inspiration Web Design Business Web Design Tips

Best Sidebar Layout Design Inspiration for Designers

Perfect-Moment-Inspiration-Picture-Quotes
0

A sidebar design inspiration is very important when you have a project in hand and the client needs something professional, outstanding, trendy or any other expectation. This expectation depends upon clients to clients and so a designer needs a frequent inspiration for every single website design for a client.

Among the key elements in a website layout, sidebar is one of the most prominent section providing the extra information about the things related to a website or blog. The classical things in a sidebar layout includes ads, simple-navigation, popular/recent posts, newsletter section and hundreds of more things but how the things are managed and placed is the key to a perfect sidebar.

Sidebar layout can be sophisticated and can be moulded into different forms according to the clients requirements that is why we should learn the placement and alignment of website element in order to get the website goal conversions in sidebars too.

To inspire you, I have collected some of the best sidebar layouts which has a significant recognition (PR) and are attracting more and more visitors to their sidebars.

Lets learn about Sidebar layout!

 

1. Quick Sprout Blog Sidebar layout

Quick Sprout Blog Sidebar Layout by Neil Patel

 

Sections Used:

  • Service Form
  • About
  • Service Ad
  • Tabbed Categories
  • Search Box
  • Personal Service
  • Newsletter SignUp Form

We conclude that the person is surely a marketing person, A person who sale the interests, profits and advantages of people and product in order to sell his service. Personally, I am inspired with this guy as he has been teaching the best marketing ways for a blogger and his Sidebar layout design projects his marketing skills. He actually tried to capture user’s email address, about ( for authority reasons or a major milestone to sell his things), selling personal services and advertising services (ads).

 

2. Tech Crunch Sidebar layout

Tech crunch Sidebar Layout

Sections Used:

  • Ad
  • Special (call for action)
  • Sign Up
  • Service (Video)
  • Ad

By looking the structure of the world’s most renowned tech blog, we conclude that this tech blog is looking forward to increase its goal conversions (sidebar layout aim) into streaming traffic. The blogger king is surely the one who has the numerous targeted email addresses. Among the sections which I listed above is a special section which is also used for capturing email address of visitors. Calling for action is the most persuasive technique by a blogger to increase engagement of visitors and decreasing bounce rate.

 

3. Cheezburger Sidebar layout

Cheezburger Sidebar Layout

 

Sections Used:

  • Featured posts section
  • Google Ad
  • Top Stories section
  • Socializing plugin
  • Special (Link Exchange)

Cheezburger has also used the same strategy as other top websites/blogs follows but the most interesting thing to mention is that Cheezburger has signed up with a publisher in which Cheezburger will exchange links with that particular publisher for traffic flow to both of the parties. The link exchange is powerful when it comes to exchange links with a higher PR website or blog.

 

 

4. The Guardian Sidebar layout

The Guardian Sidebar Layout

 

Sections used:

  • Service (Job Portal)
  • Guardian Ads
  • Related posts
  • Video Section
  • Category page posts
  • Guardian Ads
  • Category page posts
  • Sponsor Ad
  • Tabbed Section

Guardian has one of the best bounce rates and the reason is: User-Engagement. The sidebar layout of guardian is longer than usual having numerous pieces of information but a quick analysis shows a conversion strategy used in the sidebar layout. The strategy of Guardian is to utilize the immense traffic from sidebar layout into goal conversion i.e Selling services and of advertising agencies. Guardian has actually getting a immense traffic daily but to utilize it, Guardian now focuses on the content most in order to increase user engagement and build better relationship.

 

5. Boing Boing Sidebar layout

Boing Boing Sidebar Layout

 

Sections used:

  • Posts

Boing Boing has the simplest yet effective strategy of focusing only the content in order to generate tons of traffic into website. Boing Boing is just a place of multiple news info so it targets more than one interest or should I say every interest. So the major thinking should be focusing on how to hold down the visitors on the website for a long time. Suggestions play a great role in sidebar layout same as Boing Boing website is using it.

 

6. WikiHow Sidebar layout

 

Sections used:

  • Service
  • Google Ad
  • Related article section
  • Socialize
  • Featured posts plugin
  • About
  • Socialize ( 2 )

Looking at the sidebar layout of WikiHow, wikihow, acting same as others, targeting content and promotion of it including promotion of the website’s article or promotion of products of advertising companies just like others.

 

7. Copyblogger Sidebar layout

Copyblogger sidebar layout

Sections used:

  • Email SignUp
  • Search Bar
  • Service
  • Popular posts section
  • Ad

Copyblogger is one the top content marketing blog having content marketing solution as a service. I personally follow Copyblogger due to their handful tips and techniques to promote content of others or of yourself. Copyblogger’s sidebar layout is smart enough and is using the strategy to capture emails. A must follow sidebar layout.

8. Engadget Sidebar layout

Engadget   Technology News  Advice and Features

Sections used:

  • Google Ad
  • Featured section
  • Service
  • Link exchange
  • Google Ad

Following the same standard pattern, Engadget has used strategy of targeting advertising more than content. Engadget is a gadget website and may not targeting or giving the priority to content as they target their services and advertising.

 

9. Influence Marketing Sidebar layout

Influence marketing Book Blog Sidebar Layout Inspiration

Sections used:

  • Email SignUp
  • Socialize
  • Service
  • Ads
  • Search bar
  • Video section
  • Recent posts section
  • Recent comments section
  • Link exchange
  • Archive

One of the best marketing blogs includes Influence marketing. The section used in the sidebar layout is immense but the placement of those ads is simply the best. Influence marketing has used all the popular things which a sidebar layout contains in different websites and blogs mentioned above.

 

10. Tuts+ Sidebar layout

Tuts+ sidebar layout

Sections used:

  • Search bar
  • Socialize
  • Ad
  • Service
  • Ad
  • Service ( 2)

Tuts+ is one of the best education blogs and is subjecting different from multiple domains. The main aim of this website is to target visitors mainly for advertisement, to sell things and make money.

 

Conclusion – Important:

By looking at these popular websites/blogs sidebar layout, we conclude that sidebar layout has 2 super-goal conversions which includes: Drawing traffic orAdvertising or both.

Traffic targeted sections:

  • Email SignUp
  • Featured section
  • Service
  • Socialize
  • Popular posts section
  • Related posts section
  • Search Bar
  • Video Section
  • Link Exchange

Advertising targeted sections:

  • Email SignUp
  • Service
  • Google Ad
  • Ad sponsor
  • Link Exchange

 

Further Conclusion:

By distributing the targeted sections, it is clearly visible that how much the signup (getting emails) is important or should I say, “The soul of a successful blog” and how much your service has impact on your blog that it attracts the visitors for traffic and play a major part in generating revenue from your blog!

 

I hope you love the insights! Please share it if you love my hardwork!

Abrar Ahmed
Abrar Ahmed is the co-founder of HowFreelance and ProDollars. He helps companies like Flexicom, Zero Defects, Kliir and Blue Artists grow their revenue by his unique web designs. He has also worked for crowd sourcing companies including Odesk, Freelancer and Fiverr. His web design and web development services are most affordable and is dedicated to teach web design beginners and professionals the quality web design tips and business effectively. You can contact through his Google+ page, Facebook Page or through Twitter
You may also like
Graphic-Design-Banner
Best Freelance Graphic Design Portfolios
30-email-marketing-tips
30 Email Marketing Tips For Freelancers and Clients
2 Comments

Leave Your Comment

Your Comment*

Your Name*
Your Webpage