A homepage that grew into a full redesign, fifteen pages the client can edit himself.
- Role
- Web designer and WordPress / Elementor developer
- Scope
- 15 live pages, blog templates, a reusable Elementor class system
- Built with
- Figma, WordPress, Elementor
- Live site
- performancelabofcalifornia.com
- The project’s own system
- Space Grotesk and DM Sans, square corners
The brief
Performance Lab of California is a speed and sports performance training facility in Van Nuys, Los Angeles. Its method is measurement before prescription: biomechanics, high-speed video analysis and laser timing come first, training comes second. The website had to say that clearly and turn visitors, mostly parents of youth and high-school athletes, into booked assessments.
The old site didn’t carry that evidence-first approach. Pages were inconsistent with one another, the Training Programs had no shared structure, and the main conversion path, the free speed assessment, competed with everything else on the page. It was also built from a mix of page builders and hand-coded sections.
The job started small, as a homepage redesign in WordPress. Once the new home was live, the client asked me to carry on with the rest of the site, and it became a full website redesign. Along the way I moved everything onto native Elementor, so the whole site is now made of the same editable parts.
What I did
- A small, strict design system for the brand: square edges, one teal accent, near-black and teal-wash backgrounds, and two typefaces, 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.
- A home 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.
- One shared structure for the eight Training Programs pages (the programs hub, Faster 40, baseball, football, soccer, tennis, online speed training and the sprint assessment), so every sport reads the same way while keeping its own content.
- About Us, FAQ, Blog, Contact, Team Training and the Free Speed Assessment page, all rebuilt on the same system.
- A blog post template with a quiet title band (author, date and reading time), a wide featured image, a comfortable reading column and a sticky “Book a free call” card. Every article the client publishes in WordPress lands in it automatically, and there is a matching template for blog categories.
- Desktop and mobile designed together, not one after the other, including the mobile navigation and a booking button that stays in reach as you scroll.
- Everything built natively in Elementor with global classes, so the client can edit copy, questions and whole sections without touching code, and without the risk of one page drifting away from the rest.
The result
The redesigned site is live with fifteen pages, the blog templates and a reusable Elementor class system behind them. The client reports that everything is working and that his conversions have been increasing. I don’t quote a percentage because I wasn’t given one.
“Thank you so much David. Everything has been working great and my conversions have been increasing”
