{{ searchResult.published_at | date:'d MMMM yyyy' }}

Loading ...
Loading ...

Enter a search term such as “mobile analytics” or browse our content using the filters above.

No_results

That’s not only a poor Scrabble score but we also couldn’t find any results matching “”.
Check your spelling or try broadening your search.

Logo_distressed

Sorry about this, there is a problem with our search at the moment.
Please try again later.

We love a good example of responsive design here at Econsultancy and judging by our traffic stats so does everyone else.

Our techies are currently squirreling away behind the scenes creating our own beautiful responsive site, but until that’s ready to be revealed here is a roundup of some of the finest examples we saw during 2013.

I should point out that some of these sites may have been launched prior to 2013, however I've taken the examples from posts that we published in the past 12 months.

And for more information on this topic, check out our blog posts detailing why responsive design is so important and highlighting brands that have achieved an increase in conversions after adopting the technology.

Visit London

Transport for London

Read Ben Davis' write up of TfL's new responsive site to find out more about the process behind the redesign.

EE

Econsultancy's head of social Matt Owen was quite damning when he reviewed EE's new site last year, however I happen to quite like it.

Mulberry

Ordinarily luxury brands tend to struggle with creating a decent online shopping experience, but thankfully Mulberry bucked the trend when it launched its new responsive site last summer.

                      

Mitsubishi Motors Australia

Gatwick Airport

Another example from the transport industry. Ben Davis also reviewed this site and happens to find it quite sexy.

VoucherCodes.co.uk

                      

Capital One

Firebox

Gadgets and gifts e-tailer Firebox jumped aboard the responsive design train last year. Read our interview with creative director Aaron Buckley to find out what the process entailed.

                      

Kershaw knives

Cloggs

Shortly after launching its responsive site last year shoe retailer Cloggs saw a 30% increase in mobile conversions.

My esteemed colleague Ben Davis ran his beady eye over it, this time in the form of a screenshot mega gallery.

                     

Indochino

Nixon

Nixon is one of the sites that was possibly launched prior to 2013, however we featured it last year as a case study in how to design an excellent responsive site.

Mashable

                      

Carter's

Last year children's clothing manufacturer Carter's topped a Search Agency report that looked at the mobile readiness of the top 100 US retailers.

Econsultancy's own Christopher Ratcliff took the site for a test run to see if he agreed with the report's findings.

Macdonald Hotels

Wired

Currently only the article pages are fully responsive on Wired.co.uk, though certain elements of the homepage also change depending on the screen size.

                      

Wythe Hotel

Singita

Travel Oregon

The visuals on this site are brilliant...

Old Spitalfields Market

Oxford Dictionaries

It may be a 120-year-old brand, but Oxford Dictionaries is right up to date with web design trends.

                      

Global News

                      

Visit Stockholm

I Travel York

Our Festival of Marketing event in November is a two day celebration of the modern marketing industry, featuring speakers from brands including LEGO, Tesco, Barclays, FT.com and more. 

David Moth

Published 8 January, 2014 by David Moth @ Econsultancy

David Moth is Editor and Head of Social at Econsultancy. You can follow him on Twitter or connect via Google+ and LinkedIn

1674 more posts from this author

Comments (40)

Comment
No-profile-pic
Save or Cancel
Avatar-blank-50x50

Gareth Holt, Head of Technology at London & Partners

Nice to see you've put Visit London top of the list this time David !

over 2 years ago

David Moth

David Moth, Editor & Head of Social at EconsultancyStaff

@Gareth, I had no other choice after neglecting to include it last time!

over 2 years ago

Avatar-blank-50x50

Manuele

Good article and beautiful websites!
Many wonder: mobile or responsive website? in this think these are good example of the potentiality of responsive technology

In addition, responsive website don't hurt your SEO (it's my work) what many believe... and Matt Cutts (head of spam at Google) has confirmed this, and it's much easy to implement and manage the content without falling in duplicate content penality.

Manuele

over 2 years ago

