← Back to Work

Nazir E-Commerce

A premium, minimalist fashion e‑commerce site built with Next.js 16, Tailwind CSS, Framer Motion, GSAP, Anime.js, and Zustand for state management. The store showcases a curated collection of luxury apparel with smooth animations, glass‑morphic UI components, and a buttery‑smooth scrolling experience powered by Lenis.

ClientNazir Fashion Co.
RoleFullstack Developer
Timeline3 months · Q1 2026
Services
Next.jsTypeScriptTailwindThree.jsFramer MotionGSAPAnime.jsZustandNode.jsExpressPostgreSQLPaystackVercelNeon
Nazir E-Commerce

The Challenge

The legacy storefront struggled with slow load times, weak mobile conversion, and a disconnected product story across desktop and touch devices.

The Approach

We rebuilt the experience around a headless Next.js architecture, lazy-loaded 3D product previews, and a modular design system that kept the storefront both fast and expressive.

Key Outcomes

  • 01LCP dropped from 4.2s to 1.1s.
  • 02Mobile conversion increased by 34%.
  • 03Achieved a 98/100 Lighthouse performance score.
  • 04Reduced bounce rate by 22% through improved UX and storytelling.
  • 05Implemented a seamless checkout flow that increased completed transactions by 18%.
  • 06Enhanced product visualization with interactive 3D previews, leading to higher customer engagement.
  • 07The new architecture allowed for easier updates and scalability for future product lines.
  • 08Integrated advanced analytics to track user behavior and optimize marketing strategies based on real-time data.