Imarc

Responsive Redesign for iMarc Dave Tufts

Written on: October 4th, 2012 in best practices, mobile, user experience

We launched a new website for ourselves earlier this week.

Like the fabled cobbler with broken shoes, our own site was still clinging to the threads of a design from 2007. While it was hard to find the time to spend on our own brand, we're all excited about the new direction. 

As always, you can see all the old versions of our site at old.imarc.net (What were we thinking in 1997? I don't think they make colors that bright anymore.)

One of the things we were most excited about with this website was the ability to use a fluid and responsive design. That means the layout and design of each page is automatically optimized to whatever device or screen size the visitor is using – be it a 40-inch conference room monitor, a 15-inch laptop, an iPad, or a phone.

iMarc homepage in various devices

You can see the design and layout reflow if you just resize your web browser. Everything moves around but ends up optimized for the window size.

Responsive web design is not new. There's a great definitive article by Ethan Marcotte from back in 2010 describing the concept, benefits, and challenges. One of the main benefits of going responsive is maintaining a single website instead of managing one site for desktop visitors and another possibly limited site for mobile visitors.

Large brands like Starbucks, Sony, and Barack Obama have all launched responsive websites.

We found it was well worth the extra time to craft a series of layouts optimized for varying screen sizes. On whatever device you happen to be viewing these words on, we hope it looks good to you too.

Share:

Let's Talk.