With the launch of our FindnSave beta redesign we've put a lot of effort into building a site that supports responsive design and scales well on a variety of devices. Below are examples on iPhone, iPad and Chrome on the desktop.

In January merchantcircle.com launched a site redesign completely restructuring the HTML for the majority of pages on the site. The site redesign is based on a common base class template and architected to afford a great deal of layout flexibility via CSS. This affords the design team to dramatically modify the design of the site without requiring resources of the development team. As an example, take a look at the New Design screenshot from this post, notice the rail appears on the right-hand side whereas today’s listing uses a left-hand rail via CSS best practices.

Our latest efforts supporting mobile follow Google’s preferred guidelines:

Sites that use responsive web design, i.e. sites that serve all devices on the same set of URLs, with each URL serving the same HTML to all devices and using just CSS to change how the page is rendered on the device. This is Google’s recommended configuration.

Like most websites our traffic is increasingly moving to mobile and we feel this UX is significantly better than a desktop optimized experience.