Stationery & Labs Mobile App Design
Budget: ₹600 – ₹1,500 INR
Figma Design Requirement Document
Project Title: Mobile App for Stationery & School Lab Products
1. Objective
Design a simple, clean mobile app UI (Flutter-ready) for browsing stationery and school lab products, adding items to an estimate, and generating a PDF with customer details.
No login or signup required.
2. App Screens to Design
2.1 Splash Screen
App logo and name.
2.2 Home Screen
App name/logo on top.
Search bar.
Category grid/list (Stationery, Lab Instruments, Science Kits).
Optional banner area for offers or featured items.
2.3 Product Listing Screen
Product image, name, and price.
“Add to Estimate” button.
Filter/Sort option (category or price).
2.4 Product Detail Screen
Large product image.
Name, price, short description.
“Add to Estimate” button.
2.5 Estimate Cart Screen
List of selected products with quantity and total price.
Edit/remove items.
Form fields: Customer Name and Mobile Number.
Buttons: “Generate PDF Estimate” and “Clear Cart.”
2.6 PDF Preview/Confirmation Screen
Message: “Estimate generated successfully.”
Buttons: “Download PDF” and “Back to Home.”
Project Title: Mobile App for Stationery & School Lab Products
1. Objective
Design a simple, clean mobile app UI (Flutter-ready) for browsing stationery and school lab products, adding items to an estimate, and generating a PDF with customer details.
No login or signup required.
2. App Screens to Design
2.1 Splash Screen
App logo and name.
2.2 Home Screen
App name/logo on top.
Search bar.
Category grid/list (Stationery, Lab Instruments, Science Kits).
Optional banner area for offers or featured items.
2.3 Product Listing Screen
Product image, name, and price.
“Add to Estimate” button.
Filter/Sort option (category or price).
2.4 Product Detail Screen
Large product image.
Name, price, short description.
“Add to Estimate” button.
2.5 Estimate Cart Screen
List of selected products with quantity and total price.
Edit/remove items.
Form fields: Customer Name and Mobile Number.
Buttons: “Generate PDF Estimate” and “Clear Cart.”
2.6 PDF Preview/Confirmation Screen
Message: “Estimate generated successfully.”
Buttons: “Download PDF” and “Back to Home.”