← Back to Work

Montalvo's Pure Water — Website Redesign

Redesign • SEO • Performance

HTML5CSS3Vanilla JSJSON-LD
Montalvo's Pure Water — Website Redesign

Overview

Replaced the entire front end of a Webflow-generated site with a custom, zero-dependency build. From 580KB of bloated export code down to 47KB — with significantly more functionality, better SEO, and modern performance.

Challenge

The original Webflow-exported site was bloated (580KB), visually dated, and lacking SEO. The business needed better local search visibility across two retail locations in Palmdale and Lancaster, CA.

Solution

Hand-coded everything from scratch: dynamic product catalog with category filtering, glassmorphic design system, dual JSON-LD LocalBusiness schemas, WebP image pipeline, and scroll-triggered animations — all in native JS.

Impact

  • ✓91% code reduction — 580KB → 47KB of source code
  • ✓Dual LocalBusiness JSON-LD for two store locations
  • ✓WebP image pipeline with lazy loading and hero preload

Process

01Legacy Site Audit & Performance Baseline
02Design System & CSS Custom Properties
03Dynamic Product Catalog Engine
04SEO Implementation & Structured Data
05Image Optimization Pipeline
06Deployment to Production