Limited Time Offer: Save 30% on PRO with code WOOHOO »

Real-World Education for Modern Marketers

Join Over 600,000 Marketing Professionals

Start here!
Text:  A A

How to Do Responsive Web Design Right [Infographic]

by Verónica Jarski  |  
October 5, 2013

People have little tolerance for Websites that don't accommodate their mobile devices: For example, 74% of mobile visitors will abandon a site if it takes more than five seconds to download, according to the research cited in the following WhoIsHostingThis? infographic.

Responsive Web design is one of the best ways of ensuring that your audience's online experience is equally viable across mobile and desktop environments, particularly if yours is an e-commerce site.

If your company hasn't yet considered using responsive Web design, you might well want to, especially if many of your website visitors are using mobile devices to access your site content. Any many probably are...

So start planning for responsive Web design now.

And when planning, make sure your site has these five critical elements, especially if you're selling products or services online: a masthead, an image gallery, product descriptions, auxiliary information, and a footer.

For more details about those five elements, take a look at the following infographic:

Sign up for free to read the full article.Read the Full Article

Membership is required to access the full version of this how-to marketing article ... don't worry though, it's FREE!


We will never sell or rent your email address to anyone. We value your privacy. (We hate spam as much as you do.) See our privacy policy.

Sign in with one of your preferred accounts below:


Veronica Jarski is the Opinions editor and a senior writer at MarketingProfs. She can be reached at

Twitter: @Veronica_Jarski

Rate this  

Overall rating

  • Not rated yet.

Add a Comment


  • by Steve Fort Mon Oct 7, 2013 via web

    Hello Veronica, the infographic you present here has good color combination and information arrangements.

  • by Seshu Mon Oct 7, 2013 via web

    In my experience one of the drawbacks when using responsive design is the fact that the call us or find us is at the bottom - asking the user to scroll to the bottom of the page when trying to reach out to the business. Any reason as to why this has to be the case (in most of the sites I visited)

  • by Alan Smith Wed Oct 9, 2013 via web

    Hey Veronica, I really like the Infographic, it’s so much useful. You have covered all the important aspects of the responsive web design approach. It clears all the doubts of the users who want to use it. This Infographic will help users to understand and to design a new website, so they can easily attract users towards their website.

  • by Stacelynn Sat Oct 26, 2013 via iphone

    Ironically I can't view the infographic on my iPhone (via your app).

  • by Kool Design Maker Wed Apr 16, 2014 via web

    Demand of a responsive website increasing rapidly because it is essential now. There are billions of users who are using smart phone, ipads and other hand-hold devices for internet exploring. In this scenario a mobile friendly website is necessary to get good business and traffic. Your shared info-graphics post is very helpful to understand the technicalities of responsive website designing and its functions.

  • by Ty Whalin Thu Jul 31, 2014 via web

    Nice piece. Responsive design takes more time to perfect, but eventually it will be worth the extra work placed into it. Have recently upgraded some of the sites I work on to HTML5, but not added responsive web design coding yet.

MarketingProfs uses single
sign-on with Facebook, Twitter, Google and others to make subscribing and signing in easier for you. That's it, and nothing more! Rest assured that MarketingProfs: Your data is secure with MarketingProfs SocialSafe!