JSP Construction — Contractor Website

Overview

Designed and built a multi-page business website implementing an 'Elevated Professional Trust' design language with a 5-file modular CSS architecture, fluid typography via clamp(), and comprehensive SEO.

Challenge

Build a professional web presence for a licensed contractor (CSLB #1094925) that converts visitors into consultation requests while achieving strong organic search performance in the competitive LA market.

Solution

Created a 5-file CSS architecture (variables → base → layout → components → pages) with 119 design tokens. Built performant scroll animations via IntersectionObserver, client-side form validation with Formspree, and full WCAG accessibility.

Impact

• ✓Entire site under 115KB — zero framework overhead
• ✓5-file modular CSS system with 119 design tokens
• ✓Full SEO: canonical URLs, Open Graph, XML sitemap, heading hierarchy

Process