Сервисы и платформы

Сайт уборки и вывоза снега

Заказчик: STOPSNEG

Сайт помогает выбрать услугу уборки снега и обратиться напрямую к владельцу техники, а компании — принимать заявки и отслеживать обращения

Посетить сайт
React 18TypeScriptViteTailwind CSSNode.jsnodemailernginxDocker
Сайт уборки и вывоза снега

Коротко о проекте

Проблема

STOPSNEG круглосуточно убирает и вывозит снег в Новосибирске собственной техникой. Компания обратилась за переделкой одностраничного сайта: требовалось восстановить приём заявок, открыть содержание страниц поисковикам и подключить аналитику обращений. Оформление и мобильную версию нужно было обновить, а документы и формы обработки персональных данных — исправить.

Что сделали
  • Страницы услуг с начальными ценами и составом работ
  • Формы расчёта стоимости и обратного звонка
  • Сохранение заявок при недоступности почты
  • Кнопки звонка и мессенджеров
Результат
800 → 167 КБИзображение для компьютеров
800 → 62 КБИзображение для телефонов

Хотите так же у себя? Расскажите о задаче — предложим решение и оценим сроки.

Новое оформление и мобильная версия

Для сайта выбрали графитово-жёлтую палитру, обновили шрифты и заменили снежинку в логотипе на погрузчик. Фотография техники на первом экране показывает, чем занимается компания, а жёлтый акцент выделяет кнопку расчёта стоимости.

Рядом разместили телефон и кнопки мессенджеров. На мобильном экране действия идут друг под другом: посетитель может оставить заявку или сразу связаться с компанией.

Первый экран с расчётом стоимости и способами связи с компанией
Первый экран с расчётом стоимости и способами связи с компанией
Мобильная версия с крупными кнопками расчёта, звонка и мессенджеров
Мобильная версия с крупными кнопками расчёта, звонка и мессенджеров

Услуги с ценами и составом работ

Создали шесть отдельных страниц: для уборки территорий, механизированной и экстренной уборки, очистки крыш, уборки предприятий и складов, а также территории у частного дома.

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

Карточки помогают сравнить услуги по начальной цене и перечню работ
Карточки помогают сравнить услуги по начальной цене и перечню работ
Страница очистки крыш с начальной ценой, описанием услуги и кнопками обращения
Страница очистки крыш с начальной ценой, описанием услуги и кнопками обращения

Заявки и прямая связь

Восстановили приём заявок. Для расчёта стоимости посетитель оставляет имя и телефон, для обратного звонка — только телефон. Обращения поступают на почту заказчика; при временной недоступности почты заявка сохраняется.

Добавили маску номера, проверку заполнения и защиту от автоматических отправок. Переписали политику обработки данных, вынесли согласие на отдельную страницу и добавили уведомление о cookie. Отправить форму можно только после отметки согласия.

Кнопки Telegram, WhatsApp и MAX разместили в основных точках обращения, а плавающая кнопка позволяет позвонить при просмотре страницы. Для предварительного расчёта посетитель может отправить фото территории через мессенджер.

Этапы работы объясняют порядок оказания услуги, а форма ниже позволяет заказать обратный звонок
Этапы работы объясняют порядок оказания услуги, а форма ниже позволяет заказать обратный звонок

Аналитика обращений

Подключили Яндекс Метрику с картой кликов и Вебвизором. Заказчик видит отправки заявок, открытия формы, переходы к телефону, мессенджерам и почте. Ошибки отправки отслеживаются отдельной целью.

Имя и телефон из форм исключили из записей Вебвизора. Аналитика показывает действия посетителей без записи этих полей.

Техническая часть

Техническая часть

Настроили пререндеринг: поисковики получают полный текст страниц в готовом HTML без выполнения скриптов. Добавили индивидуальные метаданные, canonical, превью для мессенджеров, разметку организации и автоматическую карту сайта. Главное изображение сжали с 800 до 167 КБ для компьютеров и до 62 КБ для телефонов.

Заявки принимает сервер сайта в России; при недоступности почты они сохраняются в защищённый файл. Шрифты разместили на сервере сайта, доступ оставили только по HTTPS, служебный порт закрыли извне. Обновлённый сайт опубликовали 24 октября 2026 года.

Цели

  • Восстановить приём заявок с сайта
  • Сделать текст страниц доступным поисковикам
  • Настроить аналитику обращений
  • Обновить оформление и мобильную версию
  • Исправить документы и формы обработки персональных данных

Целевая аудитория

  • Заказчики уборки дворов и парковок
  • Предприятия и склады
  • Владельцы частных домов
  • Заказчики очистки крыш от снега и сосулек

Что нужно пользователю

Job to be done — от ситуации к результату

Ситуация

Мне нужна уборка снега во дворе, на парковке или крыше, в том числе ночью и в выходные

Задача

Хочу обратиться напрямую к владельцу техники и заранее понять, какие работы мне подходят и от какой цены начинается услуга

Результат

Могу оценить предложение до обращения и связаться с компанией удобным способом, а для предварительного расчёта отправить фото территории

Что внутри

1

Страницы услуг с начальными ценами и составом работ

2

Формы расчёта стоимости и обратного звонка

3

Сохранение заявок при недоступности почты

4

Кнопки звонка и мессенджеров

5

Аналитика обращений и ошибок отправки

6

Мобильная версия

Как работали

1

Аудит исходного сайта

2

Обновление дизайна и мобильной версии

3

Создание страниц услуг

4

Настройка приёма заявок и аналитики

5

Подготовка страниц для поисковиков

6

Публикация обновлённого сайта

Размер главного изображения
02505007501 000До обновления: 800 КБ800 КБДо обновленияДля компьютеров: 167 КБ167 КБДля компьютеровДля телефонов: 62 КБ62 КБДля телефонов

Размер исходного файла и двух подготовленных версий изображения

Как это выглядит

Нужен похожий проект?

Расскажите о задаче — оценим объём, сроки и стоимость, предложим решение. Есть ТЗ — загрузите его и получите предварительную цифру за несколько минут.

Оценить по ТЗ