https://www.thesmiledesign.net
Open live site ↗
Website Design Case Study

A website built around the lab down the hall.

The Smile Designer makes its veneers, crowns and dentures in its own lab, in the same building as the chair. We planned, designed and built a site that makes a stranger understand what that means. Since launch, the practice reports a 27% improvement in conversion.

The Smile Designer · Spring, TX Cosmetic & implant dentistry Design & Webflow build
Result
+27%Conversion, as reported by the practice
Client
Dr. Maisa Idriss, DMD
Scope
Positioning, design & build
Platform
Webflow

The brief

Twenty-five years of careful dentistry. A few seconds to prove it.

Someone choosing a cosmetic dentist usually has three tabs open and a phone in one hand. Every practice in those tabs says it is experienced, gentle and modern. Very few give the visitor a reason to believe it.

The Smile Designer had three reasons most practices can't claim. The job was to put them where a patient would actually see them.

Reason one

A dental lab in the building

Crowns, veneers and dentures are made on site, not couriered to a technician who never sees the patient. It is the biggest difference between this practice and the next one, and the hardest to explain in a sentence.

Reason two

The dentist does the design

Dr. Idriss holds Fellowship and Mastership with the International Congress of Oral Implantologists and has practiced for more than 25 years. Patients see her, not a rotation of associates.

Reason three

A consultation worth booking

Imaging on site, time with the dentist and a written plan with a timeline, at no charge. An offer like that only converts if the visitor can picture what happens when they walk in.


How it came together

Planned as an argument. Designed and built to make it.

Most dental sites start from a template and fill in the blanks. This one started from the question a new patient is asking at each point on the page, and worked out what the practice had to say back.

01
Plan

One question per section

  • Pinned down the three things this practice has that the other tabs don't: the lab, the dentist, the consultation.
  • Ordered the page by what a stranger needs next: what is this, why trust her, what happens at the visit, why it's different, what do I need, show me.
  • Put one consultation action at the end of every step, so there is never a section without a next move.
02
Design

A room that matches the fee

  • Presented a full concept for sign-off before building anything.
  • Dr. Idriss approved the structure and asked for it to feel more luxurious, so the palette moved from navy to a deep oxblood.
  • Turned the lab from a line in a feature list into a side-by-side comparison a patient reads like a story.
03
Build

Built in Webflow, measured from day one

  • Tap-to-call and a consultation button in the header on every screen, plus a skip link straight to the form for keyboard and screen-reader users.
  • Every treatment in the chooser links to its own page with its own URL, so each one can be found in search.
  • Launched with Google Tag Manager in place, so calls and form requests could be counted from the first day.

Section by section

What we built, and why it's there.

Screenshots from the live homepage. Each one shows a decision a patient never notices, only feels.

thesmiledesign.net
01First screen · desktop
01
First screen

The promise, the proof and the phone number, together

A headline that names the work (veneers, implants, full mouth makeovers) and the lab in the first line. Under it, plain facts instead of adjectives: 25+ years in practice, 5,000+ patients, same-day appointments, Spanish spoken.

Under the hoodMuted, looping hero video; tap-to-call and consultation buttons pinned in the header; a skip link that jumps straight to the form.
thesmiledesign.net
02Consultation block · desktop
02
Consultation block

Explain the visit before asking for it

Three steps, one line each: X-rays and 3D imaging taken here, time with Dr. Idriss, a clear written plan with a timeline. People book what they can picture, so the page answers what actually happens? before the button appears.

Under the hoodTwo actions side by side, reserve online or call, so nobody has to leave the section to act on it.
thesmiledesign.net
03Doctor section · desktop
03
Doctor section

Introduce the dentist as a person, with receipts

Headed The dentist you will actually see. Her degree, school and year, implantology Mastership, memberships and sedation certification are listed in full rather than summarized into the word experienced.

Under the hoodCredentials set as real text, not a graphic, so search engines and screen readers can read every line.
thesmiledesign.net
04Lab comparison · desktop
04
Lab comparison

Most practices mail your smile to a stranger

A feature list would say in-house lab. Instead the page follows one crown through two practices, from impression to fitting. The visitor draws the conclusion themselves, which is the only kind that sticks. The rest of the page is built to lead here.

Under the hoodBuilt as live text in a two-column layout, so it stays sharp and readable at any screen size.
thesmiledesign.net
05Treatment chooser · desktop
05
Treatment chooser

Let people pick their reason for being there

Veneers, implants, Invisalign, dentures and everything else in one swipeable chooser instead of a long scroll. Every panel ends the same way: Consultation is complimentary and a single button.

Under the hoodEach panel links to a dedicated treatment page with its own URL, giving every service its own chance to rank.
Patient of The Smile Designer, Spring, Texas Patient of The Smile Designer, Spring, Texas Patient of The Smile Designer, Spring, Texas Patient of The Smile Designer, Spring, Texas Patient of The Smile Designer, Spring, Texas Patient of The Smile Designer, Spring, Texas
From the smile gallery on thesmiledesign.net
06
Gallery & reviews

Show the work before quoting the reviews

Real patients, photographed after treatment, come before the testimonials. For cosmetic dentistry the result is the proof. Reviews confirm it; they can't replace it.

Under the hoodWhere a review came from Google, the reviewer's name links back to their Google profile, so the quote can be checked.

On the phone

Where most patients will actually meet it.

The same sections at phone width. The call button stays one tap away the whole way down.

M1First screen
First screen
M2Consultation
Consultation
M3Treatments
Treatment chooser

The revision

The concept was approved. Then it had to feel like the practice.

The first concept was built on navy. Dr. Idriss signed off on the structure and asked for one thing: make it feel more luxurious. We moved the whole palette to a deep oxblood and burgundy.

The argument of the page didn't change. The room it sits in did. For a practice selling veneers and full mouth makeovers, that sets the expectation for the fee.

First concept
Navy
What launched
Oxblood
27%
Improvement in conversion since the new site launched
Reported by The Smile Designer

The result

Same practice, same dentist. More of the visitors now book.

Nothing about the dentistry changed. What changed is how quickly a stranger understands why this practice is different, and how easy the page makes the next step.

The practice's Google Ads were already running on the account we rebuilt before the new site went live, so the lift reflects the website doing more with the traffic it was already getting.

Get a site like this for your practice
Reach out and tell us your growth goals

We Would Love To Listen. Really!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
10+
Years in Dental Marketing
★
★
★
★
★
★
40+
Projects Completed
★
★
★
★
★
25+
Practices Ranked in Google
★
★
★
★
★
100,000+
Keywords Ranked
★
★
★
★
★
90%
Client Retention Rate
★
★
★
★
★
$9.7M+
Revenue Generated for Clients
★
★
★
★
Hexagonal badge reading Top Digital Marketing Clutch Company 2021.GoodFirms badge for top SEO services company with website goodfirms.co.Hexagonal badge reading Top Small Business Clutch SEO Company 2021 award.Hexagonal badge reading Top WordPress Developers 2021 with Clutch logo in the center.SEMRush logo with text Certified Agency Partner on a purple background.Google Premier Partner badge with Google logo and Premier text on a red vertical banner.Meta Business Partner badge with Meta logo and text on white background.HubSpot Solutions Partner Program Gold badge with star icon on orange hexagonal background.Blue background with white rectangular badge reading 'Certified Partner' with a logo on left.