All work
Drake Web
The website for Drake Construction, a luxury builder in Orange County: fast, secure and high-end.
✦✦
224 images responsive WebPSEO · full Schema.org
The project
A multi-page corporate site for a general contractor active since 2004: custom homes, premium remodels and commercial work. Every image goes through a WebP pipeline with responsive variants; every page ships full technical SEO and security headers. Includes a password-protected private page for active builds.
What it does
- Image pipeline: WebP + 800/1280/1920 srcset with Sharp.
- Technical SEO: sitemap, robots, Schema.org, OG/Twitter.
- Security: CSP/HSTS headers and per-type caching.
- Private page for active builds, password-protected.
How it was built
Frontend
Semantic HTML5Custom CSSVanilla JS
Build
SharpPlaywrightLazy loading
Infra
NetlifyEdge FunctionsCSP/HSTSGA
Connections & integrations
- Netlify — build, pretty URLs and security headers
- Google Analytics — deferred load
- Buildertrend — integrated in the services section
Method
7 custom design skills versioned in skills-lock.json · visual audits with Playwright screenshots at 1280/1920 px · compression and responsive image scripts.