Med Spa Mobile Website Benchmarks: The Numbers Your Site Should Hit in 2026

Your website was almost certainly designed on a 27-inch monitor. It is almost certainly booked on a phone about 393 pixels wide, held in one hand, at 9pm. That gap is where med spa bookings quietly disappear — not in the design, but in the thumb-sized details nobody checks. The good news: most of what "good mobile" means is published, specific, and testable. Apple, Google, and the W3C have all committed real numbers to paper. Here's what those numbers are, why each one matters for a clinic that sells $600 treatments, and a 15-minute audit you can run on your own phone before you spend a dollar on redesign.

The short answer

Design for a 360–430 CSS pixel screen, make every tappable thing at least 44×44 points (Apple) or 48×48 dp (Google), keep Largest Contentful Paint under 2.5 seconds, and put your booking button where a thumb can reach it without the phone changing hands. Mobile has been the majority of global web traffic since StatCounter recorded the crossover in late 2016 — so for a local business like a med spa, the mobile experience isn't a version of your website. It is your website.

The mobile numbers worth writing down

These aren't opinions or agency rules of thumb — each one comes from a published standard you can look up and hold a developer to:

• Tap target — 44×44 points. Apple's Human Interface Guidelines minimum for any interactive control on iOS. Below this, taps start missing.
• Tap target — 48×48 dp. Google's Material Design minimum, with at least 8dp of space between adjacent targets.
• Accessibility floor — 24×24 CSS pixels. WCAG 2.2 Success Criterion 2.5.8 (Target Size, Minimum) at Level AA. The AAA criterion, 2.5.5, raises it to 44×44 CSS pixels.
• Largest Contentful Paint — 2.5 seconds or less. Google's "good" threshold for Core Web Vitals, measured at the 75th percentile of real visits.
• Interaction to Next Paint — 200 milliseconds or less. How fast the page responds when someone taps. This is the metric that makes a site feel broken versus instant.
• Cumulative Layout Shift — 0.1 or less. The measure of content jumping as the page loads. A shifting layout is why people tap the wrong button.
• Text contrast — 4.5:1 minimum. WCAG 2.1 SC 1.4.3 for normal-size text. Pale grey copy on white looks elegant in Figma and vanishes in daylight.
• Design width — 360 to 430 CSS pixels. The practical range covering most phones in use, from narrower Android devices at ~360 up to a Pro Max at 430. Test at 375 and you've covered the tight end.

Three of those — LCP, INP, and CLS — are the Core Web Vitals, and they're the ones Google actually measures on real visitors to your site. We went deeper on those in our guide to med spa website speed, including how to see your own field data for free in Search Console.

The thumb zone: where a booking button belongs

Phones have gotten taller, but thumbs haven't gotten longer. On a modern handset held in one hand, the comfortable reach arc covers roughly the bottom two-thirds of the screen and the side nearest the thumb. The top corners — where designers love to put the "Book Now" button, because that's where it lives on desktop — are the hardest place on the device to reach.

This has a very practical consequence for a med spa. Your primary action should be reachable without a grip change:

• A persistent bottom bar with one primary action — "Book a Consultation" — that stays visible as the visitor scrolls. This is the single highest-leverage mobile change most clinic sites can make.
• Tap-to-call as a real link. Your phone number should be an actual tel: link, not an image or plain text. A visitor should never have to select and copy a number.
• Tap-to-map for your address. Same principle — one tap should open directions, not a copied string.
• No hover-dependent menus. Hover doesn't exist on a touchscreen. Dropdowns that only open on hover are simply broken on a phone.
• Sticky headers under 60px. A tall sticky header eats the screen on a small device and pushes your content — and your booking CTA — below the fold.

“If a patient has to shuffle the phone in their hand to reach your booking button, you've already added a step — and every step on mobile is a place to quit.”

Six ways med spa sites lose the booking on mobile

Across the med spa sites we audit at Codura, the same handful of problems show up again and again — and none of them are visible on the desktop version the owner looks at every day. In our own audit notes, these are the recurring offenders:

1. The booking widget doesn't fit. Third-party scheduler embeds are the most common mobile break we see — an iframe with a fixed width forces horizontal scrolling, or the calendar renders in a box too short to show a single day.
2. Before-and-after galleries pinch-to-zoom or nothing. High-resolution photos dropped into a desktop grid become unreadable thumbnails on a phone, with no tap-to-enlarge.
3. Price tables scroll sideways. A four-column comparison table designed for a laptop becomes a horizontally scrolling mess. If you publish pricing — and you should — it has to stack vertically on mobile.
4. Forms that demand too much. Every extra field costs more on a phone than on a desktop, because typing costs more. Our breakdown of which consultation form fields to keep applies double on mobile.
5. Pop-ups that can't be closed. An email capture modal with a close button drawn at 16 pixels, positioned partly off-screen, is a dead end. The visitor doesn't hunt for the X — they hit back.
6. PDFs as menus. A treatment menu delivered as a downloadable PDF is a wall on a phone: it opens in a separate viewer, it's unsearchable by Google, and the visitor rarely comes back.

Notice the pattern — every one of these is a component that works perfectly at 1440 pixels and fails at 393. That's why the audit below is done on a phone, not in a browser window you've dragged narrow.

A 15-minute audit you can run on your own phone

Do this on cellular data, not your clinic's Wi-Fi, and use one hand the whole way through. Set a timer if it helps — the point is to move at the speed a real visitor would.

1. Open your homepage cold. Count the seconds until you can read the main headline. Anything past three and you have a speed problem, not a design problem.
2. Don't scroll for five seconds. Is it obvious what you do, where you are, and how to book? A visitor decides here.
3. Try to book, one thumb only. No second hand, no grip change. Note every place you have to stretch, pinch, or hunt.
4. Tap your phone number. Does it dial? Tap your address. Does it open maps?
5. Open one treatment page. Can you find the price, the duration, and a way to book without leaving the page?
6. Open your gallery. Can you actually see a before-and-after clearly, or are you pinching?
7. Fill in your consultation form. Time it. Count the fields. Note whether the keyboard covers the submit button.
8. Rotate the phone to landscape. Does anything break or overlap?
9. Turn your screen brightness down to 30% and step outside. Can you still read your body copy? This is your contrast test.
10. Do all of it again on a friend's Android. iOS-only testing hides a whole category of layout and font bugs.

What to fix first

Not every item is worth the same. If your budget or attention is limited, the order that returns the most booked appointments per hour of work is roughly this:

1. Fix the booking path. Persistent bottom CTA, a scheduler embed that fits the screen, tap-to-call that works. If online booking is broken on a phone, nothing else you fix matters.
2. Get LCP under 2.5 seconds. Usually oversized hero images and too many third-party scripts. This one also happens to help your rankings.
3. Size up every tap target to 44pt or larger, with real spacing between them.
4. Make tables and galleries stack instead of scrolling sideways.
5. Cut form fields to the minimum you actually need to start a conversation.
6. Fix contrast on body copy and button text.

A clinic can do most of this incrementally on an existing site. If the audit turns up problems at every step — the theme fights you, the booking embed can't be made to fit, the whole layout was never built mobile-first — that's usually the signal that patching costs more than rebuilding, and a purpose-built med spa web development approach makes more sense than another round of fixes.

Want a second pair of eyes on it? Our free website audit runs your site against these exact benchmarks — real mobile field data, tap targets, and the booking path end to end — and comes back with a prioritized list, not a sales pitch.