Case Study
Spark & Stitch
A UPI-first apparel e-commerce platform built with Cashfree payments, Cloudinary media optimization, and an affiliate partner program — tuned for conversion and developer velocity.
High cart abandonment and no growth channel beyond ads
Spark & Stitch sells apparel online from Ahmedabad. Their core challenge was twofold: checkout friction was killing conversions, and their only customer acquisition channel was paid advertising.
Most Indian e-commerce customers prefer UPI over cards and COD. But their previous checkout flow was card-first, adding unnecessary friction. At the ₹500-₹2,000 price range, customers expect instant UPI payments — not a 3-step card entry process. Every extra step in checkout was costing sales.
Beyond checkout, they needed a growth engine that didn't depend entirely on ad spend. An affiliate program would let content creators and micro-influencers drive sales through tracked referral links, with automated commission payouts — turning marketing spend into performance-based partnerships.
Goals
- Build a UPI-first checkout that reduces payment friction
- Optimize product images for fast loading without quality loss
- Create a real-time admin dashboard for orders, payments, and refunds
- Launch an affiliate program with tracked links and automated payouts
- Achieve sub-2s LCP for product pages on mobile
Constraints
- Payment webhooks must be idempotent — no duplicate charges
- Image optimization must preserve product photo quality
- Affiliate tracking must be accurate enough to automate payouts
- 4-week timeline from concept to launch
Performance after launch
Comparing checkout success rate and performance metrics against the previous implementation.
What we built and why
UPI-First Cashfree Checkout
The checkout flow opens Cashfree's payment session with UPI as the default method — intent/collect for apps, QR for desktop. Card and other options are available but secondary. For ₹500-₹2,000 purchases, UPI is what Indian customers reach for. Making it the default option instead of forcing customers to scroll past card entry drove a 7-12% improvement in checkout success.
Cloudinary Media Pipeline
Product photos are uploaded to Cloudinary and served with automatic format conversion (WebP/AVIF), quality optimization (q_auto), and responsive widths. A 5MB camera photo becomes a 300KB optimized image without visible quality loss. This cut total page weight by 45-60% and brought product page LCP under 2 seconds.
Real-Time Admin Dashboard
The admin panel centralizes orders, payments, refunds, and inventory in one view. Payment status syncs via Cashfree webhooks — the admin sees real-time updates as payments succeed, fail, or get refunded. Settlement IDs are tracked for accounting reconciliation.
Affiliate Partner Program
Low-friction onboarding: apply → pay small fee → instant partner ID. Each partner gets unique referral links and coupon codes with UTM tracking and server-side event attribution. Monthly payouts processed via Cashfree's payout API. Partners see clicks, conversions, and pending earnings in their dashboard. Admins can audit the referral chain and approve payouts.
Platform screens
Why we chose each tool
Node.js + Express
Full-stack backend handling product catalog, cart logic, order management, and webhook processing. Express gives fine-grained control over payment webhook verification that framework-level abstractions don't provide.
Cashfree Payments
UPI-first payment flow reduces MDR (merchant discount rate) compared to card payments. For apparel at ₹500-₹2,000 price points, UPI's lower processing fees directly improve margins. Cashfree also handles the affiliate payout system.
Cloudinary
Product images are the most critical element of apparel e-commerce. Cloudinary serves WebP/AVIF automatically, applies responsive widths, and reduces image weight by 45-60% without visible quality loss. Product photos load in under 1 second on 4G.
Idempotent Order Processing
Payment webhooks can fire multiple times. Each order creation uses an idempotency key to prevent duplicate charges. The system verifies Cashfree's webhook signature before marking any order as paid.
Affiliate Tracking System
Unique referral links with UTM parameters, server-side event tracking for attribution accuracy, and automated monthly payouts via Cashfree. Partners see their referral performance in a dedicated dashboard.
4-week e-commerce build
Product & Payment Setup
Week 1
Designed product catalog schema, integrated Cashfree payment APIs with idempotent order creation, and built the UPI-first checkout flow.
Storefront & Media
Week 2
Built the product browsing experience with Cloudinary-optimized images, size selectors, cart management, and responsive product grids.
Admin & Affiliate
Week 3
Developed the admin dashboard for order/payment management and the affiliate partner program with tracking, attribution, and payout logic.
Optimization & Launch
Week 4
Performance optimization (critical CSS, dynamic imports, Brotli compression), webhook signature verification testing, and production deployment.
Problems we solved
Idempotent Payment Processing
Payment webhooks can fire multiple times (network retries, Cashfree's retry logic). Without idempotency, a single payment could create multiple orders or charge the customer twice.
Solution: Each order creation includes an idempotency key derived from the cart session ID. Duplicate webhook calls find the existing order and return success without re-processing. Webhook signature verification with Cashfree's public key prevents forged payment events.
Accurate Affiliate Attribution
Cookie-based tracking breaks when users switch devices or clear cookies. Inaccurate attribution means either overpaying or underpaying partners — both destroy trust.
Solution: Dual attribution: UTM parameters for initial click tracking + server-side coupon code association for purchase attribution. If a customer uses a partner's coupon code at checkout (even on a different device), the partner gets credit. The coupon code serves as a device-independent attribution signal.
"Working with GenForge was a breeze — we launched fast and finally have clear visibility into orders and payments. The affiliate program is already bringing in sales we wouldn't have gotten through ads alone.
Questions about this project
Why Cashfree instead of Razorpay for this project?+
How does the affiliate program work?+
How did you reduce image weight by 45-60%?+
How do you prevent duplicate payments from webhook retries?+
Can you build a similar e-commerce platform for our brand?+
Similar projects
Online Planet
Multi-vendor marketplace with Razorpay split-payments and seller dashboards.
SaleBuy
AI-powered C2C marketplace with Gemini vision auto-listing.
Forces Express
Logistics portal with shipping calculator and admin dashboard.
Want to build an e-commerce platform?
We build conversion-optimized stores with UPI payments, media optimization, and growth tools.