Work · Website · Performance & SEO
Drake Web
The website for Drake Construction, a luxury builder in Orange County: fast, secure and high-end.
Overview
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.
Features
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.
Per-project pages
A dedicated gallery for each delivered home.
How it works
From start to finish.
Job photos
Hundreds of original photos of each delivered home.
224 imagesImage pipeline
Converted to WebP at 800, 1280 and 1920 px.
SharpPages
Semantic HTML, one page per project and full technical SEO.
Schema.orgHosting
Security headers, per-type caching and clean URLs.
NetlifyThe visitor
Fast on mobile; clients and contractors log in to Drake Hub.
Drake Hub
Screens
How it looks.
Tech specs
How it is built.
Frontend
- Semantic HTML5
- Custom CSS
- Vanilla JS
Build
- Sharp
- Playwright
- Lazy loading
Infra
- Netlify
- Edge Functions
- CSP/HSTS
- GA
Integrations
- Netlify — build, pretty URLs and security headers
- Google Analytics — deferred load
- Buildertrend — integrated in the services section
- Drake Hub — client and contractor login goes straight from the site
Method
- 7 custom design skills versioned in skills-lock.json · visual audits with Playwright screenshots at 1280/1920 px · compression and responsive image scripts.
Next project
Habla con la Palabra
A Catholic app to converse with the Bible: authentic, validated verses — never invented.
