{{ 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 posts are always popular on the Econsultancy blog. That's because people enjoy looking at beautiful things.

We've previously rounded up some of the best sites of 2013. We've also looked at the ins and outs of RWD and at some examples of responsive email.

I thought I'd add to our roundups and look at a brief selection of agencies with responsive sites.

Do have a play around with them by resizing your browser or accessing on mobile. There's a few screenshots for each and you can click through from the desktop images.

Foolproof

This site was the best I found. It has some really beautiful micro-UX touches such as a green block with added info that slides in when you scroll over a case study. 

This was one of the sites that appeared to be designed mobile-first. Everything is ncie and chunky on desktop to begin with. On mobile it’s visible and clickable, too. 

The menu text becomes icons on the smaller screen which is a great touch that more should use. 

One can even switch between menu styles on mobile, from list to tiles to filter.  

 

Precedent

Much like Foolproof, using flat design is handy when it comes to being responsive.

The scaling and resizing works well when block flat colour is used.

Use of some full width straps and some nicely symmetrical square portraits works very well on desktop and mobile alike.

Cognifide

This is one of my favourites because it works and it works quickly.

There’s plenty of text but it’s well sized and there’s still plenty of white space. 

It’s not flashy, as far as responsive goes, but it does the job.

 

Realise

The site loads quickly and resizes quickly. I like the way that the main agency pitch is always front and centre.

The header stays with you as you scroll down on small screens.

The white space is very effective at making the site easy to understand and navigate.  

 

Rufus Leonard

This felt like one of the most radical designs or at least truest to its concept. The tiles take up the entire desktop, aside from contact info, a big features slide which loads quickly and works well, and the five options in the header menu.

Scroll over of images reveals more about the content ‘within’.

The tiles resize predictably on mobile and the top menu becomes a burger. The size of the pages on mobile is fairly small, which is a really good thing, it feels nicely contained and was probably the easiest to use.

 

Agency Republic

Agency Republic is another website that has the right size pages, not too much scrolling.

The design is again a nice compromise between funky tiles and more traditional text and images. 

On mobile it’s pretty flawless with the menu following the user and no clunky or slow loading.

Code Computer Love

I found this site a bit sticky on mobile. My phone’s Safari browser seemed to have difficulty when scrolling back to the hero image on the top of the home page. 

The large images at the top of most pages are also a bit distracting from the other content on the site.

However, scrolling past these, the design is still good and displays nicely on desktop and mobile.

 

Jam

The Jam site is beautifully balanced, somewhere between tiles and more traditional web design.

It’s easy to interpret and look fun without being lightweight.

 

Red Web

This site was notable because I found the information easy to digest.

The site in desktop wasn’t particularly wide, which helped to focus.

The menus are clear and again it scales well. Nice and reliable.

TH_NK

Try changing the width of your desktop browser window, the website has a funky way of resizing, images shooting off and others shooting in.

I found it to be a little temperamental and on mobile the home page had some blank space under the menu, but the information is perfect in volume for the mobile screen.

The buttons are big and text isn’t overwhelming. I’m not sure how quickly it would load on the cellular network, but I enjoyed using the site.

One thing that’s perhaps needed is an anchored  header on mobile as I had to scroll quite a bit to get back to the menu.

 

Ben Davis

Published 31 January, 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.

838 more posts from this author

Comments (8)

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

Nic Baker

Thank you Ben great post. With people going online using different devices / screen sizes, it makes a lot of sense to consider responsive designs as a way to better experience for visitors. We need to get our company website updated soon as possible. We have taken great notes out of the above agency responsive design practices, thank you.

over 2 years ago

Lisa Wisniowski

Lisa Wisniowski, Brand Communications Director at Stickyeyes

Another great round up Ben. Great to see digital agencies practicing what they preach. We've been working on our own responsive site and our Design and Development team shared their top technical tips in a blog post at launch. May be of interest to your readers on some of the opportunities and pitfalls - http://www.stickyeyes.com/2012/07/06/top-tips-for-responsive-web-design-a-case-study/

over 2 years ago

Ben Davis

Ben Davis, Senior Writer at EconsultancyStaff

@Lisa

Lovely stuff. Love the way the 'talk to us' logo changes. Nice attention to detail.

over 2 years ago

Avatar-blank-50x50

Digital agency

Thanks for the great examples. Cognifide is also the one that I liked mostly. As another example of digital agency with responsive site, you can take a look at http://wearepropeople.com. Looking for your appreciation .

over 2 years ago

Hannah Rainford

Hannah Rainford, Associate Director of Social Media at Jellyfish Online Marketing

Seeing as more and more people switch from desktop to tablet then mobile then back to desktop it amazes me when digital agencies don't have or are not working towards a responsive website of their own. Practise what you preach.

The Jellyfish website http://www.jellyfish.co.uk was launched almost two years ago as a responsive site.

over 2 years ago

Avatar-blank-50x50

Tom Fotheringham

Loads of brilliant examples, our responsive site for the Geneva Digital Group I think is rather good, one of our lead UX people just been snapped up by VISA, but his great work can be seen at http://www.geneva.co.uk which was launched over 16 months ago.

over 2 years ago

Avatar-blank-50x50

Paul Casey

A nice collection of responsive agency sites, I would like to toot the trumpet of our in house team and suggest you have a look at www.photolink.co.uk and www.photolinkstudios.co.uk

We developed them early 2012 and I believe they still stand out as really nice responsive experiences.

Feedback welcome guys....

over 2 years ago

Avatar-blank-50x50

Martin Hogan, MD at Repsero

Guys there are so many out there...good agencies tend to adivise client on what is right for them. Try these: www.amriss.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.