bv02.com Now Shrinks on Phones

Jul052012

Yup, we have response-ified our website, and bv02.com now shrinks on phones!

Yesterday we launched an update to our website that adapts its design across mobile and desktop devices. It’s a simple update as we work on the next full re-design. As of this week, our website and blog now have all the media queries necessary to adapt their layout and design across many media. Our very own Paul Wright said, “Of all the sites I’ve seen shrink on phones, this is one.” Funny guy.

I’ve created a handful of responsive websites, but this was the first time I took a preexisting, non-responsive site and worked backwards. This is not typically the recommended process, but it was necessary, as we needed to find a way to make our current site work across mobile devices as quickly as possible. What we learned from working backwards is the importance of thinking about responsive design from the very beginning of the process, and carrying it through to the end. This is precisely what we’re doing as we work on the strategy for our full site redesign, which you can expect to see in the coming months.

You’ve heard that Rome wasn’t built in a day, and the same goes for responsive websites. I’m willing to bet Rome wasn’t built by one person either, so I want to give a shout out to some bv02 team members for their work in getting our website phone-, tablet- and really-small-browser-window-ready. Thanks to Justin for Expression Engine tips, Paul for math skills and Brandon for being the man. Claire, project manager extraordinaire, and Ryan, quality assurance guru, must also be thanked for keeping me on my game.

Hope you like the site on mobile and tablets. Want a preview in your browser? Click and drag the corner to make the width smaller. If you notice anything buggy, feel free to let us know!

If you’re looking for more information on and examples of responsive design,  mediaqueri.es provides some great examples, and css-tricks.com has more technically-focused articles.

Skip to sharing