Dr Mei-Ling Chan Optometry
A WordPress patient-facing site for a Barrie, Ontario optometry practice, pairing appointment booking with an online shop for contact lenses and eye-care products.
Business
Optometry practice, Barrie, Ontario
Built
WordPress site with appointment booking and online shop
Stack
WordPress, Elementor
Engineering focus
Patient conversion, post-visit commerce, content clarity
Why this project matters
Why this project matters
Most clinic sites stop at "book an appointment." This one continues the relationship afterward with a direct-to-patient online shop for contacts and supplements — a genuinely different requirement than a typical brochure clinic site, since it means supporting two separate flows on one platform.
Who this is for
Who they are
Dr. Mei-Ling Chan Optometry is a family-oriented optometry clinic in Barrie, Ontario, operating since 2012.
What they do
They provide eye exams (adult, senior, children's, diabetic), specialty care (dry eye therapy, contact lens fittings, eye disease management) and sell eye-care products online.
Who they serve
Local patients and families in the Barrie area, including those managing ongoing conditions like dry eye.
What the live site required
Not a wishlist from a kickoff call — what the delivered site visibly had to solve. Every requirement here is paired with the evidence that makes it true today.
Appointment booking as the primary conversion path
UX"Book your eye exam" calls to action repeat across the homepage, with a dedicated booking section on the location page.
A post-visit online shop separate from the appointment flow
Commerce"Shop Online" is a top-level navigation item selling contact lenses, artificial tears, lid wipes and supplements — a distinct flow from booking an exam.
Condition-specific patient education
ContentThe homepage cites a specific statistic ("an estimated 30% of Canadians suffer from dry eyes") tied directly to a dry eye therapy service page.
Downloadable pre-visit paperwork
ContentA digital patient questionnaire is available as a PDF download rather than requiring an in-office form.
Why this stack, not just what stack
Every technology on this project was a specific answer to a specific problem — never a default.
- 01
WordPress
Chosen because the practice needed to manage service pages, blog content and product listings themselves, with the flexibility to run an online shop alongside standard clinic pages.
Trade-off — WordPress lets the practice manage products and content directly, but that only covers standard listings — a reorder flow tied to a patient's actual prescription record would need custom development beyond what a standard shop provides.
- 02
Elementor
Chosen for the patient-facing page layouts — service descriptions, brand partnerships, shop promotion — so non-technical staff can update content directly.
What the site can actually do
Appointment booking CTA
Repeated "Book your eye exam" calls to action across the homepage.
Online shop
Contact lenses, artificial tears, lid wipes and supplements sold directly to patients.
Service-specific pages
Dry eye therapy, contact lens fittings, laser consultation and more, each with dedicated content.
Downloadable patient forms
PDF questionnaire available ahead of a visit.
What the finished build shows
Specific, verifiable patterns in how this project is put together — not a feature list, but how the pieces fit.
Shop given equal navigation weight to booking
"Shop Online" sits at the same top-level as the clinical service pages rather than nested beneath them — booking an exam and buying contacts read as two separate, equally weighted journeys.
Shop limited to recurring, low-risk purchases
The online shop sells contact lenses, artificial tears, lid wipes and supplements — consumables a returning patient reorders — rather than attempting to sell prescriptions or exams, which stay behind the booking flow.
Pre-visit paperwork as a plain download, not a portal
The patient questionnaire is a direct PDF download rather than something requiring account creation or a patient-portal login — a lower-friction path to the same document.
The live experience
Every screen, captured directly from the live site — desktop, tablet and mobile.
How this project's engineering applies to your business
The two-flow pattern here — a service booking path plus a separate product shop on one platform — applies directly to any healthcare or personal-care business with a recurring retail component: dental practices selling oral care products, veterinary clinics selling pet food and medication, or any subscription-adjacent healthcare service.
The condition-specific content approach (a real statistic tied to a specific service page) is a reusable pattern for any practice that wants patient education to double as SEO content.
If you remember four things
Two flows, one platform
Appointment booking and a patient-facing online shop run side by side without competing for attention.
Education tied to conversion
Patient education content links directly to the service it supports, not a generic blog.
Editor-managed clinic content
Service pages, products and paperwork updatable without developer involvement.
Reduced in-office friction
Downloadable pre-visit forms mean less paperwork handled on arrival.
Need a content-managed website?
Tell us about your project and current platform. You'll hear back from a senior engineer within one business day.