{{ 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.

Responsive design as a standard feature on a website is growing quickly.

There is no longer much of a debate over whether brands need a mobile site, as consumer demand dictates that sites need to be optimised for small screens.

The choice now is between a dedicated mobile site, an app, or responsive design. 

So to show how responsive design can be applied in practice, here are 10 examples from around the world...

Global News Canada

Mitsubishi Motors Australia

Alex De Fluvia: Spain

British Council: Ukraine

Comp.ly: United States

Asia Web Net: Thailand

World Wildlife Fund: United States

Vimlewebb: Sweden


Voucher Codes: UK

Capital One: US

Avatar-blank-50x50

Published 2 August, 2013 by David Olshanetsky

David Olshanetsky was the (teenage) intern at Econsultancy.  Follow on Twitter @BTWOMGLIKEYAH.

8 more posts from this author

Comments (33)

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

Steven Jacobs

We developed one with a call to action that looks pretty good! Do you have any examples of any others with a good call to action on it?

http://www.kbunderwriters.com/

over 3 years ago

Avatar-blank-50x50

Dave Shirley

I think that a site needs to be optimized to fit on a Mobile Screen. The problem is finding the right Theme or program that accomplishes this effectively, while not busing the Budget!

Dave Shirley
http://DaveShirleyblog.com

over 3 years ago

Avatar-blank-50x50

Daniel Taylor

The fact Mitsubishi's responsive format is different in Australia then in the United Kingdom is very strange. Two different agencies formatting the site?

over 3 years ago

Avatar-blank-50x50

Ross Barrett

Great mixture of industries, good to see it's not all retail or B2C focused.

We recently launched a responsive site for British Land: www.regentsplace.com

over 3 years ago

Avatar-blank-50x50

Ketharaman Swaminathan

@StevenJ: Just looked up your website on a Samsung Galaxy S2 and agree that it's a good example of a website with CTA supporting responsive design. Noticed that it's not on HTML5. Curious to know how your website manages responsive design on an older HTML version?

over 3 years ago

Avatar-blank-50x50

Pete Fairburn

I really like regentsplace.com Rose, nicely executed!

We recently soft-launched the responsive www.car-leasing.co.uk, which has been quite a challenge to implement due to all sorts of factors to do with the industry concerned.

There are still a few parts that need ironing out, but we're really pleased with it and, more importantly, so is the customer!

over 3 years ago

Avatar-blank-50x50

Adam Clark

Would have been nice to actually have some links off to the sites listed...

Anyway... Responsive design is actually pretty easy. It's a bit of a "Big WOW" at the moment and we have heard of agencies charging thousands of pounds for "screen size detection software" or still charging the client a huge additional fee for 'mobile versions' and 'tablet versions'... So, I would like to make sure everyone knows is just one line of code. Just one line of very very standard code.

It's sad that agencies are ripping clients off on this.... or just confused. For example, re:previous comment.... HTML5 and responsive are NOT the same and a responsive site does not need HTML5 to be responsive. They are separate issues.

At http://www.oobacreative.co.uk/ all our websites are responsive. It's just 'standard'... it's pretty easy... and it should be part of any website build consideration. You can always do it better. But getting the basics right is easy, simple(basic) CSS work and shouldn't be expensive at all.

over 3 years ago

Avatar-blank-50x50

David Ogidi

Dixons Group also executed a great example of responsive design on their PCworld and Currys sites in the UK as part of their multichannel push. Pixmania sites are being redeveloped to incorporate responsive design for multiple countries following this month all done by emerchant - as pan European examples.

over 3 years ago

Avatar-blank-50x50

Matthew Swan

David, you mentioned in your introduction that the choice is between optimised, responsive or app. My use and understanding of apps is that they're designed for different purposes to websites (e.g customer retention, additional purchases etc).

I agree with Adam that responsive site builds should be standard now. The variation in screen sizes and platforms in the market means that technology must be device agnostic.

over 3 years ago

Steve Wind-Mozley

Steve Wind-Mozley, SVP eCommerce at BBC Worldwide

Adam,

Whilst I agree with you around the fact that "responsive" has been over hyped (who'd have thought that this industry would go in for hypes - that has never happened before shurely?) and that technically, it's not that hard to make something respond to the screen size, I do think "getting it right" can be difficult. For me, it is less about the code (although this is important) and more about the design and thinking behind the site. As the site "responds" to a shrinking size of glass, the trick is to try and preserve the UX, rather than have it "gracefully degrade" as we used to accept. And whilst you are busy making it all look wonderful, you have to remember that sometimes, access device is pretty a good proxy for intent, which was easy to design for when you had separate instances of your brand experience tailored for each device type. That said, anything that helps keep agency fees down is a good thing in my (client side) book.......

over 3 years ago

Dan Limb

Dan Limb, Brand Engagement Planner at The Real Adventure

Hi David, thanks for the blog post, there are some really good examples on here. It might be helpful for readers if the images hyperlinked to the relevant website though; it would save a lot of people some time! Thanks and keep it up.

over 3 years ago

Avatar-blank-50x50

David Olshanetsky, Student at School

@Dan

Hi, I've hyperlinked the captions above the photos.

Thanks for the advice!

over 3 years ago

Karl Harris

Karl Harris, Digital Media Consultant at Aviva

Some really good examples and comments on here.

A small thing that I really like on Adams Oobacreative site is the ability to jump to the top of the page. That's where the main copy is and shows the insight that when users land on a page they spend only a second or two reading before they start scrolling.

I'm curious to know what excites people about digital over the next few years?

For me it's the potential merge of online and offline internet experience when the stored page will replace the app.

over 3 years ago

Avatar-blank-50x50

Simon

@ Daniel Taylor

Having worked on a previous incarnation of Mitsubishi UK's site, there's a reason - all of the regions work independently and there's no overarching global site / platform.

over 3 years ago

Avatar-blank-50x50

Chris Nichols

Responsive design for any website is now becoming a must, after attending econsutlancy's fast track to digital marketing made me realise this. So we took the plunge and made the effort, the amount of comments about the site being mobile enabled has been made us realise that it was the right decision. Have a look at www.call2action.org.uk

over 3 years ago

Avatar-blank-50x50

Motionstream

We just re-launched our website using responsive design and we're very happy with it.

http://screenmediadaily.com

over 3 years ago

Avatar-blank-50x50

Jesus Harry Crompton

@Adam Clark

I'm a front-end developer, with a great deal of experience in developing responsive sites, and I'm very interested in this "one line of very very standard code" you speak of. Could you enlighten us further?

over 3 years ago

Avatar-blank-50x50

Rob Owlett

We recently designed a responsive ecommerce site which worked well. But with the amount of mobile traffic coming in it was an easy decision to the create a full mobile site. Safe to say the conversions went through the roof. We also saw an improvement in the SERPs too.. www.my1styears.com check it out.

over 3 years ago

Avatar-blank-50x50

Digital agency

We have also switched to responsive design recently and are very satisfied with it. Take a look http://wearepropeople.com...

over 3 years ago

Avatar-blank-50x50

Matt Wilkinson, Senior Ecommerce Manager at Gatwick Airport

We launched the new Gatwick Airport web site on Monday www.gatwickairport.com which is fully responsive with a new design, new cms and new hosting infrastructure = 12 month project. Check it out if your flying from us on your summer holidays.

over 3 years ago

Avatar-blank-50x50

Matt Wilkinson, Senior Ecommerce Manager at Gatwick Airport

@Adam Clark i wouldn't totally agree that responsive design is easy. It needs a lot of thought around what should happen in different browsers and where the break points are etc etc.. yes the principal is easy, but once you look at the variations and what the UX should do at these break points there is a lot to consider, it also depends on what CMS you are using and what the limitations are within that. From my experience over the past 12 months, it goes a lot further than one line of code, but its definitely the only way you should be building a website at the moment.

over 3 years ago

Avatar-blank-50x50

Andy Fuller

As part of our growing design services to clients, we've been regularly bigging-up the importance of a responsive website. Here's our recently updated responsive site: http://designbull.co.uk/

It's based on a responsive Wordpress template that is simple to use and update to fit a brand style.

over 3 years ago

Avatar-blank-50x50

Adam

I like all of them... a good website with full of responsive websites named http://visitresponsivewebsites.com/

over 3 years ago

Avatar-blank-50x50

lady mama, Fiscal and policy analyst at Cougar Investment

what Eleanor explained I am startled that a mom able to get paid $8789 in one month on the internet. did you read this web site what Eleanor explained I am startled that a mom able to get paid $8789 in one month on the internet. did you read this web site

over 3 years ago

Avatar-blank-50x50

Bradley

Some nice responsive sites in there. I like the Mitsubishi Motors Australia.

over 3 years ago

Avatar-blank-50x50

Malcolm Davison

Yes I agree with the view that it is hype.

The only screen size you have to worry about is for a smartphone. All the rest can easily be catered for with CSS. Research tells us that most people who refer to a smartphone will avoid lengthy reading - and will defer reading until they have a bigger screen.

So why go to a lot of trouble and expense for responsive design when the only people you are really catering for won’t be needing it?

So your website may not need adapting at all. Just make sure that the info that mobile users need is easily accessibnle from the home page and short and to the point. Great for opening times, addresses, locations etc.

You may care to read a fuller article on this topic ‘Forget adapting for mobile phones’ at http://writingfortheweb.tumblr.com/post/55525974811/forget-adapting-for-mobile-phones.

Malcolm Davison
www.writingfortheweb.co.uk

over 3 years ago

Avatar-blank-50x50

michael doyle

we built this in responsive http://www.caromamarcnewson.com/ it takes longer to build but worth the effort

over 3 years ago

Josh Gill

Josh Gill, Digital Marketing Executive at Mediademon

We always make sure any site we build nowadays is responsive, but it can be pretty hard to get the value across to business owners sometimes.

We've had a go though...
http://www.mediademon.com/why-website-need-be-mobile-friendly/

over 3 years ago

Avatar-blank-50x50

Steve Blakeborough

Hi Matt
Did you design and develop the Gatwick website in-house or use an external agency? Also, what CMS did you deploy and why?
Cheers
Steve

over 3 years ago

Avatar-blank-50x50

Matt Wilkinson, Senior Ecommerce Manager at Gatwick Airport

@Steve Blakeborough, we use Episerver, its been at Gatwick for a while and does a good job, and we outsourced design/build/hosting all separately.

over 3 years ago

Anastasios Dionysiou

Anastasios Dionysiou, Founder at United Online S.A.

@David – Great idea of yours to bring up the subject of responsive design.
Recently we designed and developed a fully responsive travel web site for one of our clients http://www.trueitalia.com
These days all of our designs are responsive as a standard feature, just like you mentioned in your post.

about 3 years ago

Avatar-blank-50x50

Olga Militsi, Marketing Manager at 2KM LTD

Nice post David. It’s interesting to see the different sectors that have jumped into the responsive design. Unfortunately, the manufacturing sector reacts very slowly. We were fortunate enough to be advised to go with a responsive design a few months back and really excited with the outcome. You can check it at http://2km.co.uk/. Reading the above comments, though, I am a bit puzzled as to the complexity that a responsive design is argued to have. For us it was a very smooth and cost effective experience and I find it easy to add updates and make small changes.

about 3 years ago

Avatar-blank-50x50

Avinash Bhardwaj, Web Design at Bhardwaj Technologies Private Limited

Unlimited Responsive Design Website Designs for Inspiration. Selection of responsivesite.org

about 3 years 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.