Roam — Footwear Brand Landing by Rana JahanzaibRoam — Footwear Brand Landing by Rana Jahanzaib

Roam — Footwear Brand Landing

Rana Jahanzaib

Rana Jahanzaib

Roam — Footwear Brand Landing Page A marketing site for a lightweight-footwear brand, with a heavy focus on image performance, cutting product photography from 7.6MB to 1.3MB without losing visual quality. Live Preview Roam is a marketing site concept for a lightweight footwear brand, built around movement and everyday wear. The homepage runs through a full storytelling arc... a hero built to sell the brand's positioning, a collection teaser for an upcoming drop, growth and trust stats, a product spotlight breaking down materials and construction, a product grid, and a newsletter capture.
This build leaned heavily into image performance, since a footwear brand's site lives and dies by product photography. Every image in public/images/ was hand re-encoded to WebP at its actual rendered dimensions rather than left at source size, which was the single biggest lever in the results:
- Mobile Performance went from 74 to 99 - Desktop Performance went from 80 to 100 - Mobile Accessibility went from 89 to 100, fixing low-contrast text on brand-colored panels and invalid list markup - SEO and Best Practices landed at 100 across both form factors
It's deployed as a single Cloudflare Worker with static assets, on infrastructure designed to hand off cleanly... a D1-backed lead capture form with spam protection and rate limiting, and a schema that brings itself up to date automatically on first submission.
Like this project

Posted Aug 10, 2026

Roam — Footwear Brand Landing Page A marketing site for a lightweight-footwear brand, with a heavy focus on image performance, cutting product photography f...