responsive web design

2017 Measurement and Analytics Report

How customer experience analytics is helping Econsultancy with new site priorities

Regular visitors to our site, particularly our subscribers, will probably have come across the survey we’re running with ForeSee. 

We consider customer experience to be an essential part of modern marketing that correlates with commercial success.

So prior to some fairly big changes to our current site, we wanted to see how our visitors considered us to be performing on that scale. (Plus we couldn’t resist the opportunity to put some tech to the test!)

responsive web design

The five golden rules of responsive web design

In May 2010, Ethan Marcotte started the craze that is Responsive Web Design, when we wrote his article of the same name for A List Apart. This article was so popular, he even wrote a book on the topic.

This introduction of fluid grids, flexible images and media queries has changed the way we’ve designed our websites quite dramatically. We’ve been re-sizing our browser windows ever since.

Starting off as a trend, Responsive Web Design has fast become the hot-topic of our industry and has now become the norm.

Over the past few years I have worked on several RWD projects. In almost all of these projects I have used a different design process, produced different deliverables and encountered many different problems.

Based on these experiences, and given that RWD is now becoming the norm, my workflow has had to adapt. Here are five areas in which I believe designers are required to step up in order to adapt to the responsive web.

12 upwardly responsive websites designed for big screens

Responsive design has been a hot trend in the past couple of years, with plenty of brands adapting their websites for smartphone and tablet users. But here’s the thing: responsive design should work for bigger screens too.  

I have a 27 inch iMac with a 2560 x 1440 screen resolution, and not many sites make full use of my screen. It seems like a waste. The best responsive websites will be optimised for wider displays, as well as narrower ones.

It goes without saying that a growing proportion of your website’s visitors will be using handheld devices with little screens, but you may be surprised by how many people use bigger screens. Certainly I was. 

I thought I’d unearth a few examples of brands that are thinking big, as well as small. I shall kick things off by looking at our own stats, to prove the business case.

12 elegant new responsive websites for design inspiration

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.

Responsive design: 13 inspiring B2B sites

Responsive design is still one of the most popular topics on the Econsultancy blog, though among all our roundups one industry that we’ve neglected to cover is B2B.

It’s easy to see why publishers and B2C ecommerce stores might benefit from having a responsive site, as they need to cater for an ever-growing proportion of mobile traffic.

However if we’re happy to make sweeping generalisations, then it can be said that B2B companies are more likely to get a majority of their traffic during working hours when people are in front of a desktop, and also have a longer sales cycle so don’t need to worry about occasional impulse purchases from mobile users.

Responsive design: 25 of the best sites from 2013

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.

10 more examples of responsive design in ecommerce

Responsive design is personally one of my favourite ecommerce trends and having previously rounded up 10 examples of retailers that have embraced the technology I thought it about time to highlight a few more.

One of the most interesting aspects of these posts is the unique approaches taken to responsive design by different businesses.

This list includes hotels, hobby crafts, suit retailers and mobile network providers, each with very different aims and solutions. I’ve also included QR codes so you can quickly navigate to the sites on your mobile if you so desire.

Personally I think a clean, simple design works best as it means the site scales effectively across different screen sizes without looking cluttered. I’ve said it before, but Skinny Ties is my favourite example.

And for more information on this topic, check out our blog posts looking at five brands that have reaped rewards after adopting responsive design and a more in-depth look at exactly what the technology is and why it is so important