Mobile First Website Design

The adaptive, future-friendly solution to website design.

scroll icon

Considering your Mobile users is mandatory

Smart phones and tablets have become many user's personal pocket computer and as a result, they are using this device everywhere and for everything including Google search.

The average user is on these devices on an average of 3.7 hours per day (except kids which is longer). This is more time than TV, radio, newspapers or even desk top computers. As a result, this trend greatly influences how the mobile user evaluate a companies' website; or how they interact with a company; or how they make the purchasing decisions. If your site is slow or doesn't display correctly on a mobile device, you've just lost a sale.

You need to implement a mobile first web design.

"Today, many executives underestimate these mobile trends, even though these trends for mobile speed can be huge, game-changing opportunities for most businesses."
Larry Becker

Mobile Friendly Design Services

With the deployment of the Google Speed Update, the need for speed in webpage loading on mobile devices is mandatory. If your site loads slowly (longer than 4 seconds) then you will not rank in the Google Mobile Index. You need your site updated to a mobile first, design concept.

The Legacy Desk Top Design Scenario

The basic idea with any top-down method of design is to create a large, desktop screen and then add additional code to modify the design for smaller screens.

As a result, you are overloading the smaller devices with far too much and unneeded information causing the smaller devices to lag at excruciatingly low speeds. Most mobile user will leave a slow loading site within 5 seconds.

Some of the causes are:

  • High resolution images with large file sizes
  • Unnecessary use of javaScript code or Wordpress plug-ins
  • Unnecessary use of Cascade Style Sheet code
  • Incorrect web server setup
  • Domain redirects

By developing in the top-down method, you severely limiting your incoming traffic from mobile users to a slow load UX experience.

The "Mobile First" Scenario

The basic idea with this bottom-up method of design is to create a small, mobile screen and then add additional code to modify the design for the larger desk top screens.

By developing the lowest common denominator elements first, you can keep all your mobile users happily fast and navigating freely through your site. Even though we start with a most simplistic foundation of the site design, we progressively add features to each display mode to obtain the higher tech, larger screen content.

At Catanich, our Mobile Friendly Design Services are amplifying websites for top of the page performance.

Analyze your website with Page Speed tools

Talk is cheap, we all know this. So run our site in the following industry standard speed tests.

Web Page Test

Google's PageSpeed Insights

Now run yours. Is it fast?

Oh... as for our competition, don't waste your time, we left them in the dust 5 years ago and they still don't understand Google's "Need for Speed". See Using page speed in mobile search ranking.