responsive, web design |

Responsive Web Design and Why Its important

Mobile device market share 2018 Source: StatCounter Global Stats - Platform Comparison Market Share.

About a year ago (January 2017), mobile devices took over desktop computers as the most popular hardware to browse the web. Today, more than 56% of world wide web surfers access the internet from a mobile device. Is your site prepared to give visitors the best experience possible regardless of if they visit from a desktop computer or smartphone?

First, let’s define this buzzword: “responsive.” According to Wikipedia:

Responsive web design is an approach to web design which makes web pages render well on a variety of devices and window or screen sizes ... Content, design and performance are necessary across all devices to ensure usability and satisfaction

It is 2018; we should all be mobile-friendly!

Smartphones aren't going away (neither are smart "devices" like watches, TVs, or even — gasp — refrigerators). Your website should be prepared to greet visitors with today's modern devices of various sizes.

When someone visits your website, they expect (and deserve) to be presented with an experience that is easy to use, yet has all of the same information and features of your desktop website. This may involve moving around or resizing elements, increasing font size, and/or adjusting the display of your navigation.

Often, if a user finds your site difficult to use on their chosen device, they will leave before learning more about your company or deciding to do business with you. Don't let an easy fix cost you customers!

Having a website that is not mobile-friendly can even have a negative impact on your search engine rankings. Search engines like Google have started prioritizing websites which are mobile-friendly for users completing searches on a mobile device — this can be a large chunk of your potential customers!

It's never too late to upgrade!

So, you have a website that isn't mobile-friendly — fear not! While the best way to build a website is mobile-first, there are still ways to apply responsive web design techniques to most existing sites (and we can help).

Recently, we made some content updates to a long-time client's website. As of January 2018, more than 50% of their traffic came from mobile devices. We went in behind-the-scenes and did a facelift of the site to apply some responsive web design principles so that mobile traffic would have a better experience moving forward.

Compare the before and after on an iPhone 7:

www.4-r-kids.org iPhone 7 comparison of old site vs responsive site

The one on the left has small text, the user has to pan left and right to see all of the content, and the navigation is tiny and hard to use on small screens. On the right, we've increased the text size, condensed the everything into a single column layout that the user can scroll through with one finger, and added a mobile navigation button to the top-right corner. Small changes make a big impact on the overall user experience!

After releasing this relatively small change, we have seen mobile traffic increase 15%, and the average time spent on the site increased by more than 30 seconds — those are some big wins for this small client! We expect these trends to continue into the future.

Luna Lab Company to the rescue!

If you have a website that doesn't look the best on smartphones or tablets, you could be losing valuable customers before you even got them in the door! Whether it's making adjustments to your current site or creating a beautiful, brand new site that is completely optimized for your mobile audience and built with your business's goals in mind — give us a call at 970.673.4472 or email hello@lunalabco.com. We'll work with you to find a solution that works for you and your budget.

Like what you're reading?

Signup for our newsletter! It's full of helpful more content like this (from us and other resources around the web). We promise not to sell your information or bug you too much.

About the author

Nick VanMeter is the Co-founder and Digital Director of Luna Lab Company. He specializes in growing brands online through web design and development, search engine optimization, and social media management. Get in touch by emailing nick@lunalabco.com or calling 970.673.4472.

You may also like...