System Requirements Document (SRD)

Project Name: Swift-Website

1. Introduction

The Swift-Website project is designed to create a modern, professional, and visually stunning website for ARCH PRODUCTION, a photography and videography business based in India. The website will embody a cinematic, premium, and creative feel, showcasing the brand's high-end portfolio. It will feature a dark theme with black, grey, and gold accents, aligning with the brand's luxurious aesthetic.

The logo provided by ARCH PRODUCTION will be prominently displayed, ensuring brand recognition and consistency.

2. System Overview

The website will serve as a digital portfolio and booking platform for ARCH PRODUCTION, enabling users to explore services, view the portfolio, and schedule shoots or submit inquiries seamlessly. It will be optimized for mobile and desktop devices, ensuring a fast and user-friendly experience.

Key features include:

• A visually captivating homepage with cinematic elements.
• Dedicated sections for About Us, Services, Portfolio, and Contact.
• Integration of a contact form, direct booking system, and WhatsApp for instant communication.

3. Functional Requirements

Story Points:

• As a User, I should be able to view a cinematic hero section with a tagline and background video/photo slider.
• As a User, I should be able to explore ARCH PRODUCTION's story and creative vision on the About Us page.
• As a User, I should be able to browse services with icons and descriptions.
• As a User, I should be able to view high-quality images in a categorized portfolio/gallery.
• As a User, I should be able to submit inquiries via a contact form.
• As a User, I should be able to schedule shoots directly through a booking system.
• As a User, I should be able to communicate instantly via WhatsApp integration.

4. User Personas

1. Admin

• Manages portfolio content, services, and bookings.
• Monitors inquiries and responds via WhatsApp or email.

2. User

• Explores the website to view services and portfolio.
• Submits inquiries or books shoots directly.

3. Guest

• Browses the website without interaction.

5. Visuals Colors and Theme

Color Palette:

• Background: #0D0D0D (Deep Black)
• Surface: #1C1C1C (Charcoal Grey)
• Text: #F5F5F5 (Soft White)
• Accent: #FFD700 (Gold)
• Muted Tones: #808080 (Neutral Grey)

This palette creates a cinematic and luxurious feel, emphasizing the premium nature of ARCH PRODUCTION.

6. Signature Design Concept

Cinematic Floating Frames Homepage

The homepage will feature a floating frames design, where high-quality images and videos of ARCH PRODUCTION's work appear as interactive, animated frames.

Details:

• Hero Section: A full-screen cinematic video slider with the tagline "Capturing Moments, Creating Memories" overlayed in gold text.
• Interactive Frames: As users scroll, frames showcasing portfolio highlights will float into view with subtle parallax effects.
• Micro-interactions: Hovering over a frame will expand it slightly, revealing more details or a preview of the portfolio category.
• Call-to-Action: Prominent "Book Now" and "View Portfolio" buttons will pulse gently to draw attention.

This design will immerse users in the artistry of ARCH PRODUCTION, creating a memorable first impression.

7. Non-Functional Requirements

• Performance: The website must load within 3 seconds on both mobile and desktop devices.
• Responsiveness: The design must adapt seamlessly to various screen sizes.
• Security: Ensure secure communication for booking and inquiries using HTTPS.
• Scalability: The system must support future additions like new portfolio categories or services.

8. Tech Stack

Frontend:

• React for Web

Backend:

• Python
• FastAPI

Database:

• MySQL (with Alembic for migrations)

AI Tools:

• GPT 5.4 for user-friendly responses

Local Orchestration:

• Docker
• Docker-Compose

Server-Side Orchestration:

• Kubernetes

9. Assumptions and Constraints

• Users primarily access the website via mobile devices.
• The website must align with the brand's cinematic and premium aesthetic.
• WhatsApp integration will use a third-party API for seamless communication.
• Booking system will include date and time selection, integrated with backend scheduling logic.

10. Glossary

• Hero Section: The topmost section of a webpage, designed to grab attention.
• Parallax Effect: A scrolling effect where background images move slower than foreground elements.
• Micro-interactions: Small animations or effects that enhance user experience.
• HTTPS: Secure communication protocol for websites.