System Requirements Document (SRD)

Project Name: turbo-mockups

1. Introduction

The turbo-mockups project aims to design and develop a comprehensive digital ecosystem for Shree Bhagwati Flour & Foods, an Ahmedabad-based FMCG manufacturer with a legacy since 1962. With a turnover exceeding ₹500 Cr and state-of-the-art facilities spanning 250,000 sq ft, the company produces 550 MT/day of flour under renowned brands like Gaay Chhap, Uttam, and Kemchho.

This SRD outlines the requirements for creating Figma mockups for the digital ecosystem, including dashboards, mobile apps, and portals tailored to the needs of manufacturers, distributors, sales teams, and retailers. The goal is to deliver a modern, responsive, and user-friendly design that aligns with the company's operational workflows and branding.

2. System Overview

The turbo-mockups project will encompass the following components:

1. Manufacturer HQ Web Dashboard: A centralized platform for analytics, inventory management, credit control, and reporting.
2. Distributor DMS Web Portal: A distributor management system for order processing, inventory tracking, and billing.
3. Salesman SFA Mobile App: A mobile application for sales force automation, including beat plans, GPS check-ins, and offline order capture.
4. Retailer B2B Mobile/Web Portal: A portal for retailers to browse catalogs, place orders, and receive notifications.

The system will feature fully functional click interactions, smooth navigation, and role-based dashboards tailored to user needs. Each dashboard will be organized with properly arranged features and seamless transitions to ensure an intuitive user experience.

3. Functional Requirements

Manufacturer HQ Web Dashboard

• As Manufacturer HQ, I should be able to log in securely.
• As Manufacturer HQ, I should be able to view analytics for sales, region, SKU, and KPIs like MAO, DSO, and Fill Rate.
• As Manufacturer HQ, I should be able to configure schemes and manage credit limits.
• As Manufacturer HQ, I should be able to manage inventory using SS, ROP, and EOQ calculations.
• As Manufacturer HQ, I should be able to sync data with Tally and generate reports.
• As Manufacturer HQ, I should experience smooth navigation between dashboard sections.
• As Manufacturer HQ, I should be able to interact with menus and buttons with proper click feedback.

Distributor DMS Web Portal

• As Distributor, I should be able to log in securely.
• As Distributor, I should be able to place primary and secondary orders.
• As Distributor, I should be able to manage inventory using FIFO and FEFO methods.
• As Distributor, I should be able to generate bills with GST and scheme details.
• As Distributor, I should be able to view stock dashboards.
• As Distributor, I should experience seamless navigation between portal features.
• As Distributor, I should be able to interact with menus and buttons with proper click feedback.

Salesman SFA Mobile App

• As Salesman, I should be able to log in securely.
• As Salesman, I should be able to access beat plans and maps with GPS check-in functionality.
• As Salesman, I should be able to capture orders during visits.
• As Salesman, I should be able to sync data offline.
• As Salesman, I should experience smooth navigation between app sections.
• As Salesman, I should be able to interact with menus and buttons with proper click feedback.

Retailer B2B Mobile/Web Portal

• As Retailer, I should be able to log in securely.
• As Retailer, I should be able to browse the catalog of 300+ SKUs.
• As Retailer, I should be able to place self-orders or repeat previous orders.
• As Retailer, I should be able to receive notifications and integrate with WhatsApp.
• As Retailer, I should experience seamless navigation between portal features.
• As Retailer, I should be able to interact with menus and buttons with proper click feedback.

4. User Personas

1. Manufacturer HQ: Decision-makers and analysts responsible for monitoring KPIs, managing inventory, and configuring schemes.
2. Distributor: Regional distributors managing orders, inventory, and billing processes.
3. Salesman: Field sales representatives responsible for order capture and customer visits.
4. Retailer: Shop owners and businesses placing orders and browsing product catalogs.

5. Visuals Colors and Theme

The design will incorporate a modern FMCG theme with a blend of blue and green tones to represent trust, growth, and freshness. Key elements include:

• Primary Colors: Blue (#007BFF) and Green (#28A745).
• Secondary Colors: White (#FFFFFF) and Light Gray (#F8F9FA).
• Typography: Structured, readable fonts like Roboto and Open Sans.
• Charts and Graphs: Clean, visually appealing designs with contrasting colors for clarity.

6. Signature Design Concept

Interactive Flour Mill Experience on the Homepage

The homepage will feature a 3D animated flour mill that visually represents the company's production process. Users will see:

• Rotating machinery animations: Conveying the scale and efficiency of operations.
• Interactive sections: Clicking on different parts of the mill (e.g., silos, conveyor belts) will reveal key features like inventory, analytics, and order management.
• Dynamic transitions: Smooth zoom-ins and pop-ups for detailed views of each section.
• Ambient sound effects: Subtle flour mill sounds to enhance immersion.
• Brand integration: Prominent display of Gaay Chhap, Uttam, and Kemchho logos with hover effects.

This bold concept will make the homepage unforgettable while showcasing the company's heritage and technological prowess.

7. Non-Functional Requirements

• Performance: The system should load mockups within 2 seconds for optimal user experience.
• Scalability: Designs should accommodate future feature additions without compromising responsiveness.
• Accessibility: Ensure compliance with WCAG 2.1 standards for accessibility.
• Localization: Support for Indian languages like Hindi and Gujarati, along with English.
• Security: Mockups must reflect secure design practices, including encrypted login flows.
• Navigation: Ensure smooth transitions between sections and intuitive menu structures.

8. Tech Stack

Frontend

• React for Web
• React Native for Mobile App

Backend

• Python with FastAPI

Database

• MySQL or MariaDB (preferred for RDBMS)
• MongoDB for NoSQL

AI Models

• GPT 5.2 for user-friendly responses
• Claude 4.5 Opas for coding and academic tasks
• Google Nano Banana for image generation

AI Tools

• Litellm for LLM Routing
• Langchain

Orchestration

• Docker and docker-compose for local orchestration
• Kubernetes for server-side orchestration

9. Assumptions and Constraints

• The system will primarily cater to users in India, with INR as the default currency and IST (Indian Standard Time) as the timezone.
• Mockups will be responsive across devices, including desktops, tablets, and smartphones.
• The project assumes access to accurate data from Shree Bhagwati Flour & Foods for prototyping.
• Constraints include adherence to FMCG industry standards and compatibility with existing systems like Tally.

10. Glossary

• MAO: Monthly Average Order
• DSO: Days Sales Outstanding
• Fill Rate: Percentage of customer demand met without stockouts.
• SS: Safety Stock
• ROP: Reorder Point
• EOQ: Economic Order Quantity
• FIFO: First In, First Out
• FEFO: First Expired, First Out
• SKU: Stock Keeping Unit
• GST: Goods and Services Tax

This SRD provides a detailed roadmap for the turbo-mockups project, ensuring alignment with Shree Bhagwati Flour & Foods' operational goals and branding.