autumn-academy

bySiddeshgari Abhilash

Role: Expert UI/UX Web Designer Project: Educational Landing Page for{SUNNER CAMP} "Srividya Academy"First Batch classes started since April 1st. New Batch will start from April 14th! ​Design Style: ​Aesthetic: Clean, professional, and trustworthy. Use a modern "EdTech" look with rounded corners, ample white space, and soft shadows. ​Color Palette: Use a base of Navy Blue (for authority) and Sky Blue (for the hero background), with Golden Orange accents for "Call to Action" buttons (Join Now). ​Typography: Bold sans-serif headers (like Montserrat or Poppins) for clarity. ​Structure & Content: ​Navigation Bar: Logo on the left, links for "Home," "Courses," "About Me," and a "Join Now" button on the right. ​Hero Section: * Headline: "The Ladder for Your Bright Future." ​Sub-headline: "Expert e-learning services that inspire learners to explore more deeply." ​Visual: An image of a student learning happily on a laptop or a professional portrait of a tutor. ​Course Grid: A 3-column layout displaying cards for: ​Spiritual/Language: Bhagavad Githa (with meaning), Sanskrit, Telugu Language. ​Mathematics: All Levels of Math, Certified Abacus, Certified Vedic Mathematics. ​General Education: Pre-K to Grade 12 (All Subjects), English Grammar, Handwriting. ​Instructor Profile: A section featuring Srividya Ravinuthala Karne. ​Highlights: 20 Years of Experience. ​Credentials: M.Sc (Math), MBA, B.Ed, B.Tech. Govt. Certified Abacus & Vedic Math Trainer. "Contact us at +91 8179658161" with social media icons and a copyright notice. ​Key Feature: Ensure the site is fully responsive for mobile and desktop. ​Helpful Tips for the Build ​The Quote: Place the quote "The best e-Learning services do not just teach, they inspire learners to explore more deeply" in a high-quality blockquote style right below the Hero section to set the tone. ​Call to Action (CTA): Since the flyer uses "JOIN NOW!!!", make that button prominent and fixed in the header or at the bottom of the pricing section. ​Clarity: The flyer lists many credentials; in a website format, use icons next to each degree (e.g., a graduation cap icon for M.Sc) to make it easier to read at a glance. full please register now admissions limited {Summer camp} {admission} this word golden Student's Name: Father's Name: Mother's Name: Grade: Place: Course: Mobile No: Bhaghavad Githa [any age][ with meaning] Vedic Mathematics Abacus Handwriting Sanskrit Live Story Telling Session Origami Lippen Art Mosic Art Name Plate Glass Painting Best Out Waste SRIVIDYA ACADEMY {Regular Courses through out the year}{{admission} this word golden Student's Name: Father's Name: Mother's Name: Grade: Place: Course: Mobile No: BhaghavadGitha with meaning (Any Age) All Levels of Math Pre - K to Grade 12 (All Subjects) English Grammar Certified Abacus (Any Age) Certified Vedic Mathematics (Any Age) Hand Writing Sanskrit (All age groups) blob:https://web.whatsapp.com/21de1150-56fd-4b46-b480-ab5262acfe73 blob:https://web.whatsapp.com/696bfe01-f1ee-4c12-b2c0-2886f3b172c4 add this face book ID:https://www.youtube.com/@Srividya.…

Landing
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 6

System Requirements Document (SRD)

Project Name: autumn-academy

1. Introduction

Welcome to the System Requirements Document (SRD) for autumn-academy, an educational platform designed to provide high-quality e-learning services. This document outlines the functional and non-functional requirements, design concepts, and technical specifications necessary to build a modern, engaging, and responsive website for Siddeshgari Abhilash's project based in India. The platform will cater to learners of all ages, offering courses ranging from academic subjects to creative workshops.

The goal of autumn-academy is to inspire learners to explore deeply, providing a trustworthy and professional online presence for Srividya Academy's offerings, including regular courses and summer camp programs.

Page 2 of 6

2. System Overview

autumn-academy will serve as a centralized hub for Srividya Academy, showcasing its educational services, summer camp programs, and regular courses. The platform will feature a clean, professional design with modern EdTech aesthetics, ensuring ease of navigation and accessibility for users across devices. Key features include:

  • A responsive landing page optimized for mobile and desktop.
  • Interactive course grids for summer camp and regular programs.
  • A registration form for admissions.
  • Instructor profile highlighting credentials and experience.
  • Integration with social media platforms for outreach.
  • A visually appealing design with animations and micro-interactions to enhance user engagement.

