Home About Services Pricing Contact
Back to Home
Case Studies

Projects I've shipped.

Real projects, real clients, real results. Each case study breaks down the problem, solution, tech stack, and outcome.

ASHIYA
SALES CORP.
eCommerce
Ashiya Sales Corporation
Full-stack custom eCommerce platform with Razorpay, Shiprocket & MongoDB Atlas
₹55,000
JHA
INTERIORS
Portfolio
Jha Interiors
Dark editorial luxury portfolio for an interior design firm with scroll animations
₹12,000
ASHIYA
SHOPIFY
Shopify
Ashiya — Shopify Store
Complete Shopify store setup with Horizon theme, COD, domain, and Shiprocket
₹6,000
Project 001 · eCommerce
Ashiya Sales Corporation
Full-stack custom eCommerce platform — built from zero, delivered in full
Node.jsExpress MongoDB AtlasRazorpay CloudinaryShiprocket VercelRender
Project Value
₹55,000
Deliverables
8+ Pages
Status
In Progress
Payment
3 Milestones
The Story

Ashiya Sales Corporation came to me after being defrauded by a previous web agency who took an advance payment and delivered nothing. They needed a complete eCommerce website but were understandably cautious about trusting another developer.

I structured the engagement as a 3-milestone payment plan — 40% upfront, 40% at mid-build review, 20% on final delivery — so the client had full control and never needed to pay everything before seeing results.

The project scope included a complete custom-built eCommerce frontend (not Shopify, not WordPress — pure HTML/CSS/JS with its own Earthy Luxury design system using Cream, Green, and Terracotta tones), backed by a Node.js + Express + MongoDB Atlas backend hosted on Render, with the frontend deployed on Vercel.

"The client's trust had been broken by a prior agency. The biggest challenge wasn't technical — it was rebuilding confidence through radical transparency: sharing previews after every single milestone, documenting every decision, and never asking for the next payment before the previous deliverable was signed off."

Key design system: Earthy Luxury — Cream #FAF7F2, Forest Green #2D4A3E, Terracotta #C4693A, Sand #F0EAE0. Separate HTML, CSS, and JS files for every page. Libre Baskerville headings, Lato body.

Frontend
HTML5CSS3JavaScript (ES6+) Libre BaskervilleLatoIntersectionObserver
Backend
Node.jsExpress.js MongoDB AtlasJWT Auth bcryptNodemailerTwilio SMS OTP
Integrations
RazorpayShiprocket API CloudinarySharp WebP
Infrastructure
VercelRender AWS Mumbai (ap-south-1)MongoDB Atlas 512MB
Database Architecture
  • ashiya_main — products, orders, customers (300MB)
  • ashiya_admin — admin accounts, settings, analytics (80MB)
  • ashiya_shipping — delivery tracking IDs only (40MB)
Design System
  • Cream #FAF7F2 · Forest Green #2D4A3E
  • Terracotta #C4693A · Sand #F0EAE0
  • Libre Baskerville headings, Lato body
Pages Built
  • Homepage with hero, featured products, categories
  • Shop page with filters, sorting, and pagination
  • Product page with colour variants, size/qty popup
  • Category page with seeded demo products
  • Cart page with quantity management
  • Checkout with address form + coupon section
  • Auth page (login/signup with OTP)
  • Wishlist page with remove functionality
Key Features
  • Global size/quantity popup (bottom sheet on mobile, modal on desktop)
  • Floating heart wishlist toggle button on product cards
  • Colour variant logic with variantProductIds fallback system
  • Cart localStorage helpers: getCartItems() / saveCartItems()
  • Razorpay payment + COD with ₹29 handling charge
  • Cloudinary WebP images at 75% quality via Sharp
  • Shiprocket tracking ID storage (no full API in browser)
  • Admin-configurable: shipping thresholds, GST rates, COD charge
8+
Pages designed & built
₹55k
Total project value
3
DBs on 1 Atlas cluster
Outcome

The Ashiya custom eCommerce platform represents the largest and most technically complex project in my portfolio. The structured 3-milestone payment model restored client trust completely — mid-build reviews meant the client was seeing real working pages before each subsequent payment, eliminating the anxiety from their previous agency experience.

The MongoDB Atlas architecture with 3 separate databases on a single cluster keeps costs at ₹0 on the free tier while maintaining clean data separation between customer-facing, admin, and shipping data. Storage alerts are set at 70%, 80%, and 85% to prevent surprise downtime.

Project 002 · Portfolio / Branding
Jha Interiors
Dark editorial luxury portfolio — Quiet Luxury aesthetic for a Delhi interior design firm
HTML5CSS3 JavaScriptIntersectionObserver Cormorant GaramondJost WhatsApp API
Project Value
₹12,000
Deliverables
5 + 3 pages
Status
Delivered
Theme
Quiet Luxury
The Brief

Jha Interiors is a Delhi-based interior design firm that needed a portfolio website reflecting the premium, editorial quality of their work. Their clients are high-net-worth individuals expecting a world-class digital experience.

The brief was clear: dark, luxury, editorial. No bright colours. No generic stock photos. A website that feels like opening a design magazine — where typography, spacing, and animation do the storytelling.

