• Case Study

Madina Fabric

Transforming a Traditional Fabric Store into a Scalable E-commerce Business.

Duration
8 Weeks
Role
UI UX Designer
Scope
End-to-End E-Commerce
Client
Madina Fabric Store
Madina Fabric Showcase
View Live Project Download Figma File
PROJECT OVERVIEW

Bridging Physical Craftsmanship with Digital Scale

Madina Fabric was a well-established offline fabric store with a loyal customer base but no digital presence. Customers had to visit the store physically or contact the owner through phone calls and messaging apps to inquire about products, pricing, and availability.

Recognizing this opportunity, I personally approached the store owner, visited the shop, and demonstrated how an e-commerce platform could expand the business, improve customer experience, and streamline day-to-day operations. After several discussions, the proposal was approved, initiating a complete digital transformation.

My Key Responsibilities

Client Acquisition Requirement Gathering UX Research Information Architecture UI/UX Design Product Strategy Technical Planning Domain & Hosting Coordination Developer Collaboration QA Testing Project Handover
⚡ RAZORPAY
hostinger
GoDaddy
DTDC

Technical Architecture

Responsive E-Commerce Web Application

01

High-performance responsive web application built specifically to showcase high-resolution fabric textures, enable category filtering, and optimize fast search for shoppers across India.

Custom Admin System & Inventory Management

02

Dedicated administrative system providing complete control over product uploads, banner management, category creation, sales reporting, and real-time inventory updates without requiring coding experience.

Domain & Cloud Infrastructure (GoDaddy + Hostinger)

03

Hostinger Premium hosting configuration with GoDaddy domain setup, SSL security certificates, and professional business email integration for maximum reliability and customer trust.

Mobile OTP Verification & Razorpay Gateway

04

Seamless friction-free authentication system using Mobile OTP & Email verification coupled with Razorpay for instant UPI, Debit/Credit Card, and Net Banking payments.

Automated Shipping & Tracking via DTDC

05

Logistics integration with DTDC shipping partner for automated dispatch processing, tracking generation, and live delivery updates for customers.

BUSINESS IMPACT
Transforming physical inventory friction into a streamlined, automated national platform.
☆
10
WEEKS TIMELINE
🏆
100% Digital Shift & Automated Operations
🌐
100%
WORLDWIDE REACH

UX Research & Process

01 / EMPATHIZE

Understanding Store Operations

By observing physical store visitors and conducting client interviews, I found that customers loved feeling fabrics, but repeat buyers relied on WhatsApp messaging for new stock inquiries—creating severe bottlenecks.

Manual WhatsApp Product Sharing
Business Impact: Highly time-consuming and unscalable for large fabric catalogs.
No Centralized Inventory Tracking
Business Impact: Frequent stock discrepancies and missed online sales.
02 / DEFINE

Problem Statement & HMW

Madina Fabric's offline-first model restricted growth. The solution required a platform that brought trust and simple fabric browsing to digital buyers while streamlining backend tasks.

03 / IDEATE

Feature Prioritization Matrix

Must Have
Product Catalog, Category Navigation, Search, Mobile OTP Auth, Shopping Cart, Razorpay Checkout, Admin Dashboard.
Should & Could Have
Wishlist, Category Filters, DTDC Order Tracking, Email Notifications, Product Reviews, Coupons.
SYSTEM ARCHITECTURE

Information Architecture & Journey

Home ├── Categories (Sarees, Cotton, Linen, Khadi, Dupattas, Laces, Accessories) ├── Product Listing & Search ├── Product Details Page ├── Shopping Cart & Wishlist ├── Checkout (Shipping Address & Razorpay) └── Customer Account & Orders Tracking

Customer Purchase Journey

Home → Categories → Product Details → OTP Auth → Razorpay Payment → DTDC Order Tracking

Usability Insights & Refinements

“
“Users struggled to locate specific fabrics among hundreds of choices.”
Solution: Integrated Category Filters
“
“The initial checkout flow felt lengthy and complex.”
Solution: Simplified OTP + Step Checkout
“
“Customers needed confidence before buying premium fabrics online.”
Solution: Added Trust Badges & Policies
“
“I can now update stock and track shipments from my phone in minutes.”
Madina Fabric Owner
“
“Ordering custom fabrics for my boutique is now effortless.”
Boutique Customer
IMPACT & METRICS

Transformation Results

Metric Area Before (Offline Store) After (Digital Platform)
Customer Reach Local Footfall Only Worldwide E-Commerce Reach
Product Discovery Manual Inquiries / WhatsApp Automated Search & Filters
Order Processing Manual Notebook Records Automated Admin Dashboard
Payment Collection Offline Cash / Manual UPI Razorpay Gateway Integration
Inventory Tracking Manual Stock Checking Real-time Centralized Inventory