Five brands that reaped rewards after adopting responsive design
Responsive design is often touted as the future of web design based on little more than a vague sense that it makes websites more user-friendly and looks very cool.
This excellent case study from Electric Pulp shows that impressive results that O’Neill Clothing achieved after going responsive.
O’Neill tracked conversions, transactions and revenue for three weeks prior to launching its new site, then monitored the same metrics for three weeks after deploying the responsive version.
Electric Pulp says that the conditions it set in place during the redesign were “typical mobile patterns” that made the site more fluid and user-friendly.
It collapsed the primary navigation menu, allowing visitors to expand it by tapping a Menu link; increased the size of the font, tap areas and detail photos; reduced the number of columns; and spent a lot of time “fixing Magento forms.”
The redesign achieved some fairly spectacular results on iPhone/iPod:
Probably my favourite example of responsive design in ecommerce, Skinny Ties decided to use the technology to both “reinvent the brand’s identity and develop a future-friendly platform to carry the business forward.”
The site was redesigned with touch and click usage in mind, which keeps the interface consistent and compact.
Using a Magento platform, the designers also put a lot of work into perfecting the performance and navigation, as well as laying down strict guidelines for the style of product images.
Skinny Ties quietly launched the site in October 2012, and within a matter of weeks noticed a massive improvement on sales metrics compared to the previous three months:
Revenue from all devices increased by 42.4%.
The conversion rate improved by 13.6%.
Revenue from iPhone grew by 377.6%.
The conversion rate for iPhone increased by 71.9%.
The site’s bounce rate fell by 23.2%.
Visit duration increased by 44.6%.
After seeing its mobile visitors increase to around 10% of overall traffic at the beginning of 2012, Time.com decided that responsive design was the best way to cater for this growing audience.
Time.com already had a separate WAP site, and one of the major goals of the redesign was to have a cross-platform look.
The designers from the print side worked hand-in-hand with the digital design team in the early stages to come up with an aesthetic in terms of font treatments, graphic treatments and the right use of photography.
One of the main challenges the team faced was testing the new site on multiple devices to ensure it delivered an excellent user experience – overall the design process took nine months from start to finish.
But the results were worth it:
Mobile and tablet traffic has gone from 15% of the site traffic pre-redesign to now almost 25%. The bulk of that was the migration of people who were using the old WAP site migrating to the new site.
Pages per visit (PPV), across mobile, tablet and desktop are up “considerably” - for example, mobile PPV increased 23%.
On the homepage, unique visits increased 15%, and time spent went up 7.5%, with the mobile bounce rate decreasing by 26%.
Thank Tank Photo
Photography equipment supplier Think Tank Photo (TTP) made the decision to rebuild its site using responsive design as mobile visitors had tripled in a year to 13% of overall traffic.
TTP worked with Blast Advanced Media to create its new site, achieving impressive results:
Revenue increased by more than 188% from Black Friday through to Cyber Monday compared to 2010.
Transactions from users on smartphones and tablets increased more than 96%.
Mobile page views increased 224%.
A brief case study to finish – mobile enterprise and point-of-sale hardware company Maxatec switched to responsive design to cater for increased mobile traffic.
As a result:
The average time to complete a task has been reduced by 50%.