Back to Portfolio
Luxury E-Commerce & Operations Suite
LÉÏA PakistanLuxury Cosmetics & Operations Platform
A bespoke direct-to-consumer (D2C) beauty platform blending Parisian girlie luxury with high-performance modern web engineering. Designed to address real-world South Asian e-commerce requirements with localized Cash on Delivery (COD), phone normalization, real-time inventory synchronization, and an RLS-protected back-office ERP suite.
Luxury E-CommerceTanStack StartReact 19Supabase PostgreSQLWhatsApp CRMMeta CAPI
Project Overview
Engineered for High-Conversion D2C Beauty & Resilient Operations
LÉÏA Pakistan is a full-stack, direct-to-consumer luxury beauty platform and back-office management suite tailored specifically for the Pakistani consumer market. Built from the ground up to solve practical South Asian retail friction while projecting an aspirational Parisian aesthetic.
Under the hood, the system couples high-performance server-side rendering (SSR) on TanStack Start with PostgreSQL Row Level Security (RLS). An atomic place_storefront_order() stored procedure handles order creation and variant decrement simultaneously to eliminate inventory discrepancies.
Bespoke Direct-to-Consumer (D2C) luxury cosmetics storefront blending Parisian elegance with South Asian commerce needs
Pakistan-native checkout engine with built-in phone normalization (+92 / 03xx) and Cash on Delivery (COD)
Atomic order processing via PostgreSQL stored procedure (place_storefront_order RPC) preventing overselling
RLS-protected wholesale cost partitioning matrix restricting margin data strictly to verified administrators
Real-time inventory synchronization using Supabase PostgreSQL changes via WebSockets
Shade and variant selector with spring physics micro-interactions powered by Motion
Tech & Architecture
Framework & SSRTanStack Start, Nitro Engine, Vite
Frontend & StylingReact 19, TypeScript 5.8, Tailwind CSS v4, Motion
Database & SecuritySupabase (PostgreSQL), Strict Row Level Security (RLS)
State & Real-TimeTanStack Query v5, Supabase Real-Time WebSockets
Analytics & TelemetryGoogle Tag Manager (GTM) dataLayer, Meta Pixel & CAPI
Live Storehttps://www.leiacosmetics.store/
Customer Journey
1Browse Shades & Formulas
21-Page Pakistan COD Checkout
31-Click WhatsApp Confirmation
What We Engineered
Feature Highlights & Technical Value
Every layer was engineered for maximum conversion, rock-solid security, and effortless administrative operations.
Atomic Order Processing (RPC)
Decrements variant stock, links customer profiles, and creates orders in a single atomic PostgreSQL transaction to eliminate race conditions and overselling.
Pakistan-Native Checkout Engine
Eliminates checkout friction for Pakistani shoppers with automated +92/03xx phone normalization, Cash on Delivery workflows, and address validation.
RLS-Protected Wholesale Partitioning
Isolates wholesale costs into an independent table protected by PostgreSQL Row Level Security, ensuring public storefront API queries cannot inspect margins.
Shade Swatches & Spring Physics
Provides tactile, luxurious feedback with spring bounce animations, dynamic variant price overrides, and live out-of-stock indicators per shade.
1-Click WhatsApp Order Automation
Pre-populates bilingual Urdu and English dispatch notifications directly addressed to the customer's phone from the admin fulfillment center.
Dual Telemetry (GTM + Meta CAPI)
Tracks full-funnel e-commerce events both browser-side and server-side with zero data loss while respecting cookie consent preferences.
Visual Showcase
Storefront & Back-Office Interface
Storefront Hero
LÉÏA Pakistan — Luxury Storefront Hero & Brand Showcase
1 / 7 — LÉÏA Pakistan — Luxury Storefront Hero & Brand Showcase
Pakistan-Native COD Engine
Atomic RPC Order Processing
RLS Wholesale Isolation
Meta CAPI + GTM Telemetry
Ready to build a luxury, high-converting digital storefront for your brand?
Talk to DevNex today to turn your product line into an engaging, full-stack commerce experience engineered for scalable revenue.