mammoth-clinic

Navya Vats

Create a modern, premium, and emotionally warm website for “Sunavya Clinic”, an IVF and Gynecology clinic led by Dr. Arti Sharma. The website should feel trustworthy, elegant, feminine, and medically professional while still soft and comforting for patients. Design Style * Overall aesthetic: bold yet soft and elegant * Main color palette: * Deep calming medical blue (#1E5AA8 or similar) as the dominant color * Soft blush pink (#F7B6C8 or similar) as the secondary accent * White backgrounds with subtle gradients and clean spacing * Typography: * Modern elegant serif for headings * Clean sans-serif for body text * Use rounded cards, soft shadows, glassmorphism accents, smooth animations, and premium UI styling * The interface should feel luxurious but emotionally reassuring * Mobile responsive and highly modern Hero Section * Large elegant hero banner with: * Indian mother holding a baby * Warm smiling Indian couple * Soft medical clinic atmosphere * Main headline: “Helping Dreams of Parenthood Blossom” * Subheadline: “Expert IVF, Fertility & Women’s Healthcare by Dr. Arti Sharma” * CTA buttons: * “Book Appointment” * “Contact Clinic” Navigation Bar Include: * Home * About Doctor * IVF & Fertility * Women’s Health * Appointment * Testimonials * Contact Sticky transparent navbar with elegant hover animations. About Dr. Arti Sharma Section Create a premium section introducing: * Dr. Arti Sharma as a compassionate IVF specialist and gynecologist * Qualifications: * MBBS * MD Obstetrics & Gynecology * Fellowship in Reproductive Medicine & IVF * Experience in fertility care, high-risk pregnancy, women’s wellness, and IVF treatments * Include elegant doctor profile card with professional image placeholder Services Section Create beautiful service cards for: * IVF Treatment * IUI * Fertility Counseling * Pregnancy Care * PCOS/PCOD Treatment * Menstrual Disorders * Ultrasound & Diagnostics * High-Risk Pregnancy Care Use soft gradients and modern medical icons. Appointment Booking Section Create an elegant appointment form with: * Name * Phone Number * Email * Preferred Date * Message * Book Appointment button Add floating soft blue and pink decorative elements. Clinic Timings Section Display timings in elegant cards: * Monday – Saturday: 9 AM – 7 PM * Sunday: Emergency Consultation Only Testimonials Section Include emotional patient reviews with soft cards and subtle animations: * Couples thanking Dr. Arti Sharma for successful IVF journeys * Mothers sharing positive pregnancy experiences Gallery / Visuals Use high-quality images of: * Indian mothers and babies * Happy couples * Women consulting doctors * Elegant clinic interiors * Soft feminine healthcare visuals Contact & Address Section Include: * Sunavya Clinic * Full address placeholder * Phone number placeholder * Email placeholder * Embedded Google Maps section * Social media icons Footer Elegant dark-blue footer with: * Quick links * Clinic timings * Contact details * Copyright: “© Sunavya Clinic — Caring for Every Woman’s Journey” Extra Features * Smooth scrolling animations * Floating appointment button * Soft particle or gradient background effects * SEO optimized * Fast loading * Premium modern UI inspired by luxury fertility clinics * Add subtle heart and floral motifs in background design without making it overly decorative * Include trust badges like: * “Compassionate Care” * “Advanced Fertility Solutions” * “Personalized Women’s Healthcare” The final website should feel emotionally comforting, medically trustworthy, modern, premium, and visually elegant with a strong blue theme complemented by soft pink accents.

Comments (0)

No comments yet. Be the first!

Page 1 of 4

Mammoth-Clinic System Requirements Document

Introduction

The Mammoth-Clinic project aims to create a modern, premium, and emotionally warm website for the "Sunavya Clinic," a gynecology and IVF clinic led by Dr. Arti Sharma. The website will be designed to feel trustworthy, elegant, feminine, and medically professional while maintaining a soft and comforting atmosphere for patients.

System Overview

The Mammoth-Clinic website will serve as a digital front for Sunavya Clinic, providing information about the clinic's services, facilitating appointment bookings, and offering online consultations. The site will be designed with a focus on user experience, ensuring it is mobile-responsive and visually appealing, with smooth animations and a premium UI style.

Functional Requirements

As a User, I should be able to book appointments online.
As a User, I should be able to access online consultations.
As a User, I should be able to view detailed information about Dr. Arti Sharma and her qualifications.
As a User, I should be able to explore various services offered by the clinic.
As a User, I should be able to read testimonials from other patients.
As a User, I should be able to view clinic timings and contact information.
As a User, I should be able to navigate the site easily with a sticky transparent navbar.
As a User, I should be able to access a patient portal for managing my appointments and consultations.
As a User, I should be able to view the clinic's location and access a Google Maps link for directions.

Page 2 of 4

User Personas

Patient: Individuals seeking gynecological, fertility, and women's healthcare services.
Administrator: Clinic staff responsible for managing appointments, consultations, and patient records.
Guest: Visitors exploring the clinic's services and information.

Visuals Colors and Theme

primary: #1E5AA8 (Deep calming medical blue)
primary_light: #4A7DC3 (Lighter tint of primary)
secondary: #F7B6C8 (Soft blush pink)
accent: #FF6F61 (Vibrant coral for CTAs)
highlight: #FFD700 (Warm gold for notifications)
bg: #FFFFFF (White background)
surface: rgba(255, 255, 255, 0.8) (Card/panel background)
text: #333333 (Primary text color)
text_muted: #777777 (Muted text color)
border: rgba(200, 200, 200, 0.5) (Subtle border color)

Signature Design Concept

The Mammoth-Clinic website will feature an interactive homepage that resembles a serene garden of blooming flowers. Each flower represents a different service or section of the website. Users can hover over a flower to see it bloom, revealing more information about the service. Clicking on a flower will smoothly transition the user to the corresponding section of the site. This concept will be brought to life using framer-motion for animations and gsap for scroll-triggered transitions, creating a visually captivating and interactive experience.

Page 3 of 4

Interaction Model & Motion Direction

The landing page will employ a "parallax" interaction model, providing a layered depth effect as users scroll. Decorative elements like floating petals and soft gradient backgrounds will move at different speeds, enhancing the storytelling aspect of the site. Internal pages, such as the patient portal and appointment booking, will use a "static" interaction model to prioritize clarity and ease of use.

Non-Functional Requirements

The website must be mobile-responsive and compatible with major browsers.
The site should load quickly and be optimized for SEO.
The design should reflect a premium and modern aesthetic.
The website should ensure data privacy and security for patient information.

Tech Stack

Frontend: React for Web
Backend: Python, FastAPI
Database: MySQL or MariaDB, using Alembic for migrations
AI Models: GPT 5.4 for user-friendly responses
AI Tools: Litellm for LLM Routing
Local Orchestration: Docker, docker-compose
Server-side Orchestration: Kubernetes

Page 4 of 4

Assumptions and Constraints

The website will primarily serve users in India, with timezone and currency settings configured accordingly.
The design will adhere to medical industry standards for accessibility and usability.
The project will operate within the budget and timeline constraints provided by Sunavya Clinic.

Glossary

IVF: In Vitro Fertilization
UI: User Interface
SEO: Search Engine Optimization
CTA: Call to Action
AI: Artificial Intelligence

This document outlines the requirements and design vision for the Mammoth-Clinic project, ensuring a comprehensive and user-friendly experience for all visitors.