{{ 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 is still a hot topic, but it's slowly joining the mainstream that has become the mobile-first mantra of innovative companies.

With lots of new-build websites being responsive and many replatforms, too, there's plenty to review each quarter. Here I've picked out 12, mostly from March 2014 launches alone. They are from quite different sectors, some B2B and some B2C.

Take a look and hopefully it will inspire your own creative, possibly responsive, design efforts.

The Spectator

This is still in beta but it looks great. The red headlines nicely pick out each article in the mobile view. Below you can see mobile and tablet views of the new site.

Spectator on mobile

spectator on tablet

National Guard

This is one of my favourites just because of the slinky little snap to mobile when you resize the site in your browser and the way the social buttons are so nice and chunky. 

national guard desktop

national guard on mobile

JLG

I’ve cherry picked this one (that’s good, as gags go, on this blog).

jlg website on desktop

jlg website on mobile

Paperchase

We associate Paperchase with craft and design, so the site has to look good! I like the 'shop now' cards on mobile. Very elegant.

paperchase website on tablet

paperchase website on mobile 

paperchase on desktop

BBC News

BBC News has a responsive website. You won't necessarily be served it on desktop, the beta invite to explore it occasionally pops up. But on mobile, the site is served, as you can see below.

It's a clean and simple experience.

bbc news on mobilebbc news on mobile

TfL

I covered the TfL site in beta, so it's good to see it live and kicking.

HiltonHeadIsland.com

A lovely Wordpress style template with great typography. It translates well to mobile without much rearranging.

hiltonhead.com on desktop

hiltonhead.com on mobile

Kew Gardens

I used to work at Kew. It's great to see the website improved. Opening times and ticket sales are vital for Kew so having them so prominent on the mobile optimised site is key.

I like the big buttons for 'search' and 'tickets' that appear at the top of the mobile page. The whole design is simple but effective. 

rbgkew website on desktop

rbgkew website on mobile

City of Mountain View

Well this is one city that has a rod for its back when designing a website. With Google in town, it's apt that the city's new beta website now conforms to the Big G's idea of best practice.

city of mountain view website on mobile

city of mountain view on mobile

Biblica

For bible lovers on the go. I like the use of colour on the 'more' panels. The yellow, green and purple translates well to mobile and provide a solid guide for the eye.

biblica website on desktop

biblica website on mobile 

US Soccer

us soccer website on desktop

us soccer website on mobile

KiteDesk

There are lots of B2B players in the tech space with responsive sites. Here's a new one that works well, without being showy.

kitedesk website on desktop

kitedesk website on mobile

Seen any more newly responsive websites? Let me know in the comments.

Ben Davis

Published 4 April, 2014 by Ben Davis @ Econsultancy

Ben Davis is a senior writer at Econsultancy. He lives in Manchester, England. You can contact him at ben.davis@econsultancy.com, follow at @herrhuld or connect via LinkedIn.

807 more posts from this author

Comments (12)

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

Nick

I think AirEase had a really great responsive website that they recently rolled out

http://airease.com/

over 2 years ago

Avatar-blank-50x50

Scott @ Kawntent

Great post Ben!

I can see how these designs attract viewers! Simple but elegant! This gives me great ideas on how to design my website. I'm sure the outcome will be very responsive as well! I'm sure the clients that we write for would also find this helpful.

Keep up the good work Ben!

over 2 years ago

Avatar-blank-50x50

TimG

Midas did a nice job: www.midas.com

over 2 years ago

Avatar-blank-50x50

Christian Swan

I was just having a look at Field Day's line up and was totally impressed with their responsive site, have a look!

http://fielddayfestivals.com/line-up/london/

over 2 years ago

Avatar-blank-50x50

Natasha

Great post. I also love the way Panache's website responds http://www.panache-lingerie.com

Its very simple, yet chic

over 2 years ago

Avatar-blank-50x50

Ben

Been using these guys for a while and they've just dropped a new responsive site - http://www.selcobw.com/

over 2 years ago

Pete Austin

Pete Austin, CINO at Fresh Relevance

Shouldn't responsive design include readability too?

As so often with elegant designs, some parts of these are potentially difficult to read because of small fonts or poor contrast between foreground and background.

For example: National Guard (light gray on white), Hilton Head Island (white on light grey), City of Mountain View (tiny fonts and light grey on white), Biblica (light gray on white), KiteDesk (dark gray on light gray).

over 2 years ago

Avatar-blank-50x50

Sean Lade

Very impressive designs. I particularly like the City of Mountain View website.

over 2 years ago

Avatar-blank-50x50

John Miller, SEO Executive at http://www.seoindia.co.in

What about the bootstrap coding?Responsive design attract visitors surely. So everybody using now bootstrap coding for responsive design.

over 2 years ago

Avatar-blank-50x50

Susanna

Does anyone know the wordpress theme used for Hiltonheadisland.com website? Loving that design! Thanks for a great article.

over 2 years ago

Avatar-blank-50x50

Drupal company

Great responsive design examples...I like the one with Easter greetings...Responsive design is not anymore an option....it became a standard !!!!

over 2 years ago

Avatar-blank-50x50

Michael Edwards, Marketing Manager at Red Technology

Here's a couple more to look at

www.maxishop.com
www.maxinutrition.com

over 2 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.