Сайт для клининговой компании — кейс разработки
Задача
Собственный демо-проект для портфолио: показать, как может выглядеть лендинг для клининговой компании — с несколькими услугами (мойка окон, регулярная уборка, промышленный клининг), понятным оффером и блоками, которые снимают сомнения перед заявкой: отзывы, сертификаты, примеры работ, партнёры.
Решение
Собрал одностраничный сайт на чистом PHP 8 + SQLite, без фреймворков и внешних библиотек — HTML5, CSS по BEM и нативный JS (ES-модули). В структуру вошли: карточки услуг, блок спецпредложения, раздел «О компании», отзывы, сертификаты, кейсы, партнёры и форма заявки. Весь текст и изображения редактируются через админ-панель, без правки кода.
Результат
Получился рабочий пример лендинга для нишевого сервисного бизнеса — с готовой структурой доверия и заявкой, который можно показать реальному заказчику из клининговой сферы как референс или взять за основу для его сайта.
Технологии
Скриншоты
Техническое описание
Техническое описание О проекте Сайт разработан с нуля без использования конструкторов и сторонних UI-фреймворков — только собственный код. Страницы сайта Публичная часть Одностраничный лендинг с якорной навигацией по секциям и отдельной формой заявки: 🏠 Главная — hero-секция с призывом к действию и фото 🧹 Услуги — карточки направлений клининга 🎁 Спецпредложение — акционный блок с доп. фото 🏢 О компании — текст, фото, специализация ⭐ Отзывы — карточки клиентов 📜 Сертификаты — блок лицензий/сертификатов 🧺 Наши кейсы — портфолио выполненных работ с фото 🤝 Партнёры — логотипы партнёров 📋 Заявка на уборку — форма с валидацией, после отправки — редирект на страницу благодарности 📞 Контакты — телефон, email, адрес (в футере) Административная панель Закрытая часть сайта для управления контентом без участия разработчика: 📥 Заявки — просмотр входящих обращений 🧹 Услуги — добавление и редактирование 🧺 Кейсы (портфолио) — добавление и редактирование ⭐ Отзывы — добавление и редактирование 📜 Сертификаты — добавление и редактирование 🤝 Партнёры — добавление и редактирование 🎁 Спецпредложение — редактирование текста и галереи изображений ⚙️ Настройки сайта — редактирование без разработчика Технологии и архитектура Backend Язык PHP 8.1+ База данных SQLite + PDO Архитектура MVC — собственная, без фреймворка Роутинг Единый диспетчер запросов, поддержка работы в подпапке Шаблоны Собственный шаблонизатор Изображения Валидация типа файла и случайное имя при загрузке Frontend JavaScript Нативный ES Modules — без фреймворков CSS Нативный CSS + методология BEM Структура CSS Модульная (базовые стили / компоненты / секции / утилиты), дизайн через CSS custom properties Иконки Инлайн SVG — без внешних библиотек Инфраструктура Окружение Docker + docker-compose Веб-сервер Apache БД SQLite — файловая, без MySQL Что намеренно не использовалось Проект обходится без популярных, но избыточных для данной задачи инструментов: ✕ React / Vue ✕ jQuery ✕ Tailwind / Bootstrap / SCSS ✕ ORM / MySQL ✕ CDN / внешние UI-библиотеки Архитектура приложения Слоистая структура: контроллеры отвечают за обработку запроса, модели — за работу с данными через подготовленные SQL-запросы (без конкатенации строк), сервисы — за вспомогательные операции (например, загрузку файлов), валидаторы — за проверку входных данных до записи в базу. Каждый слой изолирован и отвечает за одну задачу. Безопасность Проект следует базовым практикам защиты веб-приложений: экранирование выводимых данных, защита от CSRF на формах, ограничение доступа к административной части, защита от подбора пароля и от прямого доступа к служебным и конфигурационным файлам.