Matthew Hartnett

Matthew Hartnett, Web Sales & Markketing at Cumbria Tourism

Great article thanks David, there is another Macdonald website gone responsive this time it is the Loyalty site

http://theclub.macdonaldhotels.co.uk/Home.aspx

Thanks
Matt

over 2 years ago

Avatar-blank-50x50

Pete Fairburn

@David, always enjoy these articles...can I ask you to take a look at www.figgys.co.uk, a site we launched at the end of last year.

It has performed really well with all of the product selling out long before Christmas! We've received a huge amount of positive feedback and I'l love to know what you think...

over 2 years ago

Avatar-blank-50x50

user

Any thoughts about maxishop.com ?

over 2 years ago

Avatar-blank-50x50

User

Any thoughts on http://www.warnerbros.co.uk/?

over 2 years ago

Avatar-blank-50x50

Oddny

Hi David,
Great article as the conversation of responsive vs mobile design, and then not forgetting the apps is always creeping up amongst ourselves!
I would say though that Wired wouldn't make our top 25 as surely if you are going to invest in a responsive design you should do the whole site? But agree that what is there does work well.

One we find has been done well is Converse. Yup they will have a big marketing budget but one we thought worth adding to your list :)

over 2 years ago

Avatar-blank-50x50

Robert Faulkner

The problem with responsive sites is that you cannot pinch in to zoom bits that you cannot read.
Very little consideration is given to font re sizing.
Whilst upber trendy to have responsive sites I do not think that they are necessarily always the answer.
Furthermore, if you are familiar with a site and then go to their mobile site you have to re-learn the navigation. This was a problem i had when trying to find my way round the a hospital lately. I knew the desktop site but the mobile site i had to relearn on the hoof (in the hospital and lost)
just a thought.

over 2 years ago

Avatar-blank-50x50

Robert Faulkner

correction - some sites you cannot pinch to zoom
i notice that visitlondon you can

over 2 years ago

Avatar-blank-50x50

Gianfilippo Ceraselli, Head of Design at Doralab

@David, thanks for the useful list.

Speaking of luxury brands, why don't you take a look at www.maxmara.com? We designed its user experience.

Thanks,
Gianfilippo

over 2 years ago

Avatar-blank-50x50

Rob Lorton

Very interested in this topic at the moment, thanks for the article.

