Back to blog
ConversionJuly 29, 20267 min read

Med Spa Before-and-After Gallery: How to Build One That Actually Books Patients

Your before-and-after gallery is the highest-intent page on a med spa website. Here's how to structure it, the consent you need, and the standards that make results believable.

S

Sohaib

Founder · Codura Solutions

A med spa before-and-after gallery is not a photo album — it's the page where a hesitant patient decides whether to trust you with their face. Done well, it does more selling than any paragraph of copy on your site. Done badly, it does the opposite: inconsistent lighting, three sad thumbnails, no idea which treatment produced which result. Here's how to build a gallery that converts — the consent you need before a single photo goes live, the structure that answers the real question, and the technical standards that keep it fast and believable.

Your highest-intent page

On almost every med spa site we look at, the results or gallery page is one of the top three most-visited pages — and the visitors who reach it are the closest to booking. They've already decided they want the treatment. What they haven't decided is whether you can deliver it. That makes the gallery a conversion page, not a portfolio, and it should be built like one: filterable by treatment, captioned with context, and wrapped in booking CTAs.

The mistake is treating it as an afterthought — one grid of 12 unlabeled images dumped at the end of the sitemap. If you're auditing your own site, ask a simpler question: can a prospective lip-filler patient find three clear lip-filler results, from your injector, in under ten seconds? On most sites, they can't.

Patient photos are patient information. If you're a covered entity under HIPAA, using a patient's image in marketing requires a written HIPAA authorization — not a verbal yes, not a checkbox buried in an intake form, and not the same form you use for treatment consent. Even if you've concluded you're not a covered entity, state privacy law and basic ethics land you in the same place: get it in writing, in a document that exists only for this purpose.

A usable photo release should spell out, in plain language:

  • Exactly which images are covered — the shoot date and treatment, not a blanket forever-license over anything you ever photograph.
  • Where they may appear — website, Instagram, Google Business Profile, paid ads, print. List the channels; don't say "marketing materials."
  • Whether the patient is identifiable — full face vs. cropped region, and whether their first name or age may be shown.
  • How to withdraw consent, who to contact, and your removal timeline (a same-week commitment is reasonable and worth stating).
  • No compensation tie-in — discounts in exchange for photos muddy both consent and advertising rules. Keep them separate.

While you're in this territory, it's worth reading our breakdown of what HIPAA actually requires of a med spa website — the tracking-pixel section in particular applies to gallery pages, where analytics tools can end up recording treatment-specific page views tied to an identifiable visitor.

What you can and can't claim

Before-and-after photos are advertising claims, and two sets of rules apply. The FTC expects results shown in advertising to be truthful, substantiated, and representative — if the result you're showing is unusually good, saying so is not optional. Separately, most state medical and nursing boards have their own rules on advertising medical procedures, and some are specific about before-and-after imagery. Those rules vary by state, so confirm yours with your board or counsel rather than copying another clinic's disclaimer.

In practice, that means:

  • No retouching, filters, or edits to the after photo — including the subtle ones your phone applies automatically. Turn beautification off in-camera.
  • Disclose typical outcomes. If a result took three sessions plus a maintenance plan, the caption should say so. "Individual results vary" alone doesn't carry a non-typical result.
  • Attribute the provider. "Treated by Dr. ___" is both a credibility signal and an honesty one — don't show results your current team didn't produce.
  • Skip the superlatives. "Best," "guaranteed," and "permanent" attached to a photo turn a result into a promise you may not be able to substantiate.
  • Keep photos current. Results from a device you no longer own, or an injector who left, shouldn't be selling treatments today.

The most persuasive gallery we've built wasn't the one with the most dramatic results. It was the one where every pair had the same lighting, the same angle, a session count, and the injector's name. Believability converts better than drama.

Codura Solutions

The structure that converts

Organize by treatment, never by date. A patient shopping for morpheus8 does not care what you posted in March. Here's the structure we build:

  1. Filter by treatment first — a visible row of treatment filters at the top, matching the names on your treatment pages exactly. If "tox" is what you call it there, call it that here.
  2. Pair images side by side, always the same orientation — before on the left, after on the right, labeled. Sliders look impressive and hide half your result on mobile; a static pair is safer.
  3. Aim for 3–6 pairs per treatment. Three is the minimum that reads as a pattern rather than a lucky case. Beyond about six, you're adding weight without adding persuasion.
  4. Caption every pair with context — treatment, number of sessions, time between photos, provider, and units or areas where relevant. This is the part almost everyone skips, and it's the part that does the convincing.
  5. Show a range of patients — different ages, skin tones, and starting points. A gallery of one demographic quietly tells everyone else it isn't for them.
  6. Put a booking CTA after every treatment section, not just at the bottom of the page. The moment of conviction happens mid-scroll.

