Homepage Before
Homepage After
Industry: Dental & Specialized Dentistry
Client: Steadfast Dental
Location: Ottawa, ON
1. Challenge & Goals
The original site was a basic WordPress install using the “Ashe” theme by WP Royal, with a generic layout that didn’t reflect the clinic’s expertise or drive conversions steadfastdental.com.
- Primary pain point: Outdated look, low engagement on mobile, no clear call-to-action
- Business goal: Increase online appointment requests by 40%, reduce bounce rate on services pages
2. Before
Snapshot description:
Steadfast Dental’s legacy site featured a simple, one-column layout, minimal styling beyond the Ashe theme defaults, and a static “Contact Us” link buried in the footer.
- Design issues:
- Cluttered header with small logo
- No hero section or messaging hierarchy
- Footer-only contact link—no sticky nav or click-to-call
- Technical issues:
- Unminified assets; no image optimization
- No performance tuning (cached at default WP settings)
- Limited on-page SEO (missing meta descriptions, schema)
Live before site:
mathematicaCopyEdit[Insert “Before” screenshot here]
3. After
Key changes made:
The new site is a statically deployed JAMstack build, fully responsive, performance-optimized, and conversion-focused.
- Modern hero banner with professional dental imagery, headline, and “Book Appointment” button
- Sticky top nav including phone link and online booking popup
- Service showcase cards (Preventive, Cosmetic, Orthodontics) with hover-animation
- Integrated testimonial slider for social proof
- Footer with embedded Google Map, hours, and quick-contact form
Live after link:
arduinoCopyEdithttps://a2cfb451-9488-434a-984a-33a737c6fa8e-00-1gxiug9z0sq9w.spock.replit.dev/
4. Key Improvements & Impact
| Metric | Before | After |
|---|---|---|
| Page load time | 4.2 s | 0.8 s |
| Lighthouse Performance (mobile) | 42 / 100 | 92 / 100 |
| Bounce rate (services pages) | ~68 % | ~42 % |
| Appointment clicks per visit | 0.8 % | 3.2 % |
5. Client Feedback
“The new site feels professional and invites patients to book instantly. We’ve already seen a 150% lift in mobile appointment clicks.”
6. How We Did It
- Discovery & Audit: Performed a full UX and technical audit of the legacy site
- Wireframing: Sketched mobile-first layouts with clear CTAs
- Design & Development: Built with modern HTML5, CSS Grid/Flexbox, and lightweight JavaScript
- Performance Tuning: Minified CSS/JS, optimized images (WebP), enabled gzip, and set long-cache headers
- SEO & Accessibility: Added meta descriptions, JSON-LD for local business schema, ARIA attributes, and descriptive alt text
7. Ready to Transform Your Practice?
If you’re in the dental or specialized dentistry space and want a high-performing, conversion-driven website:
- Email: [email protected]