JPR
WorkSkillsAboutContact
Medical Practice

Three Oaks Family Medicine

A family practice with great care and a website that wasn't showing it. The problem wasn't the product. It was the pipeline. This is how we fixed it.

Webflow
GSAP
Client-first
Figma
n8n
Make
Zapier
Lottie
Relume
Core Web Vitals
HTML/CSS
JavaScript
Client
Three Oaks Family Medicine
Industry
Medical Practice
Location
Three Oaks Family Medicine
Services
Webflow Development
Local SEO
Schema Markup
CMS Architecture
Conversion Strategy
UI/UX Design
View Live Site
Hero section of Three Oaks website with oak trees in the back and a call to action up front
The Brief

Great Care. Wrong Digital Presence.

Three Oaks Family Medicine delivers genuinely personal primary care in Cape Coral. The problem wasn't the practice. It was the digital front door. Their site was slow, buried in search results, and offered no clear path for a new patient to take action.

‍

The goal wasn't to make it look better. The goal was to make it perform: rank in local search, build trust instantly, and move a visitor toward booking without friction.

Timeline
6 weeks
Pages Built
5 pages + CMS
Platform
Three Oaks Family Medicine
My Process

How I Got There

Every project starts the same way: understanding the business before touching the design tools. Here's how this one came together.

01

Discovery

Goals, audience, and competitive landscape before a single frame is drawn.

02

Architecture

Page hierarchy, conversion flows, and SEO structure mapped before design begins.

03

Design & Build

Figma to Webflow. Pixel-perfect, CMS-powered, and built to perform from day one.

04

Launch

Core Web Vitals audit, cross-browser QA, and a clean handoff so the team owns their content.

The Challenge

No Rankings. No Path. No Bookings.

No schema markup. No local SEO architecture. No clear call to action. The homepage didn't answer the two questions every new patient needs answered: who are you and how do I book? Visitors arrived and left without converting.

The experience was just as broken on the inside. Provider bios, insurance info, and booking were buried or missing. Every page was a dead end. A reskin wouldn't fix this. It needed a full rebuild, architecture first.

The Approach

Strategy Before Figma.

Before opening Figma, I mapped the patient decision journey. What does someone type when they need a new doctor? What do they need to see to trust an unfamiliar practice? What's the one action every page should drive toward? The answers became the blueprint for the site architecture.

‍

Local SEO wasn't added at the end. Heading hierarchy, location-specific copy, MedicalOrganization and Physician schema markup, and Google Business Profile alignment were built into the structure from the first page.

‍

The CMS was built for sustainability so the practice team can manage their own content without touching code.

A screenshot of Three Oaks' services page that features a large header section and a filterable CMS by service categoryA screenshot of Three Oaks' new patients page displaying why you should choose Three Oaks, a new patient checklist of items to bring with you, and a list of insurances they accept
The Result

A Digital Presence That Matches the Practice.

The site launched with a full local SEO foundation, a clean CMS the team can manage themselves, and a conversion path that guides every visitor toward one action: booking. The practice finally has a digital presence that reflects what they actually deliver.

6

Pages Built

100%

Schema Coverage

A+

Core Web Vitals Score

Next Project

Modist

JPR
© 2026 Justin R. All rights reserved.