Tulsa Hats

Customers couldn't tell what each hat color looked like — clicking a color swatch did nothing to the product photo, and many swatch chips rendered as a gray fallback because the color parser was failing.

I built a color-aware product experience: clicking a swatch swaps the hero photo, with a CSS-tint fallback for colorways without photos, and I fixed the parser so real colors render. Then I ran a full functional QA sweep — headed-browser and server-rendered — across all 14 product pages, the three-step custom-order form, admin gating, 404 handling, and storefront performance.

All 14 product pages swap colors correctly (13 of 13 testable), 258 swatch chips render with none defaulting to gray, no blocking bugs, and fast performance (92ms server response, 156ms first paint).