Skip to main content
Freelance / eCommerce / Next.js•2023 — 2024Freelance

Gram Bahar

Direct-to-consumer store connecting over 200 rural jaggery farmers with consumers.

Interactive Preview
Gram Bahar Storefront
200+ Rural Farmers
Super Saver Combo10.1% Off
Patali Gur & Nolen Gur
700gm + 750gm Combo
₹1,000₹899.00
Next.js WebP Image DeliveryActive
Visit grambahar.com
Streamlined Purchasing & Image Optimization

Implemented responsive combo pack configurations and Next.js WebP image formats, contributing to a 20% increase in sales and 30% reduction in checkout turnaround time.

Direct Rural Sourcing

Provides direct market access for 200+ rural date palm jaggery farmers in West Bengal without exploitative intermediaries.

Context

Overview

Gram Bahar is an e-commerce platform built to provide rural Date Palm Jaggery producers in West Bengal with a direct sales channel to consumers. The frontend was engineered with Next.js and optimized for mobile devices on low-bandwidth networks, featuring WebP image delivery and a single-step bundle configuration checkout.

Key Features

  • Direct sourcing model connecting 200+ rural farmers with consumers
  • Dynamic combo pack options (Patali Gur + Nolen Gur) with instant pricing updates
  • Optimized Next.js WebP image loading for fast browsing on mobile devices
  • Streamlined checkout flow that reduced customer ordering turnaround time by 30%
Impact

Outcomes

Farmers Connected200+
Direct Sales+20%
Checkout Time-30%
Process

How It Works

1

Farmer Direct Sourcing

Aggregates authentic Date Palm Jaggery directly from local producers in West Bengal.

2

Combo Pack Ordering

Allows customers to select custom weight combinations in a single checkout step.

3

Mobile-Optimized Delivery

Delivers responsive layouts and WebP compressed images for quick loading across mobile connections.

Screenshots & Interface

Visual Captures

[Screenshot Placeholder]
Alt: "Gram Bahar storefront homepage and product selection"
Suggested capture: Homepage showing jaggery product cards, combo packaging details, and ordering options.
Decisions

Technical Choices & Trade-offs

Bundle pricing over free-form quantities

Decision: Structure the catalog around fixed bundle offers rather than open-ended quantity selection.
Why: Many buyers were purchasing online for the first time. Fewer decisions at checkout reduced abandonment and cut checkout turnaround time by roughly 30%.

Mobile-first performance budget

Decision: Serve WebP-compressed imagery and responsive layouts tuned for low-end Android devices on unstable connections.
Why: A large share of customers browse from rural areas where connections drop frequently - heavyweight pages would lose them before the first product image rendered.
Stack

Technologies Used

Languages & Core
JavaScriptNext.js
Frontend & UI
ReactTailwind CSSNext Image Optimization
Backend & Data
Node.js