System Requirements Document (SRD)

Project Name: wooden-homepage

1. Introduction

The wooden-homepage project aims to create a high-converting homepage for OBSURV Building Surveyors, a specialist in residential property surveys. The homepage will be designed to instill trust, provide clear information about services, and guide users toward taking action, such as requesting a quote or speaking to a surveyor. This document outlines the system requirements to ensure the successful development of the homepage.

2. System Overview

The wooden-homepage will serve as the digital front door for OBSURV Building Surveyors, targeting property buyers who need detailed home surveys. The system will focus on delivering a seamless user experience, highlighting OBSURV's expertise, and encouraging conversions through clear calls to action. The website will be optimized for both desktop and mobile devices, ensuring accessibility and usability for all users.

Key features include:

• A visually appealing and professional design that reflects OBSURV's expertise.
• Clear navigation and structured content to guide users through services and processes.
• Trust-building elements such as testimonials, certifications, and a transparent process.
• Interactive elements like a testimonials slider and a dynamic map for areas covered.

3. Functional Requirements

Hero Section:

• As a User, I should see a headline that reads: "Specialist Residential Property Surveyors."
• As a User, I should see a subheadline that reads: "Detailed home surveys helping property buyers make confident decisions."
• As a User, I should see two buttons: "Get a Quote" and "Speak to a Surveyor."

Trust Bar:

• As a User, I should see trust indicators for:
  • RPSA regulated
  • 5-star reviews
  • Experienced surveyors
  • Fast report turnaround

Services Overview:

• As a User, I should see cards for the following services:
  • Level 2 Home Survey
  • Level 3 Building Survey
  • Snagging Survey
  • Damp Survey
  • Drone Roof Inspection
  • Single Defect Report

Why Choose OBSURV Section:

• As a User, I should see reasons to choose OBSURV, focusing on:
  • Detailed inspections
  • Personal service
  • Residential specialists
  • Clear reports

Process Section:

• As a User, I should see a 4-step process:
  • Step 1: Request a Quote
  • Step 2: Book Survey
  • Step 3: Property Inspection
  • Step 4: Receive Report

Testimonials Slider:

• As a User, I should see a slider showcasing testimonials from satisfied clients.

Areas We Cover:

• As a User, I should see a visual representation of the areas OBSURV covers, such as a map or a list of cities.

About OBSURV Section:

• As a User, I should see a short introduction about OBSURV Building Surveyors.

Final Call to Action:

• As a User, I should see a final call to action encouraging me to request a quote.

4. User Personas

1. Property Buyer

   • Description: Individuals or families looking to purchase a residential property and require a survey to make informed decisions.
   • Goals: To find a reliable surveyor, understand the condition of the property, and receive a clear and detailed report.
   • Pain Points: Lack of trust in surveyors, unclear processes, and delays in receiving reports.

2. Real Estate Agents

   • Description: Professionals assisting clients in buying or selling properties who may recommend OBSURV's services.
   • Goals: To provide clients with reliable surveyor recommendations and ensure smooth property transactions.
   • Pain Points: Need for quick and accurate survey reports to close deals efficiently.

3. Homeowners

   • Description: Individuals who own properties and need surveys for maintenance, renovations, or selling purposes.
   • Goals: To identify potential issues with their property and receive expert advice on necessary repairs.
   • Pain Points: Difficulty finding a specialist in residential properties and concerns about costs.

5. Visuals Colors and Theme

Color Palette:

• Primary Color: Deep Blue (#003366) – Represents trust, professionalism, and reliability.
• Secondary Color: Light Gray (#F5F5F5) – Provides a clean and modern background.
• Accent Color: Warm Yellow (#FFC107) – Highlights key elements like buttons and calls to action.
• Neutral Color: White (#FFFFFF) – Ensures readability and a clean design.

Typography:

• Headings: Sans-serif font (e.g., Montserrat) for a modern and professional look.
• Body Text: Serif font (e.g., Georgia) for readability and a touch of elegance.

Imagery:

• High-quality images of residential properties, surveyors at work, and satisfied clients.
• Icons for trust indicators and process steps.

6. Signature Design Concept

Interactive Blueprint Homepage
The homepage will resemble an architectural blueprint, with a clean, grid-like layout and subtle pencil-sketch animations. As users scroll, they will see sections "draw" themselves in real-time, mimicking the process of creating a building plan.

• Hero Section: The headline and subheadline will appear as if being "sketched" onto the page, with the buttons highlighted in the warm yellow accent color.
• Trust Bar: Icons for trust indicators will "fade in" as if being stamped onto the blueprint.
• Services Overview: Each service card will "flip" to reveal more details when hovered over, resembling a drafting table where plans are reviewed.
• Process Section: Each step will be represented by a pencil-drawn icon that animates into a completed design as the user scrolls.
• Testimonials Slider: The slider will feature client quotes appearing on blueprint-style sticky notes, pinned to the page with animated pushpins.
• Areas We Cover: A dynamic map will highlight covered areas in the primary deep blue color, with hover effects showing city names.
• Final CTA: The call-to-action button will pulse subtly, drawing attention without being intrusive.

This design will create a memorable first impression, reinforcing OBSURV's expertise and attention to detail.

7. Non-Functional Requirements

• The website must load within 2 seconds on both desktop and mobile devices.
• The design must be responsive and optimized for various screen sizes.
• The website must comply with accessibility standards (WCAG 2.1 Level AA).
• The system must handle up to 10,000 monthly visitors without performance degradation.

8. Tech Stack

Frontend:

• React for Web

Backend:

• Python
• FastAPI

Database:

• MySQL with Alembic for migrations

AI Tools:

• GPT 5.2 for user-friendly responses in the chatbot feature

Local Orchestration:

• Docker
• docker-compose

Server-Side Orchestration:

• Kubernetes

9. Assumptions and Constraints

• The website will primarily target users in India (IN), so the default currency will be INR, and the timezone will be IST (Indian Standard Time).
• The client will provide high-quality images and content for the website.
• The system will integrate with OBSURV's existing CRM for lead management.

10. Glossary

• RPSA: Residential Property Surveyors Association
• CTA: Call to Action
• WCAG: Web Content Accessibility Guidelines
• Blueprint: A technical drawing used in architecture and design

This document outlines the requirements for the wooden-homepage project. Let me know if there are any additional details or changes you'd like to make, sachin!