Saas Prodcy
KHEETII BAZAAR UI / UX REQUIREMENTS DOCUMENT 1. UX PRINCIPLES (GLOBAL) 1.1 Design Philosophy Simple, low-literacy friendly Minimal data entry Large touch targets (field usage) Works well on low internet bandwidth Clear visual hierarchy for prices, quantity, and status 1.2 Common UX Rules Max 3 primary actions per screen Use icons + text (not text-only) All monetary values clearly labeled (₹, per kg, per crate) Status-driven UI (Pending / Approved / Delivered / Paid) 2. PLATFORM BREAKDOWN Platform Type Farmer App Android (Primary) Buyer App Android (Primary) Admin Panel Web (Desktop + Mobile view) Ops / Accounts Web (Desktop-first) 3. FARMER APP – UI/UX REQUIREMENTS 3.1 Farmer App Goals Easy product listing Transparency in price & payment Trust & traceability 3.2 Farmer App Navigation Home Add Product My Listings Orders Payments Profile 3.3 Home Screen Purpose: Quick status overview Elements: Today’s price highlights Active listings count Pending approvals Payment due amount CTA: ➕ Add Product 3.4 Add Product Flow Steps: Select Crop Select Variety Enter Quantity Upload Photos Expected Price Harvest Date Location (Auto-detect) UX Notes: Dropdowns over free text Image upload mandatory Auto price suggestion (future) 3.5 My Listings Screen Product card view Status badge (Pending / Approved / Sold) Quantity remaining Tap → Listing details 3.6 Orders Screen Order ID Buyer name Quantity sold Delivery mode Order status 3.7 Payments Screen Total earned Paid amount Pending amount Payment history 4. BUYER APP – UI/UX REQUIREMENTS 4.1 Buyer App Goals Fast product discovery Clear pricing & availability Easy reorder 4.2 Buyer Navigation Home Browse Products Cart Orders Payments Profile 4.3 Home Screen Elements: Search bar Category tiles (Vegetables, Fruits) Kheetii Bazaar Verified section Recent orders 4.4 Product Listing Screen Filters: Crop Variety Grade Location Price range Product Card: Image Price Available quantity Delivery ETA Verified badge 4.5 Product Detail Screen Images Grade & quality info Price breakup (base + charges) Delivery options CTA: Add to Cart 4.6 Cart & Checkout Quantity selector Delivery mode Payment mode (Cash / Credit) Order summary 4.7 Orders Screen Order timeline view Invoice download Support button 5. ADMIN & OPS WEB PANEL – UI/UX REQUIREMENTS 5.1 Admin Dashboard KPIs: Today’s GMV Orders Margin Credit exposure 5.2 Product Approval Screen Farmer details Product images Price band Actions: Approve Reject (with reason) 5.3 Procurement & Inventory Screen Source-wise inventory Warehouse view Wastage marking 5.4 Order Management Screen Order list with filters Status update controls Delivery assignment 5.5 Accounts & Finance Screen Ledger view Payables & receivables Credit aging report Settlement trigger 6. MOBILE VIEW (ADMIN) Requirements: Read-only dashboards Approval actions Alerts & notifications 7. NOTIFICATIONS & ALERTS (ALL APPS) Order status updates Payment alerts Credit limit warnings Approval notifications Channels: In-app SMS (critical) WhatsApp (future) 8. UX FOR BLOCKCHAIN TRACEABILITY Batch ID visible Source history timeline Trust badge 9. ACCESSIBILITY & LOCALIZATION Multi-language support Large fonts Offline-first flows (cached data) 10. DESIGN HANDOFF REQUIREMENTS Figma component library Design tokens Responsive breakpoints Error & empty states