Posts tagged with Responsive Design

Six examples of brilliant marketing creative to enjoy with your coffee

Here on the Econsultancy blog, we’re going to start teasing you with details of the week-long siren of excellence and japes that is the Festival of Marketing (8-10th October in London).

One of the many components of the Festival is PUNCH, the event where marketing meets the new creative. To quote our website, ‘in today’s increasingly saturated media landscape, creative power matters more than ever’.

So, to celebrate this event, and to give you something pretty to look at while you let your mind wander, I’ve listed some of my favourites in the world of creative in marketing.

mobile optimisation

55% of businesses now have a mobile optimised site: report

More than half of companies (55%) now have mobile optimised websites, according to our new Reducing Customer Struggle Report.

The data also shows that 44% of companies have iPhone apps while a third (33%) have Android apps and a quarter have one for iPad (26%).

The survey of 500 business professionals, published in partnership with IBM Tealeaf, found that just 22% of companies still don’t have any kind of mobile presence.

When asked how they optimise the mobile experience, just under half (46%) of companies surveyed indicated they use responsive design (client-side), while only a fifth (22%) use adaptive design (server-side).


What do you mean by responsive design?

There is an expectation that websites should be responsive and work across devices.

However, what does that actually mean and do we all have the same expectations?


Engineering works: Transport for London’s responsive website redesign

75% of Londoners use The site gets around 8m unique users a month and each year receives 250m visits and growing (see the chart below).

So, a recently released beta version of their newly designed site is sure to generate a fair amount of user data.

I took a look around the site, to see what kind of user experience TfL (with BAE Detica and we are experience) have delivered.


Great expectations: is user experience your biggest responsibility?

Econsultancy’s updated User Experience Buyer’s Guide lists 23 suppliers of user experience services, and expounds the current trends in the market.

And guess what? User experience is as topical as ever.

Business transformation is increasingly design-led, delivering value to customers with great customer experiences, across multiple devices, with emerging technologies such as responsive design and HTML5.

Google for Mobile

Four mobile SEO mistakes you shouldn't be making

While the rise in the use of responsive web design is reducing the amount of SEO considerations developers need to remember when designing a new site, there are still fundamental differences that need to be considered during the design stages and beyond.

Even when a site fundamentally works regardless of the device being used, and Google has no problems in crawling it with its mobile user agent, those in charge of analytics can often forget the importance of segmentation, treating traffic from all sources as being identical.  

In this post, I am going to explain four mobile SEO mistakes you shouldn’t be making on your site that’ll help you think beyond how pretty your site looks on your mobile. 


How ecommerce site Firebox made the move to responsive design

Gifts and gadgets e-tailer Firebox recently underwent a major site redesign as it joined the steady trickle of ecommerce players that have adopted responsive design.

Responsive design is generally seen as the best way of delivering a consistent user experience as the size and usability of internet enabled devices becomes ever more diverse, yet it’s notable that smaller retailers have been much quicker to embrace the technology than big name brands.

So to find out more about why Firebox went responsive and the processes involved in making the move, I spoke to creative director Aaron Buckley...


18 wireframing tools and resources for responsive design

You’re probably growing tired of the phrase ‘responsive design’, but it isn’t one of those overly-hyped buzz phrases that you can ignore, and it’s not going to go away anytime soon.

The reality is that many sites – ours included – still need to figure out how to deliver a consistent user experience that adapts to devices with different screen sizes.

So, I thought I’d compile a few resources, and some lovely tools, to help you (and me) to go down the responsive design route. 


10 more examples of brands that have adopted responsive design

Responsive design has proven to be one of the key digital trends of 2013 and is certainly one of the most popular topics on the Econsultancy blog.

The potential benefits of going responsive are obvious and we’ve previously highlighted several examples of ecommerce brands that have seen immediate rewards from adopting the technology.

However it does also need to be noted that building a responsive design requires a great deal of investment and isn’t necessarily the perfect solution for all site owners, particularly when you take into account the problems it causes with advertisers.

Nonetheless, there has been a steady trickle of brands launching new responsive sits in the past few months so I thought it would be useful to compile a list of 10 notable examples.


Five of the best... mobile product pages

Designing attractive, usable mobile product pages is a fine art that many sites still struggle with.

I feel that responsive design has been a brilliant agent for change in mobile design because it has forced people to strive for simplicity, as pages need to be usable across multiple devices.

And with this in mind, I thought I’d highlight five of my favourite mobile product pages, with examples coming from apps as well as mobile sites.

In all honesty the criteria for making the top five list are quite woolly, but essentially they’re the product pages that I think offer the best aesthetics and usability.

Personally I like mobile sites to have giant images so I don’t have to squint, as well as massive buttons to make navigation easy.


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


A quick response pays dividends

Focusing on responsive design should be seen as an essential component of a brand’s ecommerce strategy, as enhanced usability leads the way in driving conversion rates.

The fact that five leading brands have seen significant sales increases as a result of taking this approach demonstrates that it’s something that is worth investing time in. 

It is also important to highlight the benefits of responsive design from an SEO perspective, as this enhanced usability becomes redundant if the website isn’t highly visible within search engine rankings.

With responsive design, there is no need for a specific mobile domain, meaning all site equity can reside on one top-level domain (TLD).