image of Shaw Website Design Group's Opening Header image of Shaw learning resource bubbles Image of Shaw Web Development Header Image of Shaw Content Management System - CMS HeaderImage of Shaw’s Application Development Services Image of Shaw’s Extensive Graphic Design Services Image of Shaw’s Mobile Application and Web Design header image Image of Shaw’s SEO and Directory Marketing Services header image Image of Shaw’s Social media - search engine marketing header image

Adapting to a Responsive Design (Mobile)

four different screen sizes


   This is the story of what we learned during a redesign for our most demanding client — ourselves! In this article, I will explain, from our own experience of refreshing our agency website, why we abandoned a separate mobile website and will review our process of creating a new responsive design.


At Cyber-Duck, we have been designing both responsive websites and adaptive mobile websites for several years now.



Both options, of course, have their pros and cons. With a separate mobile website, you have the opportunity to tailor content and even interactions to the context of your users, whereas a responsive website means better content parity for users and a single website to maintain.


Why Adapt To A Responsive Design?


Our redesign story starts in August 2012. Until then, our previous strategy of having separate mobile, tablet and desktop websites didn’t exactly perform badly; they drove conversions, and user engagement appeared to be good relative to our desktop website. I should mention that this strategy was borne purely out of the need to quickly tailor our ageing desktop website to the increasing number of tablet and mobile users at the time.


We produced our tablet and mobile websites specifically with users of these devices in mind — performance was our top priority. We wanted to improve on the loading time of our “desktop” website dramatically; the desktop home page was 2.2 MB, with 84 HTTP requests, and the mobile home page was still quite large, at 700 KB, with 46 HTTP requests. We had also designed the interfaces specifically with touch in mind, using jQuery Mobile to enhance the user experience with touch gestures.

goto Shaw Website Design Group main page
go to our contact page
view other blog posts

Comments: 0 (Discussion closed)
    There are no comments yet.