Making Your Mobile-Friendly Webpage

Making Your Mobile-Friendly Webpage


Check out this little fact: there are now officially more mobile devices than there are people in the world.  Crazy, I know!!!


A recent study by Google showed that 74 percent of people are more likely to return to a site if it is mobile friendly. A while back, the Internet was shaken by what digital marketers dubbed Mobilegeddon.


Now, that sounds ominous, right? Google modified its algorithm to favor mobile-friendly sites, and sites that previously had performed well in search completely fell off Google search engine results page (SERP) because their sites weren’t mobile-friendly. Basically, Mobilegeddon was Google’s way of acknowledging that consumers are unequivocally going mobile. After all, in the past eight years, mobile use has grown nearly 400%, and nearly 20% of users between the ages of 18-34 spend all of their online time on a mobile device.


In 2012, 67% of people said they are more likely to purchase when visiting the mobile-friendly site, but 61% said they’d bounce right off a site if the mobile experience was a negative one. Being able to provide your potential customers with a positive mobile experience could be the difference between making the sale or not.


The upshot of all this mobile activity is that today’s businesses must not only have a professional, user-friendly website, but also one that looks good and functions well across a large range of mobile devices. In today’s fast-paced mobile society, it’s important to ask the question: What do my visitors see when they access my website using a smartphone or a tablet?


A mobile-friendly site is a website that is designed to be displayed on hand-held (mobile) devices such as smartphones or tablets. When designing a mobile-friendly website you basically have two choices: responsive or adaptive.


Responsive vs. Adaptive Web Design

  1. Responsive web design is pretty much what it sounds like — a website design that responds to the device and size of the screen it’s being viewed on. Ever take the corner of your Internet browser and drag it in, making the window smaller? If not, try it. You will see how the website changes. That’s an example of a responsive web design. The majority of mobile-friendly sites out there are responsive designs.


  1. Adaptive web design, on the other hand, are literally the creation of different website designs for each type of device. Adaptive websites identify the user’s device and adjust the website to provide the best outcome for the user.                                                                                          
  2.  Adaptive designs are technically more complex, and thus tend to be more expensive than responsive designs. However, adaptive sites are known for their ability to offer the optimal experience for each individual with the optimal design for each device. Big brands like American Airlines leverage them to increase conversion rates by the device.

How Do I Get Started?


So at this point, it’s safe to assume you’re on board—a mobile-friendly site is the way to go. Now, let’s discuss how you go about building one.


  1. Designing Your Own Website

Your first option would be to build it yourself. You’ll have to know a bit of coding in order to do so. If you’re adamant about picking up a new skill, CodeAcademy offers free coding classes online.


  1. Building a Mobile-Friendly Site with a Template


Option two—purchasing a responsive template or using a website design platform—is a cost-effective way to build a mobile-friendly site that doesn’t require coding or a significant amount of your time.


Sites like ThemeForest or Template Monster offer tens of thousands of mobile-friendly website templates for a variety of content management systems (CMS). For just $300 you can purchase a template and have it installed, ready-to-go. From there, all you have to do is update the site through the CMS with your content.


Alternatively, you could use a website design platform like Wix or Squarespace which are easy to use and require no prior familiarity with a CMS. Pricing for these platforms is based on a subscription model and ranges between $10-$30 per month.


  1. Hiring a Developer


Your final option is to work with a developer. It’s the most expensive of all the options—setting you back hundreds to thousands of dollars—but it’s also the most personalized. The best place to start when it comes to finding a good freelance web developer is by asking friends for a recommendation.


You might test out a freelancer with a smaller, lower paid job first to see if they can follow instructions and deliver an agreed-upon project before entering into a larger transaction.


Digital connectivity for your website is now more important than ever and will continue to be so in the future. However, it doesn’t have to be daunting.  Prioritize the user experience to ensure a successful shop on your website.  If you are unsure of your sites friendliness? Use this tool: to test your sites mobile capabilities.  


Don’t look at creating a mobile-friendly site as a challenge, but rather see it as the opportunity it is for your business.

No Comments

Post a Comment