How Do You Implement Mobile First Technology?

4 steps to bring your client up-to-date for thinking “Mobile First”.

I’ve developed a rule to never show a client a draft without having their product completely mobile-friendly. By using this technique, it helps my clients understand how important mobile is for building their business and online presence.

Following are four steps to follow when teaching your client or customer about mobile-first technology.

1. Why Mobile-First

As we know by now, the term mobile first refers to allowing the user to do just about anything on their mobile device that they can do on a desktop with minimal effects on content, loading time and functionality.

Now more than ever, people spend more time on the internet with their mobile device. While we have heard “mobile-first” for several years now, there are still those out there who are not forward-thinking, but instead too busy playing with pretty design and magical layout. Next time you are browsing the web on your phone, you will be amazed how many sites out there are not mobile-friendly.

Begin the conversation about mobile design in the very first meeting with your client. By opening the door to mobile first, they will understand the process along the way.

2. Teach Your Client the Importance of Framework, Design and Content that Includes Mobile Design.

As smartphones become more and more powerful, it’s important to keep up with the rising technology and bringing out clients along as technologies change. If you want the user to have the best-possible experience, by teaching your client the process, they will understand the process and importance of mobile first.

Whether it’s design, content or navigation, implementing the mobile first strategy during the review process, my client will begin to understand the importance of how designing their product for mobile technology will help their business.

3. Simplify your look and feel

When building for mobile, be selective as to what content and graphics show in your mobile view. Keep in mind the user will swipe and tap their way through the site. If you have large graphics or a menu that takes up half the screen, the site will be hard to navigate. Learn to turn off areas of the site that do not make sense in mobile. Use interactive buttons and mobile-friendly image galleries.

Teach your client how to look for ways to simplify on mobile. By having them understand the process along the way, it saves a lot of explanation and training in the long run.


As I mentioned earlier, I won’t even show a client a project until it is mobile friendly. Whether you are designing with a website builder, WordPress templates or HTML/CSS, by implementing the mobile first strategy, it saves time, avoid mistakes and you can score brownie points with your client.

Teaching your client the testing process is another step you can take. The client understands you may be making changes for the better when you discuss “turning off” that huge hero graphic at the top of the page, those animated icons or simplifying the menu bar.

I’m sure for some of you this sounds like “baby stuff”. However, it’s easy to go with the flow, and continue to do things the way we have been for a while. Take the time to evaluate your strategy, review how you work with clients, and consider implementing the mobile first mindset with your clients.

Do you have a specific technique for mobile first you can share?⠀

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s