arctic-steel

byMIHIR DOSHI

build my mild steel pipe business website

LandingAdmin LoginInquiriesCatalogProductInquiryDashboard
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 4

System Requirements Document (SRD)

Project Name: Arctic-Steel

1. Introduction

The Arctic-Steel project is a website designed to support Mihir Doshi's mild steel pipe business. The website will cater to both B2B buyers and individual customers, providing a professional online presence to showcase products and facilitate inquiries. The focus is on simplicity, responsiveness, and user-friendliness, ensuring that visitors can easily explore the product catalog and contact the business for further information.

This document outlines the system requirements for the Arctic-Steel project, including functional and non-functional requirements, user personas, design concepts, and technical specifications.

2. System Overview

The Arctic-Steel website will serve as a digital storefront for Mihir Doshi's mild steel pipe business. It will feature:

  • A product catalog showcasing the available mild steel pipes with descriptions and images.
  • An online inquiry system allowing users to contact the business directly for more information or to place inquiries.

The website will be optimized for both desktop and mobile devices, ensuring accessibility and usability for all users. It will cater to two primary user groups: B2B buyers and individual customers.

3. Functional Requirements

The following functional requirements are defined as story points:

  • As a B2B buyer, I should be able to browse the product catalog to view available mild steel pipes.
  • As an individual customer, I should be able to browse the product catalog to view available mild steel pipes.
  • As a user, I should be able to submit an online inquiry form to contact the business for more information.
  • As a business owner, I should be able to receive and manage inquiries submitted through the website.

4. User Personas

4.1 B2B Buyer

  • Description: A business representative looking to purchase mild steel pipes in bulk for industrial or commercial use.
  • Goals: Explore product offerings, evaluate suitability, and submit inquiries for bulk orders.
  • Behavior: Focused on efficiency, prefers detailed product descriptions and quick access to contact options.
Page 2 of 4

4.2 Individual Customer

  • Description: An individual looking to purchase mild steel pipes for personal or small-scale projects.
  • Goals: Browse products, understand options, and submit inquiries for smaller quantities.
  • Behavior: May require more guidance and prefers a straightforward, user-friendly interface.

4.3 Business Owner (Admin)

  • Description: Mihir Doshi or a designated team member managing the website and responding to inquiries.
  • Goals: Ensure the website is functional, manage inquiries efficiently, and maintain the product catalog.
  • Behavior: Focused on operational efficiency and customer satisfaction.

5. Visuals Colors and Theme

The Arctic-Steel website will feature a modern and industrial aesthetic, reflecting the nature of the business. The color palette is designed to evoke strength, reliability, and professionalism.

Color Palette:

  • Background: #F4F4F4 (Light Gray)
  • Surface: #FFFFFF (White)
  • Text: #333333 (Dark Charcoal)
  • Accent: #0074D9 (Steel Blue)
  • Muted Tones: #B0B0B0 (Muted Gray)

This palette ensures a clean, professional look while maintaining readability and visual appeal.

6. Signature Design Concept

The Arctic-Steel homepage will feature an interactive steel pipe visualization.

Concept Details:

  • Visual Element: A 3D-rendered steel pipe that rotates slowly on the homepage. Users can interact with the pipe by clicking or dragging to rotate it further.
  • Transitions: As users scroll down, the steel pipe "unrolls" into a sleek product catalog, with each section of the pipe revealing a new product category.
  • Micro-Interactions: Hovering over product images will display a subtle metallic sheen animation, reinforcing the industrial theme.
  • Background: A gradient animation mimicking the texture of brushed steel, subtly shifting as users navigate the site.
  • Call-to-Action: Prominent buttons for "View Catalog" and "Submit Inquiry" will pulse gently to draw attention.

This design concept ensures a memorable first impression while aligning with the brand's industrial identity.

Page 3 of 4

7. Non-Functional Requirements

  • The website must be responsive and optimized for both desktop and mobile devices.
  • Page load times should not exceed 3 seconds on a standard 4G connection.
  • The system must support at least 500 concurrent users without performance degradation.
  • The inquiry form must be secure, ensuring user data is protected.

8. Tech Stack

Frontend:

  • React for Web

Backend:

  • Python
  • FastAPI

Database:

  • MySQL (with Alembic for migrations)

AI Tools:

  • Litellm for LLM Routing

Local Orchestration:

  • Docker
  • docker-compose

Server-Side Orchestration:

  • Kubernetes

9. Assumptions and Constraints

  • The website will not include downloadable spec sheets or pricing information, as per Mihir's request.
  • The system will be hosted on a cloud platform to ensure scalability and reliability.
  • The inquiry system will not include automated responses; all inquiries will be manually handled by the business owner or team.
Page 4 of 4

10. Glossary

  • B2B: Business-to-Business, referring to transactions between businesses.
  • Individual Customer: A non-business customer purchasing for personal use.
  • Responsive Design: A design approach ensuring the website works well on various devices and screen sizes.
  • 3D Visualization: A digital rendering of an object that users can interact with.
  • LLM Routing: Leveraging AI tools to manage and optimize language model interactions.

This document outlines the foundation for the Arctic-Steel project, ensuring clarity and alignment with Mihir Doshi's vision for his mild steel pipe business website.

Landing design preview
Landing: View Hero
Landing: Browse Catalog
Catalog: View Products
Product: View Details
Inquiry: Submit Form