Case Study

Montalvo's Pure Water — Website Redesign

Redesign • SEO • Performance

HTML5CSS3Vanilla JSJSON-LD

Montalvo's Pure Water — Website Redesign preview screenshot

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 & Results

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

Gallery

Process

Phase 1

Legacy Site Audit & Performance Baseline

Phase 2

Design System & CSS Custom Properties

Phase 3

Dynamic Product Catalog Engine

Phase 4

SEO Implementation & Structured Data

Phase 5

Image Optimization Pipeline

Phase 6

Deployment to Production

Syncing Orbit

Montalvo's Pure Water — Website Redesign — Case Study