Mobile first: why your professional page should be built for the phone

What the figures say

Statcounter’s numbers are tallies of page views, not of people, and they come from sites that use its tracker, so they are an indicator, not a census. Ofcom’s figures describe UK adults in general. Neither describes the people who look for your kind of professional.

Why your clients may differ

• Country. Mobile share varies a lot between countries and tends to be higher where people first got online through phones.
• Age and trade. Younger clients and people looking for a local service are often on phones. Business buyers researching a consultant at work may use a laptop.
• Moment. A person with an urgent need, such as a lawyer after an accident or a dentist for a toothache, is probably on a phone.
• Source. People who tap a link in a message, a social post or a QR code are on a phone by definition.
• Your own page. If your page is awkward on a phone, mobile visitors leave and your statistics understate them.

The conclusion is not to trust a figure but to check yours. Ask your last ten clients how they found you and on what device. If you have page statistics, see the split. If you do not, assume a large share are on phones.

What a phone-first page looks like

See also website speed for non-technical people, website accessibility for professionals, and booking link, WhatsApp or contact form.

Test it on a real phone

1. Open your page on your own phone using mobile data, not wi-fi. How long before you can read your name?
2. Without scrolling, can a stranger tell who you are, what you do and how to contact you?
3. Tap your phone number, email and main button. Does each do what it should?
4. Turn the phone sideways and enlarge the text in the phone’s settings. Does it still work?
5. Use it outdoors in daylight. Is the text readable?
6. Ask someone who has never seen it to find your opening hours or fee, and watch what they do.
7. Open it on an older or smaller phone too, if you can borrow one.

What phones change about content

• Put the answer first. People on a phone are impatient, and reading is harder.
• Use short sections with clear headings, so a reader can find what they came for.
• Say where you are. Phone searches are often local: “near me”, a city or a station.
• Make the contact route one tap. A person who cannot reach you in a moment will try the next result.
• Show your face and your hours. They answer the two questions most people have.

Common mistakes

• Designing on a laptop and never opening the page on a phone.
• Assuming your own habits match your clients’.
• Tiny text and tiny buttons.
• Contact details in images.
• Large images and video that autoplay on mobile data.
• A hidden menu that makes a simple page feel like a maze.

A worked example: rewriting a page for the phone

Take an invented physiotherapist, Anna Weiss in Bristol, whose page was designed on a laptop. Here is what changes when she rebuilds it for the phone.

None of the changes needs special skill. They need a decision to put the visitor’s first question, “is this the right person and how do I reach her?”, ahead of everything else.

The first five seconds on a small screen

1. Second one: the page appears. If the top is blank because a large image is still loading, the visitor may already have gone back to the results.
2. Second two: they look for your name and a face. A clear photograph and a heading do more than a logo.
3. Second three: they look for what you do and where. A single plain line answers both.
4. Second four: they look for a way to act. One obvious button with a verb on it answers that.
5. Second five: they decide whether to scroll. A hint of what follows, such as a short list of services, invites them.

This is a practical model, not a measurement. The order is a good test: if a stranger cannot answer those five questions in about five seconds on your own phone, simplify the top of the page.

Things that work on a laptop and fail on a phone

• Hover effects. A phone has no hover, so anything that appears only when you point at it is never seen.
• Sliders and carousels. They hide content behind taps and often move before they can be read.
• Pop-ups and full-screen banners. They are hard to close on a small screen and may be penalised by search engines when they hide the content.
• Tables with many columns. They need sideways scrolling, so use short lists or stacked rows.
• Tiny links in a footer. They are hard to hit with a thumb.
• Embedded maps that capture scrolling, so that the visitor gets stuck inside the map.
• Fixed bars that cover a quarter of the screen.

Mobile data, not just wi-fi

Many visitors will open your page on mobile data, in a place where the signal is poor. Keep photographs small, avoid autoplaying video and prefer a few plain sections to a heavy animated page. See website speed for non-technical people for the practical steps. A quick test: put your phone in aeroplane mode, turn wi-fi back on at a slow setting if your phone allows it, or stand somewhere with weak signal and see how long your name takes to appear.

Share links, not only search

• Many visitors arrive by a link in a message, a QR code on a card or a social post, and not from search. They are on a phone already.
• Make sure the page looks right when the link is shared: a clear title, a description and a good preview image. Check by sending the link to yourself in a messaging app.
• A short, speakable address helps when someone types it from a card. See choosing a web address.
• Put a QR code on printed material so that people can move from paper to page in one scan.

Where BeVisible fits

BeVisible is designed phone-first: you can build it on your phone, watch it update as you type, and the finished page is a single page made for a phone screen, with tap-to-call, message and book buttons. You can build and preview free, and publish free for 7 days with no card needed; after that one yearly plan keeps a website online, and one plan covers one website. Start from a photo or type your details.