Gig Overview:

This project involves designing a modern, responsive, and user-friendly UI for an Inventory Management System using Figma. The design will enable users to monitor stock levels, track inventory movements, manage reorders, and generate audit reports seamlessly. The UI should follow best UX/UI practices, ensuring intuitive navigation, accessibility, and a clean aesthetic.  A Figma design link has been provided below, containing the company’s sidebar and top navigation bar—please use this as a reference for consistency.

Scope of Work:

1. Dashboard Design

Features:

1. Real-time stock level visualization (e.g., low stock alerts, in-stock vs. out-of-stock items).

2. Summary cards for total items, critical stock levels, pending orders, and recent transactions.

3. Interactive charts for stock trends (e.g., consumption rate, incoming stock).

4. Quick access to key actions (e.g., "Create Purchase Request," "View Audit Logs").

Tasks:

1. Design a clean, data-rich dashboard layout in Figma.

2. Use auto-layout and components for scalability.

3. Ensure proper color contrast and typography for readability.

2. Stock Monitoring & Reorder Management

Features:

1. List of items with current stock levels, min/max thresholds, and reorder status.

2. Visual indicators (e.g., color-coded alerts for items below safety stock).

3. Option to trigger automated purchase requests when stock hits minimum levels.

4. Design a reorder for purchase.

5. Filtering by location, item category, or vendor.

6. View single table data.

Tasks:

1. Design an intuitive table/grid view with sorting and filtering options.

2. Implement tooltips, view pages or modals for detailed stock information.

3. Ensure seamless interaction for bulk actions (e.g., "Request Reorder for Selected Items").

3. Inventory Transactions & Audit Logs

Features:

1. Complete history of stock movements (additions, adjustments, consumption).

2. List of inventory transactions and single inventory transaction details.

3. Filterable audit trail with timestamps, user references, and change details.

4. Exportable reports in multiple formats (PDF, CSV).

Tasks:

1. Design a log table with pagination and search functionality.

2. Ensure clarity in displaying before/after values for adjustments.

3. Implement a "Download Report" button with format selection.

4. Incoming Goods & Stock Transfers

Features:

1. Tracking of incoming shipments with expected vs. received quantities.

2. Transfer logs between locations (e.g., warehouse to retail store).

3. Damaged stock recording and reporting (list of damaged stocks, button with a form for reporting details of damaged stocks).

Tasks:

1. Design a form for recording received goods (with PO reference).

2. Create a transfer request workflow with approval steps .

3. Use visual indicators (color-code) for discrepancies (e.g., "2 Items Missing").

5. Additional Features

1.  Consistency:  Maintain uniform design components across all pages.

2.  Responsiveness:  Ensure mobile, tablet, and desktop compatibility

3.  Accessibility:  Follow WCAG guidelines for inclusive design.

Required Skills:

1. Proficiency in Figma for UI design and prototyping.

2. Strong understanding of UX/UI principles and accessibility standards.

3. Ability to design responsive and scalable components.

4. Experience in creating wireframes, mockups, and design systems.

5. Knowledge of color theory, typography, and modern design trends.

Design & Aesthetic Requirements:

1. Color Scheme:

   1. Primary color: #D50036 

   2. Secondary color: #C4C4C4

   3. Primary-green: #00B454

   4. Primary-yellow:#F39D1C

   5. Primary-gray:#4B5054

   6. Primary-black:#0F151F

   7. Primary-red:#E50303

   8. Background color: #F5F5F5 

   9. Text color: #000000, #D50036, #FFFFFF 

   10. Button color: #D50036

   11. Border color: #E5E5E5

   12. These color codes are the company’s brand colors and design guide

2. Fonts: Modern and clean font like Source Sans.

3. Spacing: Generous padding and margins for clarity.

4. Layout: Use auto-layout and grids for alignment and consistency.

Expectations:

1. Timely Completion: Complete the gig within the given timeframe. If not, the project may be reassigned.

2. Communication: Stay in touch with the Community Manager for feedback and support.

3. Work-Ethic Alignment: Adhere to company standards and best design practices.