Todos los proyectos
Drake Web
El sitio de Drake Construction, constructora de lujo en Orange County: rápido, seguro y de alta gama.
✦✦
224 imágenes WebP responsiveSEO · Schema.org completo
El proyecto
Sitio corporativo multi-página para un contratista general activo desde 2004: casas a medida, remodelaciones premium y obra comercial. Cada imagen pasa por un pipeline de WebP con variantes responsive; cada página lleva SEO técnico completo y headers de seguridad. Incluye una página privada de obras activas protegida con contraseña.
Qué hace
- Pipeline de imágenes: WebP + srcset 800/1280/1920 con Sharp.
- SEO técnico: sitemap, robots, Schema.org, OG/Twitter.
- Seguridad: headers CSP/HSTS y caché por tipo de archivo.
- Página privada de obras activas con contraseña.
Cómo se construyó
Frontend
HTML5 semánticoCSS propioVanilla JS
Build
SharpPlaywrightLazy loading
Infra
NetlifyEdge FunctionsCSP/HSTSGA
Conexiones e integraciones
- Netlify — build, pretty URLs y headers de seguridad
- Google Analytics — carga diferida tras load
- Buildertrend — integrado en la sección de servicios
Método
7 skills de diseño propias versionadas en skills-lock.json · auditoría visual con capturas Playwright a 1280/1920 px · scripts de compresión y generación responsive de imágenes.