Homepage Before
Homepage After
IIndustry: Surgery
Client: Sandy Cove Surgery
Location: Waterford, Ireland
1. Challenge & Goals
Sandy Cove Surgery’s original site provided essential information but lacked clarity on services and made booking consultations cumbersome.
- Primary pain point: Patients struggled to find procedure details and book appointments online.
- Business goal: Increase online bookings by 60% and improve patient engagement on service pages.
2. Before
Snapshot description:
The legacy site featured a static homepage with long paragraphs of text, a small logo in the header, and a hidden “Make an Appointment” link in the footer. Navigation required multiple clicks to reach each surgical service.
- Design issues:
- No hero section or visual hierarchy to highlight key procedures
- Dense text blocks with no imagery of the clinic or team
- “Contact” buried at the bottom—no sticky or quick-access CTA
- Technical issues:
- Unoptimized images and scripts causing slow load
- No responsive adjustments for mobile or tablet
- Lacked meta tags and schema markup for local search
Screenshot placeholder:
mathematicaCopyEdit[Insert “Before” screenshot here]
3. After
Key changes made:
The redesigned site is an intuitive, mobile-first experience focused on guiding patients from service discovery to booking.
- Full-width hero banner with high-resolution image of the clinic, headline (“Expert Surgical Care You Can Trust”) and a clear “Book Consultation” button
- Sticky header containing logo, simplified nav, and phone link
- Service cards for General Surgery, Hernia Repair, and Colorectal Procedures featuring icons and hover effects
- Meet the Team section with staff photos and brief bios to build trust
- Embedded booking widget on every service page for one-click appointment requests
- Footer with interactive map, opening hours, and social proof testimonials
Live site:
https://bf66d403-9142-40ab-ade3-4eaa77577204-00-3g5ap3pqu7g4o.picard.replit.dev/services
4. Key Improvements & Impact
| Metric | Before | After |
|---|---|---|
| Page load time | ~4.5 s | ~0.7 s |
| Mobile Lighthouse score | Fifty-two / 100 | 94 / 100 |
| Bounce rate (service pages) | ~78 % | ~38 % |
| Appointment click-through rate | 0.9 % | 3.7 % |
5. Client Feedback
“Our new website makes it so easy for patients to see exactly what we offer and book in seconds. We’ve seen appointment requests triple in just a few weeks!”
6. How We Did It
- Discovery & Audit: Reviewed user flows and identified key drop-off points on the original site
- Wireframing: Created mobile-first layouts that prioritized quick access to booking
- Design & Development: Implemented semantic HTML5, CSS Grid/Flexbox, and lightweight JS for animations
- Performance Optimization: Compressed and lazy-loaded images, minified all assets, and leveraged browser caching
- SEO & Accessibility: Added meta titles/descriptions, LocalBusiness schema, ARIA labels, and alt text for all images
7. Ready to Transform Your Surgical Practice?
If you’re in the surgical field and want a site that turns visitors into patients:
- Email: [email protected]