System Requirements Document (SRD)

gilded-website

1. Introduction

The gilded-website is a personal website project for Ruba Ruba, designed to showcase her academic achievements, work experience, and personal interests to future employers. The website will serve as a professional portfolio, offering a downloadable resume, project links, and a dedicated section for hobbies, specifically crocheting. This project aligns with the requirements of the Individual Assignment 2: Personal Website Development for the Advanced Digital Marketing course at Baruch College, Zicklin School of Business.

The website will be built with a focus on usability, aesthetics, and functionality, ensuring it is easy to navigate, visually appealing, and optimized for search engines.

2. System Overview

The gilded-website will consist of the following key components:

• Homepage: A welcoming introduction with a professional design to encourage exploration.
• Academic & Work Page: A detailed section highlighting academic achievements, work experience, and project links.
• Extra Page: A dedicated page showcasing Ruba's crocheting hobby, complete with photos and personal insights.
• Resume Download: A feature allowing visitors to download a high-quality PDF of Ruba's resume.
• SEO Optimization: Basic search engine optimization to improve visibility in search results.

The website will be developed using modern web technologies, ensuring responsiveness, accessibility, and compatibility across devices.

3. Functional Requirements

• As Ruba, I should be able to display my name prominently on the homepage.
• As a User, I should be able to navigate easily across all pages.
• As Ruba, I should be able to showcase my academic achievements and work experience on a dedicated page.
• As Ruba, I should be able to include links to my projects and employers.
• As Ruba, I should be able to create a dedicated page for my crocheting hobby, including photos and personal insights.
• As a User, I should be able to download a high-quality PDF of Ruba's resume.
• As Ruba, I should be able to optimize my website for search engines and connect it to Google Search Console.

4. User Personas

1. Ruba Ruba (Owner):

   • A student at Baruch College, Zicklin School of Business, looking to create a professional online presence.
   • Goals: Showcase academic and work achievements, highlight personal interests, and provide a downloadable resume for potential employers.

2. Potential Employers (Visitors):

   • Professionals seeking to learn more about Ruba's qualifications and skills.
   • Goals: Review Ruba's resume, explore her projects, and gain insights into her personality through her hobbies.

3. General Audience (Visitors):

   • Individuals interested in Ruba's work or hobbies.
   • Goals: Navigate the website easily and explore its content.

5. Visuals Colors and Theme

The gilded-website will feature a unique color palette that reflects professionalism and creativity:

• Background: #F7F5F2 (Soft Cream)
• Surface: #FFFFFF (Pure White)
• Text: #2E2E2E (Charcoal Gray)
• Accent: #FFD700 (Gilded Gold)
• Muted Tones: #B0A8A0 (Warm Gray)

This palette combines neutral tones with a touch of gold to convey sophistication and warmth.

6. Signature Design Concept

"The Golden Thread" Interactive Homepage

The homepage will feature an animated "golden thread" that weaves through the sections of the page, symbolizing connection and creativity.

• Visuals: The golden thread will appear as a glowing line that moves dynamically as users scroll. It will connect key elements like the introduction, navigation menu, and call-to-action buttons.
• Animations: Subtle animations will make the thread shimmer and pulse, drawing attention to interactive elements.
• Interactions: Hovering over the thread will reveal tooltips or micro-interactions, such as a glowing effect or a brief description of the linked section.
• Transitions: Smooth scrolling and fade-in effects will enhance the user experience.

This concept will make the website memorable and visually engaging, leaving a lasting impression on visitors.

7. Non-Functional Requirements

• The website must be responsive and accessible on all devices (desktop, tablet, mobile).
• The website must load within 3 seconds on a standard broadband connection.
• The website must comply with WCAG 2.1 accessibility standards.
• The website must be optimized for search engines using meta tags, alt text, and structured data.

8. Tech Stack

• Frontend: React for Web
• Backend: FastAPI (if dynamic content is required)
• Database: MySQL (for storing project links or other structured data)
• AI Tools: Not applicable for this project
• Orchestration: Docker for local development

9. Assumptions and Constraints

• The website will use Ruba's real name and personal details.
• The website will not include sensitive or confidential information.
• The project must be completed by April 7, 2026, to meet the assignment deadline.
• The website will be hosted on a free or low-cost platform to minimize expenses.

10. Glossary

• SEO: Search Engine Optimization, the process of improving a website's visibility in search engine results.
• WCAG: Web Content Accessibility Guidelines, a set of standards for making web content accessible to all users.
• Responsive Design: A design approach that ensures a website looks and functions well on all devices.
• FastAPI: A modern web framework for building APIs with Python.
• Docker: A tool for creating and managing containers for application deployment.