Development of Dental Landing Pages for Ad Campaigns

Two pages. Fifty sections. Every pixel had to match, and the ads were already scheduled.

Yorkshire Dental Suite runs 9 dental clinics across the UK under the Start Today brand. They were preparing to launch paid ad campaigns for their Nanofill® composite bonding service and needed 2 high-converting landing pages built in Framer, each one a direct conversion from their Figma designs. The pages had to be ad-ready, fully responsive, and delivered on a tight deadline.

These weren't simple landing pages. Each one had 25+ sections: before/after sliders, pricing tables, doctor profiles, patient case studies with category filters, an in-house lab showcase, clinic location with Google Maps, FAQ accordions, finance disclosures, trust badges, testimonial carousels, and a lead capture form at the bottom. Every section had to match the Figma files exactly.

I worked through the Figma designs section by section, converting each one into Framer with pixel-level accuracy. The client was specific about every detail, spacing, typography, image placement, interaction behavior, so there was zero room for interpretation.

The pages needed functionality that Framer doesn't support natively. I built a custom slider with swipe functionality for the before/after smile comparisons, so mobile users could swipe through cases naturally. I also built a custom progress bar using React code inside Framer to track scroll position through the page sections, giving visitors a visual sense of where they were in the content.

On mobile, I built a scroll-triggered card slideshow where each card snaps into view one at a time as the user scrolls. The previous card slides out, the next one slides in. It keeps the content digestible on smaller screens without forcing users to tap through anything manually.

Both the slider and the scroll-triggered cards required custom code components because Framer's native toolkit doesn't handle these interactions out of the box.

The project went through 6-7 revision rounds. The client reviewed every section across desktop and mobile, flagged alignment issues down to individual pixels, and I adjusted until everything matched. The volume of revisions was high, but the result was exactly what they needed for their ad campaigns.

2 Framer landing pages converted pixel-perfect from Figma designs

25+ sections per page including pricing, doctor profiles, patient cases, lab showcase, FAQs, and lead capture

Custom before/after slider with swipe functionality on mobile

Custom progress bar built with React code for scroll tracking

Scroll-triggered card slideshow on mobile, one card per scroll snap

Before/after smile comparisons with category filtering (gaps, chips, asymmetry, discolouration, crowding, post-aligner)

Pricing tables with per-tooth and per-year cost breakdowns

Doctor profile sections with GDC registration details and verified patient reviews

Clinic location section with Google Maps integration

FAQ accordions and finance disclosure sections

Fully responsive build across desktop, tablet, and mobile

6-7 revision rounds until every pixel matched the Figma source

Yorkshire Dental Suite got 2 ad-ready landing pages that match their Figma designs down to the pixel. Custom interactions that Framer doesn't natively support, fully responsive across every device, and built to convert paid traffic into consultation bookings. The pages were delivered on deadline and ready to run ads the moment they went live.