I love the Cloggs site, with features such as distinct colour & size icons instead of traditional drop-downs. (I'm wondering how much real estate our own sprawling mass of size & colour options could take up...)

I have to say, though, the Cloggs site scores very little with respect to accessibility / DDA compliance. Several groups of less-able visitors would really struggle. Responsive and accessible aren't mutually exclusive design types, thankfully.

@Robert fair comment on pinch zoom. It's a one-liner that disables this on a web page. If it is disabled, the designers need to have ensured the page won't need any zooming...

over 2 years ago

Avatar-blank-50x50

mike mcgregor

Hi David,

could you look at including the following website: www.euansguide.com, a cracking example of responsive website design, for a brilliant cause!

over 2 years ago

Avatar-blank-50x50

Alex White

Surely www.bbcgoodfood.com deserves a mention?

over 2 years ago

Keith Freeman

Keith Freeman, Technical Lead: Frontend & Mobile at VendaSmall Business Multi-user

@Rob L - Good timing, I've been looking at accessibility in regard to responsive sites this past week. As you point out the big one is making sure partially sighted users can pinch to read text. Most sites fix the viewport scale so this isn't possible.

For the off-canvas sections (Cloggs minicart when on small screen) we could use focus/WIA-ARIA to make sure the screen reader knows about the content changes. In general making sure screen readers are aware of dynamic content (changes to the DOM) is the biggest consideration but that's not really a responsive specific issue.

For the icons a span with text that is read by screen readers should help improve that.

In terms of the stats I've seen that iPad's are very popular with partially sighted users due to the advanced accessibility settings (its not just IE8 running JAWS any more!). Android is also getting much better. Having a site optimised for tablet (responsive) and accessible is certainly possible.

over 2 years ago

Avatar-blank-50x50

Responsive design

Nice to find here Vouchecodes, Oxford Dictionaries and Mashable. I would also add here Visit Denmark, Ikea, Samsuntg, Amnesty International sites.

over 2 years ago

Ben Foster

Ben Foster, Operations Director at http://patient.infoSmall Business

www.patient.co.uk is now fully mobile responsive too - we launched this in phases last year. With over 40% of our site vistors now via phone we have vastly improved the experience for anyone wanting to find out more about a condition or improve their health.

over 2 years ago

Avatar-blank-50x50

Arianna Decosta

As the Internet business world becomes more competitive, having professional website design is more important than ever.
I also would like to share with you one of my favorite website that is based on the scrolling.
www.61DesignStreet.com

Thanks

over 2 years ago

Avatar-blank-50x50

Cheryl Clarke

Nice list, but most of these guys have huge budgets and can afford the very best in design.

Small business owners shouldn't be put off thinking that it is going to cost an arm and a leg.

It might not be national but even my humble site has a pretty good repsonsive design don't you think? :) http://www.etain.info/

over 2 years ago

Avatar-blank-50x50

Owain Powell, Marketing Executive at New Brand Vision

Love the visit Stokholm site. Planning a visit there and it serves it's purpose very well in my view.

over 2 years ago

Avatar-blank-50x50

Brendan Peo

Good to hear some thoughts on responsive and a few good looking sites. Also take a look at www.etonshirts.com and www.bjornborg.com

over 2 years ago

Avatar-blank-50x50

Francesca Kerr

Any thoughts on this site www.highlander-outdoor.com?

over 2 years ago

Avatar-blank-50x50

Doug

Has anyone seen a good responsive site that makes more use of text and typography? All the ones I've seen are largely image-driven.

over 2 years ago

Avatar-blank-50x50

Shaun ervin

Google is now supporting websites with mobile friendly layout we are trying to make our web site www.bulkresponse.com mobile friendly too.

over 2 years ago

Avatar-blank-50x50

Brian Woodburn

A nice list of responsive sites, as some comments have already pointed out budgets can be huge especially with large brands spending ability.

There is no doubt that websites now have to cater for a large range of screen sizes and devices and responsive design ticks the majority of those boxes although care is needed not to compromise user experience on any screen size / platform.

When we re-designed www.dietchef.co.uk to be responsive towards the end of last year we were seeing a 100% increase in mobile traffic from the previous year. To ignore this trend that is growing at a staggering rate and amazing speed would have meant a huge loss in revenue and also a poor user experience for our customers using mobile devices.

I think in most cases responsive designs win over mobile specific sites as there is only one site to maintain and the users experience should be more coherent over all devices.

The increase in mobile traffic is certainly causing challenges for all businesses, but it is also an exciting time to be involved in front end web design and development.

over 2 years ago

Avatar-blank-50x50

Steve Gilmour, Marketing Manager at Mattressman

Hi David.

At www.mattressman.co.uk, we managed to get our responsive design ready just before the Xmas rush, and we are so glad we did.

As the Xmas period came, we saw our mobile/tablet traffic overtake desktop users, and we expect to see this gap slowly increase throughout 2014.

We've already seen a conversion rate increase of 30% on tablet, and a 60% increase on mobile.

Will be very interesting to see how these sites and others evolve in 2014.

over 2 years ago

Avatar-blank-50x50

Aaron Hutten

This list isn't great.Not sure how these could be missed.

http://nambe.com

http://gregorypacks.com

over 2 years ago

Avatar-blank-50x50

smith

Excellent post has been and good I have referred it to many of my friends. Interesting article Thank you once again.

over 2 years ago

Avatar-blank-50x50

Paul Freeman

Some nice sites.

But as Doug said earlier, they're largely for image-based ideas. Not many examples of typography or longer body copy, which many clients need - for search engines and also to convey more complex information.

over 2 years ago

Avatar-blank-50x50

Jason

I also believe the Iles de la Madeleine Official Tourism Website should be here. The destination Website was listed among the best of 2013 in the Quebec Boomerang contest : http://www.tourismeilesdelamadeleine.com/en/media/what-s-new/2013/12/10/tourisme-iles-de-la-madeleine-s-website-among-the-best-in-2013/

about 2 years ago

Avatar-blank-50x50

JTech Communications

We just rebuilt our site to be responsive this fall, and it a lot more text driven than many of these sites. For people looking for an example of that our Solutions page or our Blog (on the About Us page) will be helpful.

A number of people in the comments have said that all of these companies had huge budgets. We almost exclusively work with small and medium sized businesses. Responsive design can be done, and done well, with a reasonable budget.

about 2 years ago

Avatar-blank-50x50

D Mckillop, Director at DMC Media

I read the comments about big budgets and it's fair to say that it almost certainly will require a big budget to convert a large site to a fully responsive design.

If you're the owner of a smaller site or better still, launching a brand new site, it will be far easier and cheaper to achieve the same result.

I recently built this site ( http://www.myps4deals.co.uk ) with a seperate mobile version as an afterthought. I then realised that 50% of my visitors were using IOS mobile devices! I did a very quick redesign and I have to say with HTML5 and CSS3 it's not that hard at all to achieve something reasonable.

My top tip for designers: Make sure you test your site using physical devices. Using online emulators or simply resizing a browser window is not enough.

about 2 years ago

Avatar-blank-50x50

Areesh Khan, Contribtor. at My Deal Voucher

Thaks for this wonder full Post, this is inspiration for all web designers. But You should also check this.
http://www.mydealvoucher.co.uk/

about 2 years ago

Avatar-blank-50x50

Martin Hogan, MD at Repsero

Some good examples there guys. Ultimately you want to work with a company that is going to advise you on what is best for you and your customer base. Try these: http://www.amriss.com

about 2 years ago

Avatar-blank-50x50

rajendran iwaves, Web developer at PSD to Responsive Designs

This is a dynamic responsive site I came across the other day. The simplicity of the site, the scroll functions and the beautiful design is what caught my eye. What do you guys think? www.psdtoresponsivehtml5.com

about 2 years ago

sowhan hossain

sowhan hossain, web design at devstemp

Thanks for this amazing Post, this is inspiration for all web designers. But You should also setback this?www.wp-lancers.com

almost 2 years ago

Neil Charlton

Neil Charlton, Director at Plug and Play Design - Moorgate

Some great sites here, and more coming out all the time. Thanks very much for the list. www.pnplondon.com

almost 2 years ago

Avatar-blank-50x50

kreactiv design, Web Development company in Lebanon at kreactivdesign.com

you shared here very nice responsive design website, i like, thanks for this information and like to share with my friends.

over 1 year ago

Avatar-blank-50x50

Adelina Addy, Manager at IT Firm

Thanks for sharing this post with helpful examples. Yes, I agree with you that Responsive Web Designs are famous among agencies and artists. As RWDs are the latest trend in web designing so, to get in touch with this trend we can also make our RWDs ownself in just few hours using software TemplateToaster. Here you can have a look http://templatetoaster.tumblr.com/post/102255368481/templatetoaster-an-advance-theme-generator

over 1 year ago

Avatar-blank-50x50

Leena rudes, Freelancer at Freelancer

Thanks for sharing these sites, awesome collections. You can also visit "http://responsivecss.net/", a good website on "responsive designs" with the collection of more than 800+ responsive websites :-)

about 1 year ago

Comment
No-profile-pic
Save or Cancel
Daily_pulse_signup_wide

Enjoying this article?

Get more just like this, delivered to your inbox.

Keep up to date with the latest analysis, inspiration and learning from the Econsultancy blog with our free Daily Pulse newsletter. Each weekday, you ll receive a hand-picked digest of the latest and greatest articles, as well as snippets of new market data, best practice guides and trends research.