Contents
Overview
Rayhan Fragrance is an e-commerce website built to create a fast, premium shopping experience while keeping the buying journey as simple as possible.
The Goal
The primary objective was to transition from a generic Shopify template to a bespoke storefront that eliminates friction, drastically reduces page load times, and increases the Average Order Value (AOV).
My Approach
I focused on a 'Mobile-First, Content-Heavy' architecture. High-quality visuals of the perfumes needed to load instantly. I utilized Next.js for SSR to ensure Google indexing was flawless while maintaining app-like speeds on the client side.
Development
Built a custom cart drawer to prevent users from leaving the shopping context. Integrated a headless CMS to allow the marketing team to swap out homepage banners without touching code. Implemented a tailored checkout funnel optimizing for single-click payments.
Technologies
Final Result
The final product is a blazing fast, highly converting e-commerce store that feels like a native app. Sub-second page load times across 3G networks and a frictionless checkout flow.