I chose the "Quiet Luxury" direction: near-black background (#0d0d0d), gold accent (#c9a84c), Cormorant Garamond for headings (a serif that reads as expensive), and Jost for body copy. Every animation is scroll-triggered and purposeful — nothing moves without reason.

"The main challenge was showing off interior design work without actual high-res photos at brief time. I built the entire system first with placeholder layouts, so the client could see exactly how their real project photos would look once supplied — making the content handover obvious and structured."

Frontend Stack
HTML5CSS3 Vanilla JavaScript Cormorant GaramondJost Google Fonts
Animation System
IntersectionObserver API CSS TransitionsScroll Fade-Up Counter AnimationsCarousel (JS)
Design Tokens
  • Background: #0d0d0d (near-black)
  • Gold Accent: #c9a84c
  • Text: #f5f5f0 (warm white)
Pages Delivered
  • index.html — Homepage
  • services.html — Services detail
  • projects.html — Portfolio grid
  • contact.html — Contact form + WhatsApp
  • privacy-policy.html
  • terms.html
  • refund.html
Integrations
WhatsApp Chat API Navbar scroll detection Mobile hamburger menu
UI/UX Features
  • Navbar scroll behaviour — transitions from transparent to solid
  • Mobile hamburger menu with full-screen overlay
  • Scroll fade-up animations via IntersectionObserver on all sections
  • Testimonial carousel with manual navigation
  • Project filter tabs (by category)
  • Stat counter animations on scroll
  • WhatsApp floating chat button (sticky bottom-right)
Design Decisions
  • Full editorial typography hierarchy — Cormorant Garamond display, Jost UI
  • Gold (#c9a84c) used sparingly as a single accent — never decoratively
  • Generous vertical whitespace — sections breathe, nothing is crowded
  • All images designed to showcase project photography prominently
  • Legal pages (privacy, terms, refund) included — ready for business
  • Hosted on Vercel — zero-cost, fast CDN delivery across India
8
Total pages built
₹12k
Project value
100%
Client satisfaction
Client Feedback

"We wanted a website that truly reflects the luxury and sophistication of our interior design work. Shivesh nailed the dark editorial aesthetic perfectly. The scroll animations and attention to typography detail made our portfolio look world-class."

The project established a clear pattern for future portfolio/branding clients: a premium dark aesthetic with a strong typographic hierarchy, delivered on Vercel for zero hosting costs. The total cost of ₹12,000 is highly competitive for what was delivered — 8 pages with custom animations, mobile-first design, and WhatsApp integration.

Project 003 · Shopify
Ashiya — Shopify Store
Complete Shopify store setup — live and selling in under 7 days
ShopifyHorizon Theme ShiprocketDondy WhatsApp Hostinger DNSRazorpay
Project Value
₹6,000
Timeline
Under 7 days
Status
Live
Platform
Shopify
The Context

This was Ashiya Sales Corporation's first website — a Shopify store set up as a quick-to-market solution before the full custom eCommerce platform was commissioned. The client needed to start selling online immediately while the larger build was being planned and scoped.

The Shopify store used the Horizon theme with customizations for brand colors, product layout, and a WhatsApp chat button (via the Dondy app). Full product catalog was uploaded, payment gateway configured, COD with ₹29 handling note added, and the Shiprocket app installed for delivery management.

The domain was purchased from Hostinger (softloop.in) and DNS was configured to point to Shopify — tested and live within 48 hours of domain purchase. Return and refund policies were also written and added to the store.

"The interesting part of this project is that it later evolved into a full custom eCommerce build. The Shopify store was so well-received by the client that they decided to invest in a proper custom platform — which became the ₹55,000 Ashiya project. Sometimes a smaller, faster delivery is the best way to earn trust for a larger engagement."

Shopify Setup
  • Horizon theme — customized for brand colors and product layout
  • Product descriptions written for all catalog items
  • SUPER15 coupon code configured (15% off)
  • COD payment with ₹29 handling fee note
  • Razorpay payment gateway integrated
Apps Installed
Dondy WhatsApp Shiprocket
Domain & DNS
  • Domain purchased via Hostinger (softloop.in)
  • DNS A-record and CNAME configured for Shopify
  • SSL certificate auto-provisioned by Shopify
  • Live within 48 hours of domain purchase
Policies Added
  • Return & Refund Policy
  • Shipping Policy
  • Privacy Policy
7
Days from brief to live
₹6k
Project value
→ ₹55k
Led to custom platform
Outcome

The Shopify store went live within a week and gave Ashiya Sales Corporation their first online sales channel immediately. More importantly, it built enough trust with the client that they commissioned the full custom eCommerce platform worth ₹55,000 — making this ₹6,000 project the starting point for a much larger engagement.

This project demonstrates an important freelance strategy: sometimes a fast, well-executed smaller delivery earns you a bigger project. The client went from "let's test this Shopify setup" to "we want a full custom platform" because the small project was done so cleanly.

Ready to start your project?

Whether you need a full custom eCommerce platform, a portfolio site, or a Shopify store — I'd love to hear about it.