Mobile Website Design Features You Totally Need On Your New Site

Posted by pb+j on Aug 27, 2018, 7:09:00 AM

mobile website design

According to the computing kings and queens at Google, 96% of consumers have encountered a site that wasn’t optimized for mobile. What’s more, 61% of users said if they didn't find what they were looking for right away on a mobile site, they'd quickly move on to another site. It gets worse: Google will penalize you if your site isn’t optimized for mobile, ranking those pages lower in search results. You might be picking up that Google is obsessed with mobile, and will continue to be: as of July 2018, page speed on mobile will be a ranking factor, so if you forgot to optimize for mobile, Google doesn’t want to sit with you. So, how do you make your site a mobile-user’s dream (and, by extension, a search ranking dream?)

Here’s our favourites, but by no means an exhaustive list.


1. Clear CTAs above the fold.

Everything gets squished on mobile (technical term), so don’t make people scroll for the good stuff: Put a call-to-action button above the fold (above the fold = within what’s visible on a mobile screen without scrolling). And please don’t hit them with a vague ‘Learn More’ in that call to action. Think more ‘Get a Quote’, ‘Book Now’, ‘Bring Me The Sandwich’: make that CTA as clear as crystal!


2. Easy navigation.

Keep your menu simple and tucked away until someone needs it, with either a hamburger nav or a menu of icons. Never send people to new windows—we all know the pain of having multiple windows open on mobile— and remember the mobile Golden Rule: the less taps, the better.


3. There’s no place like home.

Quick n’ dirty tip: Google found that people expect to go home if they tap the icon in the top left corner. Make it happen!


enough reading, let's start talking


4. Contact, contact, contact! 

People are more than likely looking for your contact details on mobile, so make them easy to find and easy to use (ie. hit the phone icon and they’re calling you!)



ESPECIALLY on ecommerce sites! What with the squishing on mobile, all your beautiful images will be much smaller.  If someone can’t make out a picture of that amazing bracelet you spent 45 minutes quilting, they’re not gonna buy it.



Of course you want to tell people that sequin hats are BOGO or get them to sign up for your newsletter. But that normal sized desktop pop-up will take over the whole screen on mobile, annoying people and sending them away. Keep promos small, easy to get rid of, and un-distracting.


7. Make your site cross-platform.

People start shopping on mobile, but often finish on other devices (switching to desktop for the payment stage is not unheard of!). So, make it easy to share your items either on social or by email. If people want to come back later to give you money, make it easy for them to do it! Take that money!

Does this seem like a lot of work? It is, but it’s work we love doing. Give us a call and we’ll mobile-ify your new site ASAP! 

Ready to chat? Book a call with Matt!


New call-to-action