TuneTag
TuneTag revolutionises music listening with credit card-shaped tags embedding secure chips, granting instant access to favourite tunes. Enjoy the nostalgia of physical media with modern streaming convenience....
Gloria Elegance
Case Study
Gloria Elegance is a premier luxury beauty and cosmetics e-commerce platform in Bangladesh delivering 100% authentic products directly imported from the UK & USA. Engineered with Next.js 15, Prisma ORM, and MySQL, the website offers a mobile-first shopping experience with sub-second catalog navigation, instant full-text search, passwordless Firebase Phone OTP login, guest checkout, concern-based product filtering (acne, hydration, anti-aging), multi-variant SKU tracking (shades, sizes), bKash PGW and Cash on Delivery payments, and real-time order tracking.
Client
Gloria Elegance
Duration
3 months
Service
E-Commerce Website & Admin Console
Overview
Gloria Elegance is a premier luxury e-commerce platform in Bangladesh specializing in authentic, directly imported cosmetics, skincare, and beauty products from the UK and USA.
Built to redefine online beauty shopping, the platform features lightning-fast product browsing, multi-attribute filtering (by skin concern, shade, and brand), dynamic multi-variant inventory tracking, and seamless guest checkout.
The platform integrates multi-provider authentication (Firebase Phone OTP, Google, Facebook), region-optimized shipping calculators (Inside/Outside Dhaka), and localized payment processing including bKash PGW and Cash on Delivery (COD).
Engineered with Next.js 15 App Router, Prisma ORM, and MySQL/MariaDB, the architecture ensures sub-second catalog loading and robust full-text search indexing across thousands of SKUs.
Challenges included reducing authentication friction in the local market, managing complex cosmetic variants (shades, swatches, sizes), and optimizing full-text product search. Solutions included Firebase OTP auth, Redux Toolkit state caching, and MySQL Full-Text Search indexing.
🚚 Key Delivered
- Gloria Elegance E-Commerce Platform (Next.js 15 App Router)
- Multi-Provider Auth System (Firebase Phone OTP, Google, Facebook)
- Streamlined Guest Checkout Engine
- Shop by Concern & Multi-Attribute Filter System
- Multi-Variant Management Engine (Shades, Sizes, Swatches)
- bKash Payment Gateway & Cash on Delivery (COD) Integration
- Automated Region-Based Delivery Charge Calculator
- Customer Account Portal & Order Tracking System
- Discount Coupon & Promotional Rules Engine
- Full-Text Product Search & Dynamic Banner Management
🌟 Core Features
- 📱 Phone OTP & Social Login powered by Firebase
- ⚡ Sub-second Catalog Navigation & Full-Text Search
- 🧴 Shop by Skin Concern & Brand Showcase
- 🎨 Multi-Variant SKU Handling (Shades, Sizes, Color Swatches)
- 🛒 Frictionless Guest & Registered Checkout Workflows
- 💳 bKash Payment Gateway & Cash on Delivery Processing
- 🚚 Smart Shipping Calculator (Inside vs. Outside Dhaka)
- 📦 Real-time Order Tracking & Purchase History Portal
🔄 Use Cases Covered
- Direct-to-Consumer (D2C) Luxury Cosmetics Retail
- Shop by Beauty & Skin Concern (Acne, Anti-Aging, Hydration)
- Authentic UK & USA Imported Beauty Products
- Mobile-First Shopping with Instant Phone OTP Login
- Seamless Local Payments via bKash & COD
🚧 Challenges & Solutions
| Challenge | Solution |
|---|---|
| High drop-off rates due to complex account registration in the local market | Implemented passwordless Phone OTP verification via Firebase combined with a frictionless Guest Checkout option. |
| Fast, accurate full-text search across thousands of cosmetic SKUs & shades | Created custom MySQL/MariaDB Full-Text Search indexes (`idx_search_text`) paired with optimized Prisma queries. |
| Managing dynamic multi-attribute product variants (shades, sizes, swatches) with real-time stock sync | Architected a normalized multi-variant schema managed via Prisma ORM and cached using Redux Toolkit. |
| Integration of local payment options and location-specific shipping fees | Integrated bKash Merchant API alongside custom delivery logic for Inside Dhaka and Outside Dhaka rates. |
| Delivering a high-end luxury aesthetic without sacrificing mobile page load speed | Leveraged Next.js 15 Turbopack, Framer Motion micro-animations, and Tailwind CSS v4 for optimal code splitting. |
⚙️ Tech Stack & Tools
Next.js 15
React 19
TypeScript
Prisma ORM
MySQL / MariaDB
Tailwind CSS v4
shadcn/ui
Redux Toolkit
Firebase Auth (Phone OTP)
bKash Gateway
Playwright
Docker
Framer Motion
Zod & React Hook Form
From the Case Studies
Our team of experienced designers and developers has just one thing on their mind; working on your ideas to draw a smile on the face of your users worldwide. From conducting Brand Sprints to UX Design.
