The best mobile website design tips come down to four things: make every button easy to hit with a thumb, make the page load fast on a phone signal, put the phone number and the next step where a buyer can reach them in one tap, and remove anything that covers the page. Get those right and most of the rest is taste. Below are the specific practices behind each one, with the published targets where they exist.
Design for a thumb
Phones are used one-handed, on the move, by people with work gloves in their back pocket. Design for that person.
Make tap targets big and spaced out
Google's web.dev team gives a number. A minimum recommended touch target is around 48 pixels, with about 8 pixels between targets. That covers buttons, menu links and the little "x" on anything that can be closed. Text links packed into a paragraph are the usual offenders.
Keep the important stuff in reach
A sticky bar at the bottom of the screen with "Call" and "Get a quote" works well for service companies. It stays in reach of the thumb on long pages. Keep it short in height, though. On a small phone, a bar that eats a fifth of the screen gets in the way of the content it's meant to support.
Use a menu people recognize
The three-line menu icon in the top corner is widely recognized. Inside it, list your services by name. "Solutions" and "Capabilities" make a buyer guess.
Make it fast on a phone signal
Speed is the practice with the clearest published targets. Google's Core Web Vitals targets are specific: the main content should appear within 2.5 seconds, the page should respond to a tap in under 200 milliseconds, and the layout shift score should stay under 0.1, meaning content shouldn't jump around while it loads. Google says these line up with what its ranking systems seek to reward.
The fixes are mostly unglamorous:
- Resize photos to the size they're displayed at, then compress them.
- Set a width and height on every image so the page doesn't jump as they load.
- Remove plugins, sliders and tracking scripts nobody uses.
- Load the video only when someone taps play.
To see where your site stands on a phone, our Free AI Visibility Check looks at your website and mobile speed, whether you come up in a local search, and what an AI assistant says when a buyer asks who to call. No email needed.
Make the next step easy
A phone number that dials
Every page, in the header, as a tap-to-call link. A number buried in a footer image is invisible to a phone.
Forms that fit a phone keyboard
Mobile forms fail on small details. Google's form guidance says to use the right input type and autocomplete values, so a phone field brings up the number pad and the browser can fill in a name and email the visitor has saved. It also says to ask for as little as possible. For a quote request, that's often name, phone, email and one line about the job.
Readable text without zooming
Body text big enough to read at arm's length, short paragraphs, and enough contrast to read outside in daylight. If you have to pinch to read it, so does your buyer.
What to drop on mobile
Some things that look fine on a desktop actively hurt on a phone.
Full-screen pop-ups are first on the list. Google warns that intrusive pop-ups and dialogs may lead to poor search performance, and a newsletter box that covers a service page on a small screen mostly teaches people to hit the back button. A slim banner does the same job without blocking anything.
Next are auto-playing videos, image carousels nobody swipes, and hover effects that don't exist on a touch screen. Then there's the old advice about separate mobile sites, AMP pages and building an app. For a company that sells services, one responsive site, where the same pages rearrange themselves to fit any screen, is simpler to run.
Keep the mobile version complete
A common shortcut is to hide sections on phones to make pages shorter. Be careful with that. Google indexes the mobile version of your pages, so content that only exists on the desktop version may as well not exist for search. Shorten by writing tighter. Keep the sections.
Test on the phones your buyers carry
Designers tend to check their work on the newest, fastest phone in the office, on office Wi-Fi, which is close to the best case your site will ever see and nothing like a superintendent opening your link on an older Android at the edge of a job site. Borrow a cheaper phone. Turn off Wi-Fi. Then try to find a service, check your service area and call you, timing each one.
Anything that takes more than a few taps goes on the fix list.
Fixing it yourself or handing it off
Most of the tips above are an afternoon for someone who manages your site: compress images, turn off a pop-up, add tap-to-call. If your theme fights every change, or the site was built before phones were the main way people browse, a rebuild is usually cheaper than a long list of patches.
A rebuild is part of Inbound SDR. We build a website of up to 100 pages in the first month, host it, and keep working on page speed, Core Web Vitals and mobile layout as part of ongoing technical SEO, along with a new blog every business day. Packages start at $1,000 per month on a 12-month term. If your site already passes on mobile and just needs tidying, you don't need a program like this. A good freelance developer will do.
Get the next one in your inbox
New playbooks, benchmarks and guides from our sales floor, for owners and sales leaders who sell to businesses. One email a month. See past issues.
