Skip to content

scm7ak/scm7ak.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Love My Build - Website

Overview

Love My Build is a website dedicated to empowering UK homeowners to take control of their beloved home building and renovation projects. The site focuses on protecting customers from rogue builders and providing expert guidance for successful home improvements.

Core Message

"No one loves your home like you do" - This website emphasizes that it's YOUR home, not the builder's, and provides the tools and knowledge to ensure you stay in control throughout your build process.

Features

Current (Holding Page)

  • Modern, Clean Design: Professional appearance that makes customers feel comfortable and at home
  • UK Market Focus: Written in UK English with specific focus on UK building practices
  • Responsive Design: Works perfectly on desktop, tablet, and mobile devices
  • Smooth Animations: Engaging user experience with subtle animations
  • Customer-Centric Messaging: Emphasizes customer empowerment and protection

Content Sections

  1. Hero Section: Powerful messaging about homeowner control
  2. About Section: Three key value propositions:
    • Protection from rogue builders
    • Customer-approved methods
    • Empowered decision making
  3. Services Section: Four main service areas:
    • Builder vetting & selection
    • Project management support
    • Red flag recognition
    • Fair pricing guidance
  4. Contact Section: Placeholder for future contact information

File Structure

LoveMyBuild.com/
├── index.html              # Main homepage
├── assets/
│   ├── css/
│   │   └── style.css       # Main stylesheet
│   └── js/
│       └── main.js         # Interactive features
└── README.md               # This file

Design Philosophy

  • Clean and Modern: Minimalist design that doesn't overwhelm visitors
  • Trust-Building: Professional appearance that instills confidence
  • Customer-Focused: Every element designed to make homeowners feel empowered
  • UK-Specific: Language, terminology, and cultural references appropriate for UK market

Color Scheme

  • Primary Red: #e74c3c (Love/passion for homes)
  • Dark Blue: #2c3e50 (Trust and professionalism)
  • Light Grey: #f8f9fa (Clean, comfortable backgrounds)
  • Text Grey: #555 (Readable, professional content)

Typography

  • Font Family: Inter (modern, clean, highly readable)
  • Hierarchy: Clear heading structure for easy scanning
  • Readability: Optimized line heights and spacing

Technical Features

  • Responsive Grid: CSS Grid and Flexbox for perfect layouts
  • Smooth Scrolling: Enhanced navigation experience
  • Intersection Observer: Performance-optimized scroll animations
  • Mobile-First: Designed to work perfectly on all devices

Future Enhancements

  • Contact forms and booking system
  • Builder directory and vetting tools
  • Customer testimonials and case studies
  • Educational content and guides
  • Cost calculation tools
  • Project tracking features

Getting Started

  1. Open index.html in a web browser
  2. The site is ready to use as a holding page
  3. All assets are self-contained (except Google Fonts)

Browser Support

  • Chrome, Firefox, Safari, Edge (latest versions)
  • Mobile browsers (iOS Safari, Chrome Mobile)
  • Progressive enhancement for older browsers

Development Notes

  • No external dependencies except Google Fonts
  • Vanilla JavaScript for maximum compatibility
  • CSS Grid with Flexbox fallbacks
  • Optimized for fast loading

Love My Build - Empowering UK homeowners to take control of their beloved home projects with confidence and knowledge.

About

cleverkat

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published