System Requirements Document (SRD)

Project Name: velvet-consulting

1. Introduction

The velvet-consulting project aims to design and develop a modern, professional, and welcoming website for Sunshine Coast Consulting, a local consulting business based in Powell River, British Columbia, Canada. The website will serve as a digital platform to connect with small business owners, entrepreneurs, and local organizations seeking expert business guidance and growth strategies.

The website will reflect the company’s local roots, professionalism, and approachable nature while incorporating a clean, coastal-inspired design. It will feature high-quality custom images of Powell River and the Sunshine Coast to emphasize the business's connection to the community.

The ultimate goal is to generate more local clients by building trust and positioning Sunshine Coast Consulting as the go-to consulting service in Powell River.

2. System Overview

The velvet-consulting website will be a responsive, mobile-friendly platform designed to provide an intuitive user experience. It will include the following key features:

• A clean and coastal-inspired design with a soft blue, white, and natural green color palette.
• High-quality custom images showcasing Powell River, the Sunshine Coast, and local businesses.
• Clear call-to-action buttons to encourage user engagement, such as booking consultations.
• SEO optimization for key phrases like “Business consulting Powell River BC” and “Consulting services Sunshine Coast BC.”
• Professional branding and trust-building content, including testimonials from local clients.
• Easy navigation to ensure users can quickly find the information they need.

The website will include the following pages: Home, About, Services, Testimonials, and Contact.

3. Functional Requirements

• As a User, I should be able to view a clean and professional homepage with a strong headline, a short company intro, and a call-to-action button to book a consultation.
• As a User, I should be able to read about the company’s story, local roots, and mission on the About page.
• As a User, I should be able to view a detailed list of services offered, including business strategy consulting, financial planning guidance, marketing consulting, startup support, and operational improvement.
• As a User, I should be able to read testimonials from local clients to build trust.
• As a User, I should be able to contact the company via a contact form, phone number, email, or by viewing their location on an embedded Google Map.
• As a User, I should be able to navigate the website easily on both desktop and mobile devices.
• As an Admin, I should be able to update testimonials, services, and contact information without requiring technical expertise.

4. User Personas

4.1 Small Business Owners

• Description: Entrepreneurs and small business owners in Powell River looking for expert guidance to grow their businesses.
• Goals: Improve business strategy, financial planning, and marketing efforts.

4.2 Local Organizations

• Description: Non-profits and community organizations seeking operational improvement and strategic support.
• Goals: Enhance operational efficiency and achieve organizational goals.

4.3 Admin (Sunshine Coast Consulting Team)

• Description: Internal team members responsible for managing website content and responding to client inquiries.
• Goals: Keep the website updated and maintain a professional online presence.

5. Visuals Colors and Theme

Color Palette

The velvet-consulting project will use a unique coastal-inspired color palette:

• Background: #F5FAFF (Soft Sky Blue)
• Surface: #FFFFFF (Pure White)
• Text: #2E4A62 (Deep Ocean Blue)
• Accent: #6ABF69 (Natural Green)
• Muted Tones: #B3C7D6 (Light Coastal Gray)

This palette reflects the natural beauty of Powell River and the Sunshine Coast while maintaining a professional and approachable feel.

6. Signature Design Concept

Interactive Coastal Map Homepage

The homepage will feature an interactive coastal map of Powell River and the Sunshine Coast. This map will act as the primary navigation tool, with key sections of the website represented as clickable pins on the map.

Key Features:

• Dynamic Animations: The map will feature subtle wave animations to evoke the feeling of the ocean.
• Hover Effects: When users hover over a pin, a tooltip will appear with a brief description of the section (e.g., “Learn About Our Services”).
• Smooth Transitions: Clicking a pin will smoothly transition the user to the corresponding section of the website.
• Custom Illustrations: The map will include hand-drawn illustrations of local landmarks, such as Powell River’s waterfront and nearby forests, to emphasize the local connection.
• Responsive Design: On mobile devices, the map will transform into a simplified, scrollable layout for easy navigation.

This design concept will create a memorable first impression and reinforce the company’s local roots and expertise.

7. Non-Functional Requirements

• The website must load within 3 seconds on both desktop and mobile devices.
• The website must be accessible and comply with WCAG 2.1 Level AA standards.
• The website must be optimized for SEO to rank highly for local search terms.
• The website must be compatible with modern browsers, including Chrome, Firefox, Safari, and Edge.
• The website must be hosted on a secure server with HTTPS enabled.

8. Tech Stack

Frontend

• React for Web

Backend

• Python
• FastAPI

Database

• MySQL (with Alembic for migrations)

AI Tools

• GPT 5.4 for user-friendly responses

Local Orchestration

• Docker
• docker-compose

Server-Side Orchestration

• Kubernetes

9. Assumptions and Constraints

• The client will provide high-quality custom images of Powell River and the Sunshine Coast.
• The website will primarily target users in Powell River, British Columbia, and surrounding areas.
• The website will be developed in English, with no immediate plans for multilingual support.
• The client will provide all written content, including testimonials and service descriptions.

10. Glossary

• SEO: Search Engine Optimization, the process of improving a website’s visibility on search engines.
• WCAG: Web Content Accessibility Guidelines, a set of standards for making web content accessible to people with disabilities.
• Responsive Design: A design approach that ensures a website looks and functions well on devices of all sizes.
• FastAPI: A modern web framework for building APIs with Python.
• Docker: A platform for developing, shipping, and running applications in containers.

End of Document