Arguably, it is easier in the long run to create a brand new responsive web design (opens in new tab) than to make an existing, unresponsive site responsive. However, it is not impossible – far from it – but there are better ways to go about it than others.
The following case studies outline the different methods that organisations have used when rolling out a responsive redesign, to give you some RWD web design inspiration (opens in new tab).
01. Responsive retrofit
No magic wand automagically makes a site responsive, but Capital One found that with a componentised backend already in place, it could quickly retrofit its existing desktop site.
Head here for a full account of how Capital One pulled off a responsive redesign in just two months.
02. Parallel beta
Some companies want users to be able to test out a responsive design and then return to the 'classic' version of the site. Fidelity says its beta approach brought in lots of user feedback.
Listen to this podcast (opens in new tab) to hear how using a beta enabled financial services site Fidelity to test multiple iterations and learn from user feedback.
03. Mobile-only responsive
An existing m-dot site can be used as a sandbox for rolling out a responsive design in stages. The Guardian and the BBC delivered their responsive sites to smartphone and tablet users first, before the desktop site.
Go here to hear how the Guardian did it, and here for the BBC's story.
Words: Karen McGrane
Karen McGrane is the author of Going Responsive, a book on responsive web design. This is an edited excerpt from an article that appeared in issue 275 of net magazine (opens in new tab).
Liked this? Read these!
- Top Chrome extensions (opens in new tab) for designers and devs
- Choose a website builder (opens in new tab) with these top tools
- Behold the very best in website templates (opens in new tab)
- Discover the best user testing (opens in new tab) software
- Read our step-by-step guide to user experience (opens in new tab)