Your website is key to the success of your business. Websites are no longer playing the role they did in the 90's.
A business's online presence should tell your business story in a way that drives sales, expands reach and gives access to information that is critical to your customers.
However, your business can't do that if your website doesn't have a responsive design.
What is responsive design & what does it mean for my site?
In simple terms, responsive design is your website's ability to adapt its layout (text, images, menus) to different screen sizes.
If your site does not have a responsive design, your visitors will have a difficult time navigating and reading the page on all the different screen sizes (mobile, desktop, tablet, etc). Not to mention, your website won't look too good.
This will ultimately lead to the visitor leaving and going to one of your competitors. They will have left without even considering what your business has to offer.
Let me show you an example of a site without responsive design.
This is a site on a desktop. Now watch what happens when the screen gets smaller.
This screenshot is on a tablet, notice how the bits of the upper menu start to get cut off and the business hours.
This is on a cell phone, look at how much info has been cut off. You can scroll to see the content but ultimately, this results in a bad user experience.
If this website had a responsive design the layout would have adapted to the screen size. Take a look at my website for example. If you're on a computer reading this article, take out your phone and head to my website and notice the difference.
That's the desktop view, all of the content is centred and in view. The top menu has been condensed into a slide out menu that opens when you tap on my logo.
This is on an ipad, content still in view.
Finally, we have a view on a cell phone, the content is still in view and the font size has been lowered to accommodate the smaller screen.
This is all part of responsive design, layout and font size are just the tip of the iceberg.
Over 80% of users who access the internet do so by using their smartphone. If your site isn't responsive, your users are not going to have a good experience. As I said earlier, in this case they would take their business to a competitor that has a responsive website.
All because the information that they want is not easily accessible. Did you know that a person's attention span is now shorter than a goldfish? If people can't find something quickly, they move on.
Not only do difficult to navigate websites turn off potential customers, but in a study 94% of people said they didn't trust a website because of its design.
Think about how significant that is!
Go ahead and test your website now and see how responsive it is. Make sure all of your content is viewable and accessible.
If your website fails that little test, you have a problem. I want to help you fix it. I design websites for a living with one goal in mind; to help your business grow.
If you'd like to work with me to re-design your website and incorporate responsiveness, you can email me at the email below or send a direct message by clicking the button below.
email@example.comSend a message
If you want more info on my web design process, see past work, read my faq, then head to my main website by clicking the button below.See my work
Bonus Info: Other tips to improve your website and user experience
Responsive design isn't the only factor in preventing visitors from leaving and establishing trust. Here are a few extra tips to improve your website and ultimately gain more customers.
Website Speed & Load Times
Statistics show that if your website doesn't load within 3 seconds, your visitor is likely to leave your site.
Website load times depend on a number of things like, page size (how big the files are), server physical location, type of service, technology that powers the site and compression.
Head over to https://tools.pingdom.com/ to test your site's speed.
Enter your website URL (https://example.com). Select under "Test from" a location that is physically closest to you, then press "START TEST".
You'll get a result like above (that is the result from testing pingdom.com), this particular website loaded in about 1s which is right where you want to be.
One of the best things you can do to improve your site's load time is compress any images you upload to your website. Images are often the biggest resource to be loaded when visiting your website. So compressing them and bringing the file size down will definitely improve your load time.
You could also enable a technology called gzip but that involves messing with the server that hosts your website. If you'd like I could help you with that.
Text Contrast Ratio
Contrast is a measure of the difference in perceived "luminance" or brightness between two colors. his brightness difference is expressed as a ratio ranging from 1:1 (e.g. white text on a white background) to 21:1 (e.g., black text on a white background).
Your website should have a ratio of at least 4.5:1, in other words the text should be easy to read. Be mindful of text overlayed in pictures, often, text that is displayed over images has a background that's too bright. Which results in a low contrast ratio.
Having a low contrast ratio makes text hard to read and will put strain on the eyes. To avoid this, it's a good idea to choose background images that are darker or to add a dark opaque overlay to your image. This will increase the ratio and make text easier to read.
Its not the 90's anymore
Remember the first site I showed you in the beginning of this post?
That's what websites looked like in the 90's, sure everyone is entitled to their own taste, but remember people judge a business by how their website looks.
Most people, especially the younger generation would look upon this site with suspicion. If your site looks like this, just try to modernize it a little.
Hey thanks for reading! If you enjoyed this post, please share it with someone with the share button below. I'd really appreciate it, if you have any feedback, questions or would like to work with me, using the send a message button.