System Requirements Document (SRD)

Project Name: onyx-staffing

1. Introduction

The onyx-staffing project is a new-age, interactive, and visually captivating website designed for Globner, a staffing and lateral hiring agency based in India. The primary goal of this project is to create a detailed and engaging online presence that attracts new clients while showcasing Globner's expertise in staffing solutions.

This document outlines the system requirements for the onyx-staffing project, ensuring alignment with the vision shared by Manish Gupta and the Globner team. The website will incorporate interactive features, dynamic content, and seamless navigation to enhance user experience and drive client engagement.

2. System Overview

The onyx-staffing website will serve as a digital hub for Globner, providing information about the agency's services, showcasing success stories, and offering interactive tools for potential clients to connect. Key components include:

• A visually appealing and modern design tailored to the staffing industry.
• Interactive features such as animations, dynamic forms, and live chat options.
• Dedicated sections for "Contact Us," "About," "Case Studies," "Client Testimonials," and more.
• Integration of social media links (Instagram, Facebook, LinkedIn) for enhanced connectivity.
• A responsive design optimized for both desktop and mobile platforms.

The website will be built using cutting-edge technologies to ensure scalability, performance, and ease of maintenance.

3. Functional Requirements

User Stories

• As a User, I should be able to view detailed information about Globner's staffing services.
• As a User, I should be able to submit inquiries via an interactive form.
• As a User, I should be able to access Globner's social media handles directly from the website.
• As a User, I should be able to read case studies and success stories.
• As a User, I should be able to view client testimonials to understand Globner's credibility.
• As a User, I should be able to navigate to the "Contact Us" section to find Globner's contact details.
• As a User, I should be able to learn more about Globner's history and team in the "About" section.
• As a User, I should be able to access a blog section for insights on staffing trends and industry news.
• As a User, I should be able to interact with a live chat feature for real-time assistance.
• As an Admin, I should be able to update content dynamically without technical expertise.

4. User Personas

1. Admin

• Role: Globner team members responsible for managing website content.
• Needs: Easy-to-use CMS for updating content, managing inquiries, and monitoring website analytics.

2. User

• Role: Potential clients seeking staffing solutions.
• Needs: Access to detailed service information, case studies, testimonials, and easy contact options.

3. Guest

• Role: Casual visitors exploring Globner's offerings.
• Needs: Engaging visuals, basic information, and links to social media for further exploration.

5. Visuals Colors and Theme

Color Palette

The onyx-staffing website will feature a unique color palette that reflects professionalism, trust, and modernity:

• Background: #F5F5F5 (Soft Gray)
• Surface: #FFFFFF (Pure White)
• Text: #333333 (Deep Charcoal)
• Accent: #0077B6 (Vibrant Blue)
• Muted Tones: #A6A6A6 (Neutral Gray)

This palette ensures a clean and professional look while maintaining visual appeal.

6. Signature Design Concept

Concept: Interactive Galaxy of Opportunities

The homepage will feature an interactive galaxy map, where each star represents a key section of the website (e.g., Services, Case Studies, Testimonials, About, Contact Us).

• Visuals: A dark, starry background with glowing stars that pulse gently.
• Interactions: Hovering over a star reveals a tooltip with the section name and a brief description. Clicking on a star zooms into that section with a smooth transition.
• Animations: Subtle twinkling effects and dynamic constellations forming as users navigate.
• Micro-interactions: Stars react to cursor movements, creating a sense of exploration.
• Color Shifts: Accent colors (Vibrant Blue) highlight active sections, while muted tones fade inactive ones.

This design concept will make the website unforgettable, inviting users to explore Globner's offerings in a visually immersive way.

7. Non-Functional Requirements

• Performance: The website must load within 3 seconds on standard broadband connections.
• Scalability: The system should handle up to 10,000 daily visitors without degradation.
• Security: Implement SSL encryption and secure authentication for admin access.
• Accessibility: Ensure WCAG 2.1 compliance for users with disabilities.
• Localization: Default settings tailored for Indian users (e.g., INR currency, IST timezone).

8. Tech Stack

Frontend

• React for Web
• React Native for Mobile App

Backend

• Python
• FastAPI

Database

• MySQL (preferred) or MariaDB with Alembic for migrations

AI Models

• GPT 5.4 for user-friendly responses
• Claude 4.6 Opas for coding-related queries
• Google Nano Banana for image generation

AI Tools

• Litellm for LLM Routing
• Langchain

Orchestration

• Docker and Docker Compose for local development
• Kubernetes for server-side orchestration

9. Assumptions and Constraints

Assumptions

• Users will primarily access the website from India.
• The website will be optimized for both desktop and mobile devices.
• Admins will have basic technical knowledge for managing content.

Constraints

• Budget limitations may restrict the use of advanced AI features.
• Hosting must support Kubernetes for scalability.

10. Glossary

• CMS: Content Management System, used for updating website content.
• WCAG: Web Content Accessibility Guidelines, standards for accessible web design.
• SSL: Secure Sockets Layer, a protocol for encrypting internet communications.
• IST: Indian Standard Time, the time zone used in India.
• LLM: Large Language Model, AI models designed for natural language processing.

End of Document