Responsive Web Design
A web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from mobile phones to desktop computer monitors (thanks Wiki!).
So what does responsive mean in practice?
We’re glad you asked. To your left is an example of a website we worked on before it was responsive and after it was responsive. While the websites are certainly different looking in other ways, notice the overwhelming difference is that it is much easier to look at on your phone. The original website required the user zoom out to see all of the text and then zoom in on the news they wanted to see.
50% of all website traffic occurs on mobile devices. We’ve had clients when those numbers approach 80%. And if you are an eCommerce owner, you should forget about trying to sell stuff to people on their phone if your website isn’t responsive. No one is going to take the time to scroll through your menu’s when Amazon is right around the digital corner and offers a fully integrated design.
It Could Be Worse
There is one thing worse than than your company using a website that doesn’t switch based on the size of the device – having a ‘mobile friendly website’ that misrepresents your brand and its content. See the example below on the left to see how the old mobile website looked on this Wix hosted and created website. As you might imagine, the owner was not satisfied with how this version of the website looked. The updated, responsive version we did is to the left.