For our first official responsive website we launched The Marketing Agents, a website and blog about digital marketing.
What is responsive web design, you ask?
Well, responsive web design is an approach to designing websites so that they are optimized for any type of screen or device.
As you can see in the image above, a different style sheet is served up depending on the screen resolution. The desktop/laptop has the widest footprint, but a slimmed down version is served up on the tablet, and a smart phone optimized version appears on the iPhone (or Droid, or Windows phone, etc.).
This was an especially tricky project because the original design was not meant to be responsive. Josh Fisher, our talented friend and illustrator, designed a traditional website (as I instructed!) We had planned on creating a mobile-friendly version with WP-Touch, a popular WordPress plug-in that creates smart phone optimized versions of WordPress blogs and websites.
However, because of the focus of The Marketing Agents–search, social, and mobile marketing–we decided to use it as a test subject for our journey into responsive web design. Andy Woznica, our über-talented WordPress developer, took it upon himself to make the site responsive, and he did a great job. (more…)