Sustainability Website System Requirements Document

1. Introduction

This document outlines the system requirements for a professional website aimed at securing a job in Gothenburg, Sweden. The website will highlight Hinza Iman's expertise in sustainability and ESG (Environmental, Social, and Governance) analysis, targeting roles such as Sustainability Coordinator, Junior ESG Analyst, CSRD Reporting Analyst, and Supplier Sustainability Analyst.

2. System Overview

The website will serve as a professional portfolio and resume platform for Hinza Iman, showcasing skills, certifications, and experience in sustainability and ESG analysis. It will be designed to appeal to recruiters at Gothenburg-based companies like Volvo Cars, SKF, Alfa Laval, or Sweco.

3. Functional Requirements

• As a job seeker, I want to display my contact information prominently, so that potential employers can easily reach me.
• As a job seeker, I want to showcase my top skills, including EcoVadis, CSRD, and ESG Reporting, to highlight my expertise.
• As a job seeker, I want to list my certifications, such as CSRD Fundamentals (Level 1), to demonstrate my qualifications.
• As a job seeker, I want to provide a summary of my professional experience, detailing my role in leading Bomek Verkstads AB through their EcoVadis sustainability submission.
• As a job seeker, I want to detail my experience in conducting gap analysis and developing improvement roadmaps, to show my strategic planning capabilities.
• As a job seeker, I want to highlight my educational background, including my Master's in Sustainability Studies and Interior Design, to showcase my academic achievements.
• As a job seeker, I want to include links to my LinkedIn profile and portfolio website, to provide additional information and examples of my work.
• As a job seeker, I want to detail my experience in supplier sustainability tracking, to demonstrate my ability to manage supply chain sustainability.
• As a job seeker, I want to present my availability for full-time roles in Gothenburg, to inform potential employers of my readiness to work.
• As a job seeker, I want to showcase my ability to collaborate cross-functionally to balance user needs, to highlight my teamwork and communication skills.
• As a job seeker, I want to detail my experience in conducting gap analysis across energy, waste, chemicals, water, and supplier practices, to demonstrate my comprehensive analytical skills.
• As a job seeker, I want to highlight my experience in organizing and mapping evidence across all ESG categories, to show my expertise in sustainability assessments.
• As a job seeker, I want to demonstrate my ability to identify and prioritize actions for each indicator, to showcase my strategic planning skills.
• As a job seeker, I want to highlight my experience in integrating circular design principles, to demonstrate my commitment to sustainable design.
• As a job seeker, I want to showcase my ability to identify confirmation gaps and develop plans to address them, to highlight my problem-solving skills.
• As a job seeker, I want to detail my experience in covering urgent submissions and near-term compliance actions, to demonstrate my ability to manage time-sensitive projects.
• As a job seeker, I want to highlight my focus on resource efficiency and sustainability benchmarks, to show my commitment to environmental responsibility.
• As a job seeker, I want to demonstrate my ability to prepare submission-ready evidence, to showcase my attention to detail and thoroughness.

4. User Personas

• Hinza Iman: A sustainability and ESG analyst seeking employment in Gothenburg. Hinza is focused on showcasing her skills and experience to potential employers in the sustainability sector.
• Recruiter: A professional at a Gothenburg-based company looking to hire for sustainability roles. They are interested in candidates with strong ESG and sustainability credentials.

5. Core User Flows

Hinza Iman

1. Access the website.
2. Navigate to the contact section to ensure information is correct.
3. Review the skills and certifications sections to verify accuracy.
4. Update the professional summary and experience sections as needed.
5. Ensure educational background is up-to-date.
6. Check links to LinkedIn and portfolio for functionality.

Recruiter

1. Access the website.
2. Review contact information for potential outreach.
3. Evaluate skills and certifications for job fit.
4. Read through the professional summary and experience to assess qualifications.
5. Check educational background for relevant degrees.
6. Follow links to LinkedIn and portfolio for further insights.

6. Visuals Colors and Theme

• primary: #2A9D8F (Teal)
• primary_light: #A8DADC (Light Teal)
• secondary: #264653 (Dark Blue)
• accent: #E76F51 (Coral)
• highlight: #F4A261 (Orange)
• bg: #F1FAEE (Light Cream)
• surface: rgba(38, 70, 83, 0.8) (Dark Blue)
• text: #1D3557 (Navy Blue)
• text_muted: #457B9D (Muted Blue)
• border: rgba(233, 69, 96, 0.2) (Light Coral)

7. Signature Design Concept

The homepage will feature an interactive 3D sustainability landscape using @react-three/fiber and @react-three/drei. Users can navigate through a virtual environment representing different sustainability themes (Environment, Labor, Ethics, Supply Chain). Each theme is represented by a distinct 3D element (e.g., a wind turbine for Environment, a handshake for Ethics). Hovering over these elements reveals detailed information and user stories, while clicking transitions to related sections of the website. This immersive experience will engage users and provide a memorable first impression.

8. Interaction Model & Motion Direction

The website will employ a "parallax" interaction model for the landing page, creating a layered depth effect as users scroll. This will be complemented by smooth animations and hover transitions using framer-motion to enhance user engagement and provide a polished, professional feel.

9. Non-Functional Requirements

• The website must be responsive and accessible on all devices, including desktops, tablets, and smartphones.
• It should load quickly and be optimized for performance.
• The website must be secure, protecting user data and privacy.

10. Tech Stack

• Frontend: React.js
• Backend: Python + FastAPI
• Database: MySQL with Alembic migrations

11. Assumptions and Constraints

• The website will be hosted on a platform that supports the chosen tech stack.
• Content updates will be managed by Hinza Iman or a designated representative.
• The website must comply with GDPR regulations for data protection.

12. Glossary

• EcoVadis: A sustainability rating platform for global supply chains.
• CSRD: Corporate Sustainability Reporting Directive, a European Union directive for sustainability reporting.
• ESG: Environmental, Social, and Governance, a set of criteria for evaluating a company's operations and performance.
• ESRS: European Sustainability Reporting Standards, guidelines for sustainability reporting in the EU.