System Requirements Document (SRD) for mint-makeup

1. Introduction

This document outlines the system requirements for mint-makeup, a high-end makeup and fragrance brand operating under the name M.M (Premium Bespoke Beauty). The project aims to create a professional, editorial-style website that reflects the brand's luxurious and bespoke identity. The website will focus on showcasing Signature Perfumes and Professional Makeup while emphasizing a minimalist, high-contrast black-and-white aesthetic. The primary goal is to provide a personalized shopping experience through WhatsApp-based consultations and orders.

This document has been tailored to meet the specific needs of Manjeet Singh, based in India, ensuring that all design and functional elements align with the local context and preferences.

2. System Overview

The mint-makeup website will serve as a digital storefront for M.M's premium beauty products. The system will focus on:

• Visual Identity: A sleek, editorial-style design with a strict black-and-white theme to convey luxury and sophistication.
• Product Showcase: High-quality grayscale imagery of perfumes and makeup products, emphasizing their premium nature.
• Personalized Shopping: A WhatsApp-only ordering system to facilitate direct, customized interactions with customers.
• Target Audience: Exclusively tailored for women, with a focus on personalization and bespoke beauty solutions.

The website will not feature traditional e-commerce functionalities like Add-to-Cart or Cash on Delivery (COD). Instead, it will prioritize direct communication via WhatsApp for a more intimate and customized shopping experience.

3. Functional Requirements

• As a User, I should be able to view high-quality grayscale images of Signature Perfumes and Professional Makeup products.
• As a User, I should see a "Consult & Order via WhatsApp" button on every product page.
• As a User, I should be able to contact the number +91 7895702750 directly from the website.
• As a User, I should see text highlighting M.M's personalized beauty offerings, such as: "Your beauty, your rules. Contact us to customize your fragrance notes or makeup shades."
• As a User, I should find a dedicated contact section at the bottom of the website with the message: "Need a personal touch? Call or WhatsApp us at +91 7895702750 to place your custom order."

4. User Personas

1. Primary User: Women (Target Audience)

• Demographics: Women aged 18-45, primarily urban, with a preference for high-end beauty products.
• Goals: To discover and purchase bespoke perfumes and makeup tailored to their preferences.
• Pain Points: Lack of personalization in mainstream beauty products; preference for a direct and exclusive shopping experience.

2. Admin

• Role: Manage product listings, update content, and respond to customer inquiries via WhatsApp.
• Goals: Ensure the website reflects the brand's premium identity and facilitates seamless customer interactions.

5. Visuals Colors and Theme

The mint-makeup website will adhere to a strict black-and-white theme to create a high-contrast, editorial look. Below is the unique color palette designed for this project:

• Background: #000000 (Deep Black)
• Surface: #1A1A1A (Charcoal Black)
• Text: #FFFFFF (Crisp White)
• Accent: #D4AF37 (Gold) – Used sparingly for highlights like buttons or monogram details.
• Muted Tones: #808080 (Gray) – For secondary text or subtle dividers.

6. Signature Design Concept

The Monochrome Elegance Experience

The homepage of mint-makeup will be a bold, unforgettable visual experience. Imagine entering a virtual editorial spread:

• Hero Section: A full-screen, high-contrast black-and-white video loop featuring slow-motion shots of perfume mist swirling in the air and makeup powder dispersing artistically. The video transitions seamlessly into a grayscale still image when the user scrolls.
• Interactive Monogram Logo: The "M.M" monogram will appear as a central element on the homepage. On hover, the overlapping "M"s will subtly animate, creating a ripple effect, as if the logo is being etched in gold.
• Scrolling Experience: As users scroll, products will appear as floating cards with grayscale images and minimal text. Each card will have a "Consult & Order via WhatsApp" button that glows faintly when hovered over.
• Micro-Interactions: Subtle animations, such as text fading in and out or images slightly zooming on hover, will enhance the premium feel.
• Typography: Elegant serif fonts for headings (e.g., Playfair Display) and clean sans-serif fonts for body text (e.g., Lato) will maintain the editorial aesthetic.

This design will immediately captivate visitors, immersing them in the luxurious world of M.M.

7. Non-Functional Requirements

• Performance: The website should load within 3 seconds on both desktop and mobile devices.
• Accessibility: Ensure WCAG 2.1 compliance for contrast and text readability.
• Localization: Default language will be English, with Indian locale settings (e.g., phone number format).
• Scalability: The system should handle up to 10,000 monthly visitors without performance degradation.

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
• Google Nano Banana for image generation

Local Orchestration

• Docker
• docker-compose

Server-Side Orchestration

• Kubernetes

9. Assumptions and Constraints

• The website will not feature traditional e-commerce functionalities like Add-to-Cart or COD.
• All product images and videos will be provided in high resolution and grayscale format.
• The WhatsApp number +91 7895702750 will be actively monitored for customer inquiries.
• The website will target an Indian audience, with all content tailored accordingly.

10. Glossary

• M.M: The brand name for mint-makeup, representing "Premium Bespoke Beauty."
• Grayscale: A color scheme that uses only shades of gray, ranging from black to white.
• WhatsApp-Only Ordering: A system where customers place orders exclusively through WhatsApp, bypassing traditional e-commerce functionalities.
• Monogram: A design consisting of two or more letters, typically overlapping, used as a logo or emblem.
• Editorial Style: A design aesthetic inspired by high-fashion magazines, characterized by minimalism, high contrast, and elegant typography.

End of Document