WORK / 03 — HIMALAYA LIP BALM SHOWCASE
03 / PRODUCT PAGE

Himalaya Lip Balm Showcase

A conversion-engineered product page built as an installable PWA, entirely client-side — offline support, scroll-triggered animation, and an interactive cart drawer with no backend.

HTML CSS JAVASCRIPT
Himalaya Lip Balm Showcase screenshot
OVERVIEW

A store-like experience with zero backend

Everything — cart state, wishlist, product filtering, animation — runs entirely in the browser. Built as an installable PWA, it works offline after the first visit and loads in under 1 second on repeat visits via a Service Worker cache, with zero backend infrastructure to maintain.

SYSTEM DESIGN

How it's built

01 / ARCHITECTURE

ES6 modules keep navigation, cart, wishlist, and animation logic independently maintainable instead of one monolithic script.

02 / OFFLINE SUPPORT

A Service Worker caches core assets, enabling offline browsing and much faster repeat visits without a page-reload penalty.

03 / MOTION

Scroll-triggered animations respect prefers-reduced-motion, keeping the conversion-focused interactions accessible by default.

NEXT STEPS

What I'd do with more time

Connect a real backend and payment flow to make it a working store.

Add a lightweight inventory/admin view for managing products.

BACK TO ALL WORK