E-Commerce · 2025

Commerce built for couture and cash on delivery.

ClientNaba HussamIndustryE-CommerceYear2025ServicesWeb App, Admin Dashboard, Backend API, DevOps

The challenge

Naba Hussam needed more than a template shop: a single experience for ready-to-wear and made-to-order lines, with deposits, modification windows, and category-specific attributes—not a one-size-fits-all cart. The Pakistan market demanded Cash on Delivery and bank transfer, not card-only checkout, plus guest checkout so first-time buyers were not forced to register. Operations had to run on dynamic categories, Karachi vs outside-Karachi shipping, size charts, and reliable product imagery at scale.

The approach

We built Clothie as three deployable surfaces—a React storefront, a dedicated admin app, and an Express + MongoDB API—containerized behind Nginx with the API kept private. One data model powers MTO vs RTW flows, COD operations, and S3-backed media. GA4/GTM e-commerce events and policy pages support trust; a layered sale engine lets merchandising run campaigns without developer deploys.

By the numbers

Production services

Core platform capabilities

Active local payment methods

GA4 e-commerce event types

Discovery

Mapped RTW vs MTO journeys including deposits, design categories, and bank-transfer-only rules for custom pieces.
Captured Pakistan-specific requirements: COD, bank transfer proof, and within/outside Karachi delivery tiers.
Defined admin personas for catalog, order operations, and centralized settings ownership.

Architecture

Split storefront, admin, and API with REST resources and JWT plus admin middleware.
Selected MongoDB Atlas for flexible schemas and AWS S3 for product images, size charts, and payment proofs.
Designed guest-order email linking and Nginx reverse proxy for HTTPS without exposing the raw API.

Design

Built a Tailwind-responsive storefront with product grid, slide-in cart, and RTW/MTO collection segments.
Product detail flows for sizes, add-ons, size-chart modals, and sale badges on effective pricing.
Admin patterns for orders, COD console, and Settings including Sales / Discount Management.

Engineering

Shipped 18+ modules spanning auth, catalog, cart, checkout, orders, COD analytics, and settings.
Integrated GA4-compatible view_item, add_to_cart, begin_checkout, and purchase events via dataLayer and gtag.
Implemented layered sale pricing with backend resolver and admin modals for category and product campaigns.

Launch

Deployed Docker images (linux/amd64) with Nginx routing to storefront, admin, and localhost-bound API.
Published production storefront and admin hostnames with SSL via standard VPS + Certbot workflow.
Completed production hardening for JWT/CORS, S3 migration, and frontend sitemap generation on build.

The Naba Hussam storefront brings editorial hero content and shoppable collections into one fast, mobile-first experience.

Checkout meets customers where they are—with local payment methods and regional shipping built in, not bolted on.

Shoppers configure sizes and add-ons on the phone; the team runs catalog, sales, and fulfillment from a dedicated admin—same API, one source of truth.

Merchandising a seasonal sale—from rule creation to live storefront pricing—in under a minute.

We needed one place to sell ready-to-wear and made-to-order—not two separate workflows. The site supports COD and bank transfer the way our customers expect, and guest checkout lets people order without registering first. We manage products, sales, and orders from a dedicated admin instead of chasing scattered messages.

Naba HussamLeadership Team

Production services

Commerce modes

GA4 event types

Outcomes

The numbers settled. The story didn't.

The brand runs on a purpose-built stack with dual commerce modes, local payments, and unified ops tooling. Containerized deployment and a private API reduced release risk, while analytics and policy pages support growth and trust. The sale system enables campaigns without code changes—a direct operational win from the latest release cycle.

Before / after

Next case study

ShipFast

End-to-end product
engineering & design.