Then link both directions: each treatment page should link to its filtered gallery view, and each gallery section should link back to the treatment page that explains pricing and aftercare. That internal loop is also how these pages earn search visibility — the same principle behind treatment-page SEO.

Photo standards and page speed

A gallery is the heaviest page on a med spa site, and image-heavy pages are where load times quietly collapse. Two sets of standards keep it honest and fast — shooting standards, and delivery standards.

For shooting, consistency is the whole game: same camera, same distance, same angle, same background, same lighting, no makeup in either photo, neutral expression, hair pulled back the same way. Mark the floor with tape so the patient stands in the same spot every visit. Our med spa photography guide covers the shoot setup in detail.

For delivery, the targets we build to:

  • Serve WebP or AVIF, not the raw JPEGs off the camera — usually a 60–80% file-size reduction at the same visible quality.
  • Keep each gallery image under about 150KB, and the initial page payload under roughly 1MB.
  • Lazy-load everything below the fold, with fixed width and height attributes so the layout doesn't jump as images arrive.
  • Cap displayed resolution around 1,200px wide — anything larger is bandwidth nobody sees.
  • Write real alt text: "Before and after three sessions of microneedling on a patient's cheeks" — descriptive for screen readers, and it's how these images surface in image search.

Where the gallery belongs

Don't bury it in a dropdown. A gallery earns a top-level nav slot — labeled "Results" or "Before & After," which is what patients actually search for. Beyond that, put results in three more places: a small strip of two or three pairs on the homepage that links into the full gallery, the relevant pairs embedded directly on each treatment page, and one pair near your booking form as final reassurance.

Then measure it. Track gallery page views, filter clicks by treatment, and booking clicks that originate from gallery pages. Two things fall out of that data almost immediately: which treatments people actually want (usually not the ones you promote most), and whether your gallery is converting or just being browsed. Setting that up is straightforward — see analytics and conversion tracking.

If you already have a gallery and you're not sure whether it's helping or leaking, we'll look at it for free and send back the top three fixes — no call required: grab a free audit. And if it needs rebuilding properly — filterable, fast, captioned, and wired to your booking flow — that's exactly what we do.

Frequently asked

Quick answers.

Do I need written consent to post before-and-after photos?
Yes. Patient images are patient information, and using them in marketing requires a written authorization that is separate from your treatment consent form. It should name the specific images, list every channel where they may appear, state whether the patient is identifiable, and explain how consent can be withdrawn. Verbal permission and a checkbox on an intake form are not enough.
How many before-and-after photos should a med spa gallery have?
Aim for three to six pairs per treatment. Three is the minimum that reads as a repeatable pattern rather than one lucky case, and past about six you add page weight without adding persuasion. Depth per treatment matters far more than total volume — twelve strong lip filler pairs beat sixty unlabeled images across twenty treatments.
Can I edit or retouch before-and-after photos?
No. Retouching an after photo turns a result into a misleading claim, and that includes the automatic beautification filters most phones apply by default — turn those off in-camera. Keep lighting, angle, distance, background, and expression identical between the two shots so the only difference a viewer sees is the treatment result.
Should I use a before-and-after slider or side-by-side photos?
Side-by-side pairs are the safer default. Sliders look impressive on a desktop demo but hide half the result at any moment, are fiddly on touchscreens, and often break the layout on narrow phones. Since most med spa traffic is mobile, show both images at once, always in the same orientation, with a caption naming the treatment, session count, and provider.
S

Written by

Sohaib · Founder, Codura Solutions

Sohaib founded Codura Solutions to build conversion-focused, SEO-friendly websites for med spas and aesthetic clinics — fast, mobile-first sites engineered around one outcome: booked patient appointments. He writes about web design, conversion, and SEO for aesthetic practices.

More about Codura
Free audit

Not ready to commit? Get a free audit.

Send us your site. Our founder personally reviews it and sends back a written audit with the top 3 conversion fixes — within 24 hours. No pitch, no card, no spam.

Written audit24h turnaroundFree, no cardNo follow-up spam

Ready to put this to work?

Tell us about your clinic.

We'll audit your site live and tell you what we'd build instead. No pitch, no commitment.

Get a free website audit