Template E — Hair Restoration

Four design concepts for the Hair Restoration Center archetype, each a full homepage plus the chrome-less landing shell that partner brands will point at. All four carry iHair.com's content and band order exactly; only the design layer changes. Open each one at desktop and phone widths, then pick.

Source: ihair.com snapshot 2026-10-21 · built 2026-11-03 · static HTML, Google Fonts, iHair's own photography · noindex

The reference, and what every concept keeps

iHair's homepage is a clean, procedure-led sell: a promo bar, a navy hero with a before/after, four service cards, two technology bands (ARTAS®, NeoGraft®), a results teaser, office videos, a seven-location band, the appointment form, a newsletter and the DermCare family line. That structure is right for the business and it stays. Every concept renders these bands in this order:

Promo + phone barHeaderHero + before/afterTrust strip (new)Featured services ×4ARTAS® bandNeoGraft® bandResults teaserOffice videos7 locationsAppointment formNewsletterDermCare familyFooter
iHair.com homepage, desktop
ihair.com today · desktop 1440 (scroll inside the frame)
iHair.com homepage, mobile
ihair.com today · phone 390

The four concepts

Concept 1

Heritage Navy The faithful upgrade

iHair's navy, iHair's layout, re-cut on a disciplined 12-column grid with modern type (Manrope + Inter), a sticky header, a trust strip under the hero and the before/after floated as a card. Service tiles keep the gradient photography. The lowest-risk move: the site looks like a better version of itself.

Feels like
An established medical practice that just rebuilt its site
Strongest at
Continuity with today's brand; zero re-education for returning patients
Weakest at
Differentiation. Every MyAdvice hair clinic site looks a bit like this
Landing pages
Fine. The navy hero needs a photo to avoid feeling flat
Open homepageLanding shell
Concept 2

Clinical Editorial The specialist's practice

Warm paper ground, a serif headline face (Fraunces), hairline rules, services as a numbered editorial list, results as a film strip on navy. The one place navy is used is where it earns it. Reads like a surgeon's practice rather than a chain, in the family of the Regional hub's serif headline and the Miami Soft calm.

Feels like
A premium specialist; quiet confidence, no hard sell
Strongest at
Trust and price tolerance; the brand homepage and provider pages
Weakest at
Conversion directness; big serif headlines need careful line-length control on landing pages
Landing pages
Beautiful but slower to the form; best for women's and premium offers
Open homepageLanding shell
Concept 3 · Recommended

Proof-Led Results are the hero

Deep navy ground, one vivid CTA colour, and the before/after as a draggable comparison in the hero with graft count and months on it. A "choose your path" band compares ARTAS®, FUE/NeoGraft®, FUT and non-surgical side by side, cases carry their numbers, locations become a finder. Everything the buyer actually compares is on the page.

Feels like
A confident, modern clinic that shows its work
Strongest at
Conversion and landing pages; hero needs no lifestyle photography, only a case
Weakest at
The dark hero can feel heavy for softer audiences; mitigated by swapping to a light ground per skin
Landing pages
Built for them: form beside the slider, trust strip, one CTA colour that survives any partner palette
Open homepageLanding shell
Concept 4

Soft Modern Consumer-health warmth

White and pale blue, 28px radii, pill buttons, a floating pill header, blurred colour blobs behind a centred hero with floating case and rating cards. ARTAS® and NeoGraft® sit as two coloured panels side by side. The language of modern consumer health brands, kept clinical by the navy ink and the real case photography.

Feels like
Approachable and low-anxiety; the first step is easy
Strongest at
Younger and female audiences; non-surgical and PRP offers
Weakest at
Authority for a 25-year surgical practice; rounded everything can read as a telehealth startup
Landing pages
Good for soft offers; floating cards need a wide screen to shine
Open homepageLanding shell

Side by side

Question1 · Heritage Navy2 · Clinical Editorial3 · Proof-Led4 · Soft Modern
How close to iHair todayClosestSame bones, new voiceSame bones, new heroSame bones, new mood
Hero works with only a before/after (no lifestyle photo)Needs a photoNeeds a portraitYes, by designNeeds a wide photo
One CTA colour that survives partner palettesNavy on navyInk on paperYes (accent is a skin token)Navy pill
Answers "which procedure?" on the homepageVia navNumbered listComparison bandTwo panels
Premium / price toleranceMediumHighestHighMedium
Women-focused landing pagesOKStrongStrong with a light groundStrong
Build cost in the templateLowestMedium (type system)Medium (slider, comparison, finder)Medium (motion, blobs)
Risk of looking dated in 3 yearsMediumLowLowHigher (trend-led radii)

My recommendation, and why

Build Template E on Concept 3, Proof-Led, with Concept 1 as the fallback if it feels too far from today's site.

  1. Hair restoration is bought on evidence. Patients compare before/after photos, graft counts and timelines before they compare anything else. Concept 3 puts that in the hero and on every case card, so the page does the selling before the form is reached.
  2. The landing-page job decides it. You said these pages will be referenced heavily as landing pages for other brands. A partner page will often have a case photo and nothing else. Concept 3's hero needs only a case; Concepts 1, 2 and 4 need a lifestyle photograph or a portrait to look finished. Its one vivid CTA colour is a skin token, so a BSI-navy or a black-and-gold partner palette can carry it without redesign.
  3. It is still iHair. The navy ground, the band order, the words and the photography are iHair's. The accent and the type are the "upgraded flare" you asked for; both are skin values, not archetype decisions.
  4. It answers the question the current site leaves to the menu. "ARTAS or FUE or strip?" is the first consultation question. The comparison band answers it on the homepage and gives every procedure page a natural sibling link.
  5. Concept 2 is the one I would pick for beauty alone, and it is the better brand-homepage if the goal is premium positioning over lead volume. It is weaker as a landing-page system because the serif display needs line-length care at every width and the form sits further down the page. If you want it, the right move is Concept 3's bones with Concept 2's type: that is one skin change, not a new concept.
  6. Concept 4 is a mood, not a system. It is right for a women's non-surgical campaign and I would keep its landing shell as a variant, but a 25-year surgical practice should not lead with it.

How this lands in the template, if you choose: Template E becomes a hair-restoration archetype (or a variant of B, the way D is) with iHair as its first practice. The new bands are the comparison hero, the procedure paths, the case grid with numbers, the location finder and the landing shell with a form beside the hero. Everything else is already in B. Placeholder content to confirm with the practice before any build: the procedure comparison values (scar, downtime, best for), the video titles and the trust-strip claims. The case labels come from the gallery image names in the snapshot. The comparison slider here is CSS plus one line of script; the fonts are Google-hosted for the concept only and would be self-hosted in the build.