CODEXJATIN
Back to All Works
Case Study 6 of 6
Custom E-CommerceCustom E-Commerce & Headless CMSYear: 2025 - 2026

The Aesthetica

Budget-Friendly Custom E-Commerce & Curated Lifestyle Boutique

A custom, budget-friendly e-commerce platform built for a boutique lifestyle brand with Next.js, Sanity CMS, Brevo SMTP, PayU gateway, manual UPI verification, COD, and a dedicated admin panel.

Visit Live PlatformRole: Full-Stack E-Commerce Architect
https://theaesthetica.store
Online
The Aesthetica Mini Feature Screenshot

"Your Pinterest Finds, Finally in One Place."

Core Design Question
"How do we deliver a fully custom, luxury Pinterest-aesthetic e-commerce experience on a budget-conscious scale without expensive SaaS subscription lock-in?"
Strategic Brand Promise

Curated aesthetic products, personalized gifts, jewelry, couple accessories, and thoughtful finds you'll actually want to keep or gift.

Full Production Interface Overview

Open theaesthetica.store
The Aesthetica — Production Capture (theaesthetica.store)
The Aesthetica Full Production Screenshot

The Problem & Business Context

The client required a small-scale, budget-friendly yet fully custom e-commerce presence. Traditional SaaS platforms like Shopify imposed recurring app costs, rigid themes, and high transaction cuts, while lacking flexible Indian payment workflows such as manual UPI verification alongside formal payment gateways.

The Engineered Solution

Engineered a bespoke headless e-commerce store with Next.js and Sanity CMS. Everything from product catalogs, banners, and collections is customizable via Sanity and a dedicated admin panel. Multi-option checkout supports PayU payment gateway, zero-fee manual UPI payment verification (with QR upload), and Cash on Delivery (COD). Automated order confirmations and dispatch invoices are handled seamlessly via Brevo SMTP, paired with foundational technical SEO.

End-to-End User Journey

Experience Architecture & Customer Flow

Phase 01

Discover

Arrives at the warm Pinterest-aesthetic storefront browsing curated collections and new arrivals.

Phase 02

Curate & Cart

Selects personalized gifts and accessories with fluid client-side cart updates.

Phase 03

Flexible Payment

Chooses between PayU online gateway, zero-fee manual UPI QR verification, or Cash on Delivery.

Phase 04

Instant Dispatch

Receives automated invoice and order tracking email via Brevo SMTP relay.

Phase 05

Admin Fulfillment

Admin reviews verified payments and fulfills shipments through the dedicated panel.

Visual Identity & Materiality

Design System & Editorial Material Harmony

Core Color Tokens

Warm Linen
#E8E2D9
Primary Aesthetic Canvas
Deep Charcoal
#191513
Editorial Contrast & Typography
Soft Sand
#C4A482
Warm Organic Accent
Ivory Cream
#FAF7F2
Card Surface Background

Typography Strategy

Instrument Serif (Editorial Headlines & Brand Quotations)
DM Sans (Clean Product Browsing & Frictionless Checkout)
Strategic Rationale

Why Specific Decisions Were Made

Headless Sanity CMS Over Restrictive SaaS

Gave the client full ownership and flexibility to edit products, banners, and collections without recurring Shopify app charges.

Multi-Option Checkout (PayU, Manual UPI & COD)

Engineered flexibility: clients who want online gateways use PayU, while direct UPI verification and COD minimize checkout abandonment.

Brevo SMTP High-Deliverability Order Automation

Guaranteed automated real-time order confirmation emails and dispatch tracking without third-party email service fees.

Foundational Technical SEO & Structured Metadata

Implemented JSON-LD product schemas, dynamic OpenGraph meta cards, and search-engine crawlable catalog pages.

System Architecture & Implementation

Next.js App Router frontend with Tailwind CSS, Sanity CMS headless content lake, hybrid checkout engine integrating PayU API alongside manual UPI screenshot verification and COD workflows, Brevo SMTP transactional email pipeline, and built-in structured data SEO for rich product snippets.

Verified Production Benchmarks

Triple Mode
Payment Flexibility
100% Sanity
Content Control
Zero Bloat
SaaS Subscription
Brevo SMTP
Order Relays

Key Capabilities & Deliverables

Custom headless e-commerce store built with Next.js, Sanity CMS, and Tailwind CSS
Triple payment architecture: PayU gateway, manual UPI verification, and Cash on Delivery (COD)
Complete catalog & banner management via Sanity CMS and bespoke admin panel
Automated order confirmations and shipping notification relay via Brevo SMTP
Engineered for small-scale budget efficiency with zero monthly SaaS bloat
Built-in technical SEO, structured product metadata, and fast mobile performance

Technology Stack

Next.jsSanity CMSBrevo SMTPPayU GatewayManual UPI / CODTailwind CSSAdmin DashboardSEO Optimization
Verified Production Architecture