System Requirements Document (SRD)

Project Name: terra-business

1. Introduction

The purpose of this System Requirements Document (SRD) is to outline the functional and non-functional requirements for the terra-business project. This project is a website designed to showcase the ceramic business of Kavita Ashodia, based in India. The website will focus on displaying a catalog of tiles and bath fitting products, emphasizing their aesthetics and quality, while providing an easy way for potential customers to contact the business.

The website will not include e-commerce functionality but will serve as a visually appealing platform for product display and customer inquiries. Locale-specific considerations, such as Indian currency (₹) and timezone (IST), will be incorporated into the design.

2. System Overview

The terra-business website will serve as a digital catalog for Kavita Ashodia's ceramic business. It will feature:

• A visually engaging gallery to showcase tiles and bath fittings.
• Categorization of products for easy navigation.
• A contact form for customer inquiries.
• A responsive design to ensure compatibility across devices (desktop, tablet, and mobile).

The system will prioritize simplicity, elegance, and user-friendliness to create a seamless browsing experience for potential customers.

3. Functional Requirements

• As a User, I should be able to view product categories (e.g., tiles, bath fittings).
• As a User, I should be able to browse a gallery of high-quality product images.
• As a User, I should be able to view detailed descriptions of products.
• As a User, I should be able to access a contact form to send inquiries.
• As a User, I should be able to view the website seamlessly on desktop, tablet, and mobile devices.

4. User Personas

1. Business Owner (Admin)

• Role: Kavita Ashodia, the owner of the ceramic business.
• Goals:
  • Manage and update the product catalog.
  • Ensure the website reflects the brand's aesthetics and quality.
  • Respond to customer inquiries promptly.

2. Potential Customers (Users)

• Role: Individuals or businesses interested in purchasing tiles and bath fittings.
• Goals:
  • Browse the product catalog for inspiration and information.
  • Contact the business for inquiries or further details.

5. Visuals Colors and Theme

Color Palette for terra-business:

• Background: #F5F5F0 (Soft Beige)
• Surface: #FFFFFF (Pure White)
• Text: #333333 (Charcoal Gray)
• Accent: #D4A373 (Warm Terracotta)
• Muted Tones: #B8B8B8 (Light Gray)

This palette reflects the earthy and elegant tones associated with ceramic products, creating a warm and inviting visual identity for the website.

6. Signature Design Concept

"Interactive Tile Wall" Landing Page

The homepage will feature an interactive tile wall that mimics a real-life ceramic display. Visitors will see a grid of tiles and bath fitting images that they can hover over or click to reveal more details.

• Hover Effect: When a user hovers over a tile, it will slightly "lift" with a subtle shadow effect, and the product name will appear.
• Click Interaction: Clicking on a tile will open a modal with a larger image, product details, and a "Contact for Inquiry" button.
• Dynamic Animation: The tile wall will have a smooth, cascading animation on page load, where tiles appear one by one, creating a visually stunning first impression.
• Background: A soft, textured pattern resembling ceramic material will enhance the immersive experience.

This design will make the website memorable and align perfectly with the ceramic business's aesthetic appeal.

7. Non-Functional Requirements

• The website must load within 3 seconds on a standard 4G connection.
• The website must be responsive and compatible with major browsers (Chrome, Firefox, Safari, Edge).
• The system must support high-resolution images without compromising performance.
• The contact form must be secure and prevent spam submissions.

8. Tech Stack

Frontend

• React for Web

Backend

• Python
• FastAPI

Database

• MySQL (with Alembic for migrations)

AI Tools

• None required for this project.

Local Orchestration

• Docker
• docker-compose

9. Assumptions and Constraints

• The website will not include e-commerce functionality.
• High-quality images of products will be provided by the business owner.
• The website will primarily target an Indian audience, so locale-specific considerations (e.g., INR currency, IST timezone) will be applied.
• The website will be hosted on a reliable cloud platform to ensure uptime and scalability.

10. Glossary

• Admin: The business owner who manages the website content.
• User: A potential customer browsing the website.
• Responsive Design: A design approach that ensures the website works well on devices of all sizes.
• Modal: A pop-up window that displays additional information without navigating away from the current page.
• Tile Wall: A grid-like layout that mimics a physical display of ceramic tiles.