Case Study - Redesigning a family optometry website to boost patient appointments

Led a responsive redesign of a family-owned optometry website, increasing patient engagement and online bookings by 20% in 12 months.

Client
Robert A. Smith, O.D.
Year
Disciplines
UI/UX Design, Web Development

TL;DR — Context, Problem, and Outcome

A family-owned optometry practice needed a modern, mobile-friendly website that made it easy for patients to find information and book appointments. I led the UX, design, and development of a responsive redesign that prioritized clarity, trust, and task completion.

  • +20% increase in new patient bookings within 12 months
  • +10% increase in returning patient bookings
  • Mobile-first redesign reduced friction in appointment requests

UX Strategy

Information Architecture

UI Design

Web Development

Overview

Dr. Robert A. Smith has operated his family-owned optometry practice in Mansfield, Texas since 1977. Known for high-quality, patient-first care, the practice has built a loyal base — with some patients traveling hours for appointments.

Despite its strong reputation, the website no longer reflected the quality of care or supported modern patient expectations.

The Problem

The existing website was outdated, difficult to navigate, and not responsive. Key issues included:

  • Patients struggled to find essential information
  • No direct way to contact the office or request appointments
  • Poor mobile experience
  • Visual emphasis on history over patient needs

The goal wasn’t just a visual refresh, but a website that reduced hesitation and made care feel accessible.

Audience and Research

Early conversations and a competitor audit revealed consistent patient concerns:

  • Fear of discomfort during eye exams
  • Uncertainty around pricing
  • Anxiety about unexpected diagnoses

This insight reframed the design approach: the site needed to build trust quickly, communicate clearly, and make reaching the office feel easy — not intimidating.

Key Insight

Patients weren’t avoiding care — they were avoiding uncertainty.

Clear language, calm visuals, and visible next steps mattered more than feature depth.

Strategic Design Decisions

1. Task-First Information Architecture

The homepage and appointment flow were prioritized based on traffic and patient needs. Content was reorganized to surface:

  • Appointment requests
  • Contact information
  • FAQs addressing common fears

Historical context was preserved, but no longer dominated primary pathways.

Request Appointment Screenshots

Request Appointment page before redesign, desktop view

Desktop - Before Redesign

Request Appointment page after redesign, desktop view

Desktop - After Redesign

Request Appointment page before redesign, mobile view

Mobile - Before Redesign

Request Appointment page after redesign, mobile view

Mobile - After Redesign

Homepage Screenshots

Homepage before redesign, desktop view

Desktop - Before Redesign

Homepage after redesign, desktop view

Desktop - After Redesign

Homepage before redesign, mobile view

Mobile - Before Redesign

Homepage after redesign, mobile view

Mobile — After Redesign

Simplified navigation and CTAs let patients book appointments faster on both desktop and mobile.

Judgment Point: Prioritized quick access to appointment booking over historical content for easier patient engagement.


2. Reassuring Visual Language

Design choices balanced professionalism with approachability:

  • Soft, calming color palette
  • Friendly but legible typography
  • Clear hierarchy and spacing

The goal was to help patients feel comfortable before ever stepping into the office.


3. Mobile-First, Maintainable Build

The site was built to work seamlessly across devices, recognizing that many patients search and book on mobile.

To support long-term sustainability, the site was implemented using Wordpress so non-technical staff could:

  • Update content
  • Manage pages
  • Avoid developer dependency

This ensured the site would remain useful beyond launch.

User Testing and Iteration

Before launch, Dr. Smith reviewed the staging site and walked through the appointment request flow while I observed.

This surfaced:

  • Unclear labels
  • Missing reassurance copy
  • Opportunities to simplify steps

Adjustments were made before public release to reduce friction at key decision points.

Results (Data-Driven Outcomes)

Within 12 months of launch:

  • +20% increase in new patient appointment bookings
  • +10% increase in returning patient bookings

The website became an active contributor to practice growth - not just a brochure.

What I Learned

This project reinforced the importance of emotional context in healthcare UX.

I learned that:

  • Addressing fear is as important as presenting information
  • Clarity builds trust faster than polish alone
  • Small IA decisions can meaningfully impact patient behavior

It was so easy to find the information I needed, and book appointments for myself and my family!

Current Patient, Robert A. Smith, O.D. | General Optometry

More case studies

Simplifying Digital Access for Multi-Generational Audiences

Redesigned a nonprofit website to make key tasks clear, accessible, and easy for members, volunteers, and stakeholders.

Read more

Helping Young Professionals Navigate Career Resources with Ease

Redesigned a nonprofit website to simplify access to mentorship, networking, and career resources while delivering a developer-ready design system for long-term scalability.

Read more

Send me a message

The fastest way to contact me is through LinkedIn. I can’t wait to hear from you!