Receive the latest articles for free. Click here to get the Mobile Commerce Daily newsletters. leverages responsive design to deliver optimal mobile experience

December 27, 2012

With interest in both eco-friendly products and mobile commerce growing, has revamped its site using responsive design to better meet the needs of on-the-go environmentally conscious users.

The online publisher offers environmentally friendly fashions, products and services. With its mobile traffic growing, the company has revamped its site using what it has learned about online and mobile shoppers to date.

 “Our content is about fashion and design and how that gets displayed on the screen, and viewed by our readers is extremely important to us,” said Kate Black, founder and editor-in-chief of

“At the moment, only about 10 percent of our traffic comes via mobile and tablets,” she said.

“We want to stay ahead of the curve and make sure as more mobile readers find us, they enjoy what they see and that user experience is optimal.”

Content strategy
The new site, at, has been designed to adapt to work on mobile phones, tablets and desktop monitors. It was under development for six months.

It also features three new content verticals, men’s eco-fashion, travel and sustainable living. There is also an expanded children’s segment.

The site design is cleaner and features bigger images than the previous design.

There is a featured story box that displays the day’s top story. In the right-hand column, users can find the site’s most viewed stories.

Additionally, each vertical has its own category homepage.

Other new content includes a glossary of terms for those new to and the Magnifeco guide to a conscious wardrobe.

Smart move
A second phase of the redesign will be introduced in the second quarter of 2013 and will include a curated shop, a paid directory of eco-fashion retailers and video and designer lookbook slideshow galleries.

Overhauling an online Web site using responsive design is a smart move for merchants as it improves the mobile user experience and can drive better results from mobile.

For example, shopping search engine ShopWiki saw a jump in mobile user click-through rates and weekend traffic from mobile devices following the redesign of its Web site using responsive design earlier this year (see story).

Undertaking a redesign using responsive design requires prioritizing content, understanding the complexity of such a project and getting the Web development and app development teams working together.

“Magnifeco stories are stories of design and fashion, and we want readers to enjoy the images to their full potential, regardless of the screen,” Ms. Black said.

“The lead story appears in a feature box at the top of both the homepage and each of the category pages, making reading top stories easier,” she said.

“The new category verticals – particularly men’s eco-fashion – look as good on the smaller screen as they do a big screen, plus on the story pages YARPP – Yet Another Related Posts Plugin – introduces readers to similar stories seamlessly.”

Final Take
Chantal Tode is associate editor on Mobile Commerce Daily, New York

Share on FacebookShare on LinkedInShare on Twitter

Like this article? Sign up for a free subscription to Mobile Commerce Daily's must-read newsletters. Click here!

2 Responses to “ leverages responsive design to deliver optimal mobile experience”

  1. Ron Vassallo Says:

    Responsive design certainly is better for customers than no mobile-optimized site but the usability of the magnifeco mobile site leaves a lot to be desired. This problem comes up a lot with responsive design: while the site is optimized, the content may be less relevant for on-the-go use cases and certain elements (e.g., buttons and thumbnails) may be too small for fat fingers.

  2. Vinod Says:

    This is well-written article that seems to contain nuggets of interesting information, but I don’t see the overall point – First of all, Magnifeco does not seem to have evolved into an online retailer (at least, not yet) so calling a content site an online retailer seems inaccurate. Secondly, I really didn’t notice any difference in the user experience when accessing the site on my desktop versus my mobile phone. I am not seeing where responsive design has been implemented here.

Leave a Reply