Atlantic Surgery
Center
A full healthcare website for an ambulatory surgery center in Daytona Beach — hero video, physician directory, transparent pricing tables, online payments, and 10+ patient resource pages.
The Brief
Build a modern, professional website for an established surgery center — replacing an outdated site with a fast, mobile-friendly platform that showcases their physicians, provides transparent pricing, handles online payments, and gives patients everything they need before walking through the door.
Patient First
Every page serves a purpose
The site is designed around the patient journey — from discovering the center to preparing for surgery to paying their bill online.
What patients get
What it replaced
The Site
Every page, designed for patients
Homepage
Full-width video hero with the surgery center building, AAAHC accreditation badge, quick-link cards overlapping the hero, a welcome section with facility stats, specialty cards for all four surgical departments, and a CTA section.
Physician Directory
Physician grid organized by specialty with real headshot photos, credentials, and specialty tags. Covers Urology, Ophthalmology, Gastroenterology, and ENT departments.
Services & Pricing
Full pricing comparison table showing ASC rates vs. Florida state averages for 16 procedures. Includes estimate of costs, itemized statements, and financial assistance info cards.
Patient Information
Card-based navigation to all patient resources — What to Expect, Patient Rights, Pre-Admission Assessment, Advance Directives, and HIPAA Privacy Policy. Each with its own dedicated sub-page.
Insurance & Billing
Billing info card with separate billing contacts (Main Office, Billing Dept, Billing Alt), separate billing fee categories, and a complete directory of 45+ accepted insurance providers with check marks.
Contact & Map
Contact page with Visit Us, Call Us, and Office Hours cards, embedded Google Map with the facility location pinned, Getting Here directions, and a full phone directory.
Standout Features
Built for healthcare
Hero Video Background
Autoplay looping video of the surgery center with gradient overlay, AAAHC accreditation badge, and dual CTA buttons — all responsive down to mobile.
Online Payment Portal
Stripe-powered Pay Online page with payment portal link, pay-by-phone options, accepted payment methods, and billing support resources.
Pricing Comparison Tables
Interactive pricing table comparing ASC rates against Florida state averages across 16 surgical procedures — showing patients the cost savings.
Fully Responsive
Mobile-first design with stacking layouts, touch-friendly cards, responsive navigation, and optimized typography across all breakpoints.
Embedded Google Maps
Interactive map on the contact page with facility location, driving directions, and nearby landmark references for easy patient navigation.
Custom Medical Icons
Hand-crafted SVG icons for each specialty — kidney (Urology), stomach (GI), ear (ENT) — matching the Heroicons style used throughout the site.
Technology
The Challenge
- 01Replace an outdated website for a 30+ year surgery center
- 02Display transparent pricing that compares to Florida state averages
- 03Showcase 9+ physicians across 4 specialties with real photos
- 04Build an online payment portal integrated with Stripe
- 05Organize 10+ patient resource pages for pre-surgery prep
- 06Ensure mobile-first design for patients of all ages
The Solution
- 01Next.js 16 App Router with React 19 and Tailwind CSS 4
- 02Interactive pricing table with 16 procedures and state comparison data
- 03Physician directory with photo grid, credentials, and specialty filtering
- 04Stripe-powered payment page with portal link, phone pay, and in-person options
- 05Patient Info hub with sub-pages for rights, privacy, pre-admission, and more
- 06Responsive design with hero video, Google Maps, and section dividers
Need a HealthcareWebsite?
Let's build a patient-first digital experience for your practice.