Верстка, разработка и рефакторинг сайта для клининга Glosy Cleaning

О проекте

Сделали полную переработку сайта клининговой компании Glosy Cleaning: от структуры и дизайна до верстки и бэкенда. Старый сайт был собран на готовой теме с перегруженными плагинами, медленно загружался, плохо индексировался и плохо конвертировал трафик в заявки. Мы собрали лёгкий, быстрый и удобный сайт с акцентом на мобильный трафик, онлайн-заявки и SEO-страницы под ключевые услуги и районы обслуживания.

Задачи и цели

• Пересобрать фронтенд на лёгкой адаптивной верстке без лишних визуальных эффектов и тяжёлых библиотек.
• Упростить структуру сайта: выделить ключевые услуги и отдельные целевые страницы под каждый тип уборки.
• Ускорить загрузку сайта и улучшить технические SEO-показатели (Core Web Vitals, индексация, микроразметка).
• Сделать удобную админ-панель, где менеджеры смогут сами редактировать цены, акции и описания услуг.
• Настроить формы заявок и интеграцию с мессенджерами/почтой для быстрого реагирования на лиды.

Реализация

• Новая главная страница с чётким оффером, блоком преимуществ и быстрыми CTA-кнопками «Заказать уборку» и «Рассчитать стоимость».
• Отдельные посадочные страницы под основные услуги: генеральная уборка, послестроительная уборка, уборка квартир, офисов, коммерческих помещений.
• Гибкий прайс-блок: табличный формат + карточки популярных пакетов с возможностью быстро менять цены и опции через админку.
• Форма заявки в один экран: имя, телефон, тип уборки, дата/время, комментарий — оптимизировано под мобильные устройства.
• Виджеты быстрого контакта: кнопки звонка, WhatsApp/Telegram, закреплённые на экране для мобильных пользователей.
• Блоки доверия: отзывы клиентов, логотипы B2B-заказчиков, ответы на частые вопросы и гарантийные обязательства.
• Лёгкое анимационное сопровождение (fade-in, hover-эффекты) без просадки по скорости загрузки.
• Адаптивная верстка под все типы устройств: от маленьких смартфонов до широких десктопов.
• Рефакторинг HTML/CSS/JS: удаление «legacy»-кода, объединение стилей, оптимизация шрифтов и изображений.
• SEO-оптимизация: чистая структура заголовков, человеко-понятные URL, микроразметка Organization, BreadcrumbList и FAQ.

Технологии

• Frontend: адаптивная верстка на HTML5 / CSS3 (SCSS), современный семантический markup, лёгкий собственный UI-kit
• JavaScript: нативный JS для форм и анимаций, без тяжёлых фронтенд-фреймворков
• CMS: WordPress с кастомной темой и набором Gutenberg-блоков под услуги, отзывы и FAQ
• Оптимизация: WebP-изображения, lazyload, минификация CSS/JS, настройка кэширования на уровне сервера
• Интеграции: отправка заявок на email и в мессенджеры, подключение звонкового виджета
• SEO-техника: настройка мета-тегов, open graph, XML-карты сайта и robots.txt

Результаты

• Скорость загрузки страниц по Lighthouse выросла до 90–98 баллов на мобильных (вместо 40–50 на старой версии).
• Сократили размер главной страницы и количество запросов к серверу более чем в 2 раза за счёт рефакторинга верстки и удаления лишних плагинов.
• Повысили конверсию из трафика в заявки: пользователям проще выбрать услугу и оставить контакты с мобильного устройства.
• Менеджеры компании получили удобную админку: теперь можно за несколько минут обновить цены, добавить акцию или новый кейс без участия разработчика.
• Создан фундамент для SEO-продвижения: структурированные страницы услуг и районов, корректная микроразметка, понятная архитектура сайта.

Отзыв клиента

«Старый сайт тормозил и выглядел несерьёзно. После переработки стало сильно удобнее работать с заявками, а клиентов с сайта заметно прибавилось. Отдельно нравится, что мы сами можем менять цены и акции, не прося о каждом правке разработчиков.»