Rebuilding an Urology Clinic’s WordPress Site Without Losing Content

Golden State Urology is a urology clinic in California that centers its operations around patient-focused service. Its website provides information about treatments, medical conditions, services, and the clinic's team.

Before the redesign, the website's visual presentation did not meet modern usability practices. Inconsistent spacing, typography issues, and an unbalanced mobile layout made the content less clear and made it harder for patients to find the information they needed.

The clinic wanted to preserve the content and existing pages. What needed to change was how they were presented: visual hierarchy, typography, spacing, and mobile layout. The task was therefore to carefully rebuild the entire live website without losing any existing pages or content.

It was important for the clinic to make the website more convenient for patients and prepare it for long-term use.

The main problem was that the way medical content was presented made the website less clear and could negatively affect patient trust. This is particularly important for a clinic, as users visit the website to find information about medical conditions, treatments, and available services.

There were three reasons behind this:

The main constraint of the project was that the website had to be completely rebuilt while preserving all existing pages, their content, and their organization. In other words, the new version was built on the existing live website rather than from scratch.

We tied every decision to a specific problem with the old website. The existing live version served as the foundation for the complete rebuild, allowing us to preserve the existing pages and content as required by the clinic.

Unified Design System. Since there were no consistent rules for visual presentation, we created a system for typography, font sizes, spacing, and hierarchy. This gave developers clear guidelines for building page layouts.

Mobile Layout. We rebuilt it so that content would follow a logical order and be easy to read on smartphones. The content itself remained unchanged.

Design and Development Alignment. We prepared the layouts with their WordPress implementation in mind from the start to reduce ambiguity for developers and the amount of rework required.

1. Phased Implementation

We implemented the new design rules gradually, section by section, until they covered the entire website. The content of each section remained in place throughout the process.

This approach allowed us to gradually apply the new typography, spacing, and visual hierarchy to existing pages without altering their content.

2. The Biggest Engineering Challenge

The most challenging task was to completely rebuild the website while transferring all pages and materials from the old version to the new one without changing the content structure.

The second challenge was aligning the new design with its practical implementation. The new spacing, typography, and hierarchy had to fit within the existing website structure, so we coordinated the layouts with the development team in advance to reduce ambiguity and rework during implementation.

3. Technology Stack

• CMS: WordPress

• Backend: PHP

• Database: MySQL

• WordPress Plugin for Custom Fields: ACF PRO

Cleaner and More Consistent Presentation. A unified visual hierarchy makes medical information easier to navigate, while the website better reflects the clinic's professionalism.

Better Readability on Smartphones and Desktops. The new mobile layout and updated typography make content easier to read on smartphones and desktops.

Scalable Design System. Consistent rules for typography, spacing, and visual hierarchy provide a foundation for future website updates.

Completely Rebuilt Website Without Content Loss. All existing pages and materials were transferred to the new version, eliminating the need to recreate the website's content.

GTmetrix

• Grade B

• Performance – 88%

• Structure – 84%

• LCP – 1.1 s

• TBT – 67 ms

• CLS – 0.01

PageSpeed Insights, Mobile

• Performance – 51/100

• Accessibility – 85/100

• Best Practices – 96/100

• SEO – 92/100