The system will be built using cutting-edge technologies, ensuring scalability, security, and performance.

3. Functional Requirements

Story Points:

  • As a User, I should be able to view the available summer camp courses and their details.
  • As a User, I should be able to register for summer camp courses using a form.
  • As a User, I should be able to explore regular courses offered throughout the year.
  • As a User, I should be able to view the instructor's profile and credentials.
  • As a User, I should be able to contact the academy via phone or social media links.
  • As an Admin, I should be able to manage course details and update the website content.
  • As an Admin, I should be able to view and manage registration submissions.

4. User Personas

Page 3 of 6

1. Admin

  • Role: Manages course details, registration data, and website content.
  • Needs: Easy-to-use backend for updates and data management.

2. User

  • Role: Prospective student or parent exploring courses and registering for programs.
  • Needs: Clear course information, simple registration process, and trust-building elements.

3. Guest

  • Role: Casual visitor exploring the website.
  • Needs: Engaging visuals and easy navigation to understand offerings.

5. Visuals Colors and Theme

Color Palette:

  • Background: #ffffff (White)
  • Surface: #f5f5f5 (Light Gray)
  • Text: #1a237e (Navy Blue)
  • Accent: #ff8f00 (Golden Orange)
  • Muted Tones: #29b6f6 (Sky Blue)

Design Style:

  • Rounded corners, soft shadows, and ample white space.
  • Typography: Bold sans-serif headers (e.g., Montserrat or Poppins) for clarity and professionalism.
Page 4 of 6

6. Signature Design Concept

Interactive Galaxy Map Homepage

The homepage will feature an interactive galaxy map where each star represents a course or feature of the academy. Users can hover over stars to reveal course details, and clicking on a star will zoom into a detailed section about that course. The galaxy map will have subtle animations, with stars twinkling and orbiting slowly to create a dynamic and engaging experience.

Details:

  • Background: A deep navy blue gradient with scattered stars.
  • Animations: Stars twinkle and orbit gently; hovering over a star triggers a glowing effect.
  • Transitions: Smooth zoom-in and zoom-out effects when interacting with stars.
  • Micro-interactions: Clicking a star opens a modal with course details and a "Register Now" button.
  • Mood: Futuristic and inspiring, symbolizing exploration and limitless learning.

This bold design will make the website unforgettable and align with the academy's mission to inspire learners.

7. Non-Functional Requirements

  • Performance: Pages should load within 2 seconds.
  • Scalability: The system should handle up to 10,000 concurrent users.
  • Security: Implement SSL encryption and secure user data.
  • Accessibility: WCAG 2.1 compliance for users with disabilities.
  • Localization: Default timezone set to IST (Indian Standard Time); currency displayed in INR.

8. Tech Stack

Page 5 of 6

Frontend:

  • React for Web
  • React Native for mobile app

Backend:

  • Python
  • FastAPI

Database:

  • MySQL or MariaDB (preferred for RDBMS)
  • Alembic for migrations

AI Models:

  • GPT 5.4 for user-friendly responses
  • Claude 4.6 Opas for academic or coding work
  • Google Nano Banana for image generation

AI Tools:

  • Litellm for LLM Routing
  • Langchain

Local Orchestration:

  • Docker
  • docker-compose
Page 6 of 6

Server-Side Orchestration:

  • Kubernetes

9. Assumptions and Constraints

Assumptions:

  • Users will primarily access the platform via mobile and desktop devices.
  • The academy will provide all course details and instructor credentials.
  • Social media links and contact information will remain static.

Constraints:

  • Limited budget for third-party integrations.
  • Strict adherence to Indian educational standards and guidelines.
  • Deployment must be completed before the next batch starts on April 14th.

10. Glossary

  • EdTech: Educational Technology, referring to the use of technology in education.
  • WCAG: Web Content Accessibility Guidelines, standards for making web content accessible.
  • SSL: Secure Sockets Layer, a protocol for encrypting internet communications.
  • IST: Indian Standard Time, the time zone used in India.

This SRD provides a comprehensive blueprint for the development of autumn-academy, ensuring alignment with Siddeshgari Abhilash's vision and the needs of Srividya Academy's audience.

Landing design preview
Login: Sign In
Dashboard: View Overview
Dashboard: Manage Courses
Courses: Edit Details
Registrations: View Submissions
Registrations: Manage Entries