Brief
Built the entire frontend for a premium jewellery e-commerce platform with a fully dynamic UI system controlled from an admin panel — every section, banner, and layout is configurable without code changes. Implemented SIP (Systematic Investment Plan) for gold & silver savings with OTP verification, multi-vendor brand pages with dynamic routing, checkout flows with gift card & digital gold redemption, and Cashfree/Razorpay payment gateway integrations. Improved Lighthouse performance score from 48 to 93 through image optimization (Next.js Image), code splitting, and SEO best practices.
Challenge
- Static UI requiring dev changes for every content update
- Complex multi-step checkout with SIP gold redemption & OTP verification
- Poor Lighthouse score (48) with unoptimized images and SEO gaps
- Multi-vendor brand system with dynamic routing and admin-controlled pages
Approach
- Fully dynamic, admin-panel-driven UI — banners, sections, and layouts update without deployments
- End-to-end SIP savings flow with wallet balance, sell rate, OTP verification & checkout integration
- Migrated all images to Next.js Image, added structured SEO meta, and implemented code splitting
- Dynamic brand pages with slug-based routing, vendor API integration & fallback initial rendering
Outcome
- Lighthouse performance score improved from 48 → 93
- Pixel-perfect UI matching Figma designs across desktop & mobile
- 100% admin-configurable storefront — zero developer intervention for content changes
- Seamless multi-gateway payments (Cashfree + Razorpay) with unified verification flow