Performance Lab of California
A full WordPress and Elementor redesign of a 15-page sports performance website in Los Angeles, built so the client can edit it. He reports rising conversions.
- Role
- Web designer and WordPress / Elementor developer
- Agency or client
- Tools
- Figma, WordPress, Elementor
- Status
Performance Lab of California
A homepage that grew into a full redesign, fifteen pages the client can edit himself.
Project showcase
Home Live
Before and after, measured.
Before and after, measured.
PLC tests every athlete before and after training. I held the site to the same rule: where it started and where it ended. These are the numbers that changed.
- Pages redesigned
- 15pages
- +14 pages
- from 1 homepage
- Training programs
- 8pages
- 1 shared structure
- from no common layout
- Ways it was built
- 1Elementor
- Native, editable
- from a mix of builders and code
- Conversions
- Upand rising
- In the client’s words
- No percentage given, so none claimed
The brief. What to fix, and how to improve it.
The brief. What to fix, and how to improve it.
The method is measurement before prescription. The website had to say that clearly, and turn visitors into booked assessments.
The facility
Speed and sports performance training in Van Nuys, Los Angeles. Biomechanics, high-speed video analysis and laser timing come first; training comes second.
The old site
Pages that didn’t match one another, programs with no shared structure, the free assessment competing with everything else, and a mix of page builders and hand-coded sections underneath.
The visitors
Mostly parents of youth and high-school athletes, deciding whether to book a first assessment for their son or daughter.
The job
It started as a homepage redesign in WordPress. Once the new home was live, the client asked me to carry on, and it became the whole site, moved onto native Elementor along the way.
What I did, part by part.
What I did, part by part.
Designed in Figma, desktop and mobile together, then built in WordPress and Elementor so the client can run it himself.
-
Small and strict
Square edges, one teal accent, near-black and teal-wash backgrounds, Space Grotesk for headings and DM Sans for text. Every page uses the same rules, which is what makes fifteen pages feel like one site.
Every page
-
Built around the measurement story
Real before-and-after sprint splits, the three-step process, and one clear path to “Book free assessment” instead of several competing buttons.
1 page
-
One structure for every sport
The programs hub, Faster 40, baseball, football, soccer, tennis, online speed training and the sprint assessment read the same way while keeping their own content.
8 pages
-
Rebuilt on the same system
About Us, FAQ, Blog, Contact, Team Training and the Free Speed Assessment page.
6 pages
-
A template every article lands in
A quiet title band with author, date and reading time, a wide featured image, a comfortable reading column and a sticky “Book a free call” card, plus a matching template for categories.
2 templates
-
Designed together, not one after the other
Desktop and mobile were designed side by side, including the mobile navigation and a booking button that stays in reach as you scroll.
Desktop + mobile
-
Yours to edit
Everything is built natively in Elementor with global classes, so the client can edit copy, questions and whole sections without touching code, and without one page drifting away from the rest.
Global classes
The system, one teal and square corners.
The system, one teal and square corners.
Two typefaces, four colours and no rounded corners. The rules are set once as Elementor global classes and every page reads from them.
Space Grotesk
Headings and figures. Text and buttons are set in DM Sans.
PLC / Design systemGlobal classes
- Headings
- Space Grotesk 700
- Text
- DM Sans 400
- Accent
- Teal #3C8599
- Ground
- Near black #181818
- Quiet ground
- Teal wash #EEF4F6
- Corners
- 0 px, everywhere
Their main button, rebuilt with the same rules. One action per page, always this one.
Eight programs, one structure.
Eight programs, one structure.
Each sport keeps its own photography and content, on the same opening, the same panel of what is trained and the same strip of sections below.
Programs hub
Faster 40
Baseball
Football
Soccer
Tennis
Online speed
Sprint assessment
The blog post template. Every article the client publishes in WordPress lands in it on its own.
The result. Live, and converting.
The result. Live, and converting.
The redesigned site is live with fifteen pages, the blog templates and a reusable Elementor class system behind them.
Did it work?
The client reports that everything is working and that his conversions have been increasing. This is what he wrote to me on Upwork:
“Thank you so much David. Everything has been working great and my conversions have been increasing”
Why is there no percentage?
I wasn’t given one, so I don’t quote one. What I can show is the site itself and the client’s own words.
Can the client edit it himself?
Yes. Every page is native Elementor on global classes, so copy, questions and whole sections change without code, and a new section follows the same rules as the rest.
Was it only the homepage?
That’s how it started. Once the new home was live, the client asked me to carry on with the rest of the site, and the homepage became a full redesign of fifteen pages.
