The SiteRoot team6 min read
Look at when your enquiries actually arrive. Evenings after the kids are down, Saturday morning, a lunch break, ten minutes in a carpark before the next job. Almost nobody is sitting at a desk with a keyboard when they decide to contact a tradesperson, a clinic or an accountant.
So here is the direct answer to the question. Your website has to work on a phone first because that is the device the deciding happens on, and because a page that is awkward on a phone loses the visitor before a single word of it is read. The design is not being judged. The next tap is just easier than yours.
Phone first does not mean a shrunken version of a desktop page. It means deciding what comes first, on a screen about the size of a postcard, held in one hand, often on a bad signal.
The six things that have to work
Concrete, checkable, and in the order they cost you money.
1. The phone number is a link. Tapping it starts the call. Not text you have to memorise and retype into the keypad, and definitely not a number sitting inside an image. This one detail decides more after-hours jobs than any design choice on the page, and it is the thing most often missing, because whoever built the site typed the number as words.
2. The text is readable without pinching. If you have to spread two fingers to read the services list, the page has failed. Body text wants to be around the size your phone uses for a text message, not the size that looked elegant on a 27 inch monitor.
3. Tap targets are big and separated. Buttons and links need room around them. Two links a few pixels apart is a page that punishes a thumb, and the visitor does not conclude that the page is badly built. They conclude they have had enough.
4. The images do not eat the page. A hero photo saved at full camera resolution is several megabytes. On a weak signal that is a blank screen for eight seconds, which is longer than most people will wait. Images should be sized for a phone and loaded as the visitor scrolls to them rather than all at once.
5. Nothing covers the screen before they have read anything. A newsletter pop-up on a phone covers everything, and the close button is often the one element that did not get shrunk properly. It is the fastest way to send someone back to the results they came from.
6. The form is short and brings up the right keyboard. A phone field should open the number pad. An email field should open the keyboard with the at symbol. And every extra field is another reason to give up with a thumb.
The two minute test, on your own phone
Not on your computer. Not on the preview in the builder. On the phone in your pocket, with wifi switched off so you are on mobile data like a customer in a driveway.
- Open your website and count to five. Is there something readable on screen by then?
- Without scrolling, can you see what you do and where you do it?
- Tap your phone number. Does the call screen come up?
- Scroll with one thumb. Does anything sit half off the side of the screen, or make the page slide sideways?
- Fill in your enquiry form as a customer would and send it. Does a thank-you message appear, and does an email actually arrive?
- Is there a padlock in the address bar?
If four of those six are fine you are ahead of most small business sites in the country. If the phone number is not a link, fix that one before anything else on this page.
Why a desktop-first habit produces a bad phone page
The bad phone pages are rarely careless. They are usually desktop pages that were made narrower, which is a different thing.
The usual suspects: a wide hero image with the words baked into the picture, so on a phone the words are two pixels tall. A price table with six columns, which becomes a horizontal scroll nobody discovers. A PDF menu or price list, which opens in a separate viewer and is unreadable at phone size. A menu that needs a mouse hover to open. A phone number, an address or an opening-hours block that exists only as part of an image, so it cannot be tapped, copied, read aloud, or understood by anything but a human eye.
Each of those works perfectly on the machine it was designed on. That is what makes them so persistent.
It also has to be fast on a bad signal
This is the part that gets left out. Your customers are not on your office wifi. They are in a basement carpark, a lift lobby, a paddock, a house with one bar, or a train.
The thing that makes a small business site slow is nearly always the photos, followed by the scripts nobody remembers adding: a chat widget, three tracking tags, a font service, a review carousel. Every one of them has to be fetched before the page settles, and on a poor connection they arrive one at a time.
If you only do one thing about speed, resize your images. A photo that looks identical on a phone can easily be a tenth of the file.
What phone first changes about your content
The top of your home page is about one postcard's worth of screen. Everything you want a stranger to know has to fit there, and everything else is a scroll they may not do.
That usually means: what you do, where you do it, and a button that rings you. Not a slideshow. Not a mission statement. Not the founder's story, which belongs further down where the people who are already interested will find it.
It is also worth knowing that search engines now read the phone version of a site rather than the desktop one. So the phone version is not the lesser copy. It is the version that counts, for people and for machines both.
Where SiteRoot comes into it
Every site we build starts phone first, because that is where it gets used.
Phone numbers are tap-to-call links rather than typed text. Images are loaded as the visitor reaches them instead of all at once, so the page is usable on a driveway signal. The enquiry form is short and emails you at your own address, so an 11pm enquiry is in your inbox with the rest of the morning. The certificate behind the padlock is watched, and so is whether the site is up at all, because a lapsed certificate puts a full-page browser warning in front of a customer before they see a word you wrote.
None of that is a promise about where you turn up in a search result, which is not ours to make. It is the ninety seconds after the tap, which is the part you can actually control.
Go and open your own site on your phone tonight. It takes two minutes and you will find at least one thing.
