КРАФТ — продающий сайт выездного шиномонтажа погрузчиков с калькулятором

Меня зовут Евгений Росляков, сайты я делаю с 2016 года. Работаю как самозанятый: заключаем договор, компания получает закрывающие документы и спокойно проводит оплату. Сам я в Москве, проекты веду и здесь, и удалённо по всей стране. Это один из моих настоящих проектов, сайт работает, и всё, что описано ниже, можно проверить вживую.

Клиент — КРАФТ, сервис из Дмитрова. Они меняют цельнолитые шины погрузчиков прямо на складе у заказчика. Пресс, компрессор, инструмент и бригада приезжают на площадку, снимают колесо, выпрессовывают старую шину, запрессовывают новую и ставят колесо обратно. Работают даже там, где нет электричества и подъёмника. Мобильных команд две, так что за день можно закрыть два объекта.

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

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

Что я делал: структуру, тексты блоков, дизайн, вёрстку на HTML5, логику калькулятора на JavaScript, карту зон выезда, мобильную версию и запуск. Одностраничный сайт с калькулятором по сути одна большая посадочная под одну услугу: целевые страницы такого типа я собираю вокруг одного действия.

Первый экран. Над шапкой бежит тонкая строка с пульсирующей точкой: «Минимум 1 выездная группа свободна, готовы принять заявку» и часы работы. Мелочь, но она отвечает на вопрос «когда приедут» раньше, чем его зададут. Ниже — оффер на языке склада: приедем со всем необходимым, даже в поле, без электричества и подъёмника. Рядом фото выездного комплекса и две кнопки для разной степени готовности:

«Рассчитать стоимость» и «Заказать выезд». Под ними четыре факта: сколько колёс уже сделано, диаметры от 8 до 15 дюймов, два пресса и строка для бухгалтерии — ИП, счёт-договор, УПД, ЭДО, гарантия. Телефон и кнопка заявки закреплены в шапке и не пропадают при прокрутке.

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

Самое интересное — выезд, и тут пригодилась картография. Расстояние считается не по прямой, а по автодороге от ремзоны в Дмитрове до объекта, поэтому цифра совпадает с реальностью. Адрес можно ввести строкой или просто поставить метку на Яндекс Карте. Синяя зона на карте — первые 50 км, они уже входят в базовую стоимость. Маршрут строится через маршрутизатор с резервным сервисом на случай, если

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

Справа в реальном времени собирается ориентировочная стоимость с разбивкой по трём статьям. Её можно скачать в PDF и переслать руководителю, а чтобы зафиксировать цену, достаточно оставить телефон.

Правила расчёта на виду. Первые 50 км входят в фиксированный выезд за 10 698 ₽, дальше — 115 ₽ за километр по фактической дороге. Эти цифры есть и в калькуляторе, и в ответах на вопросы. Рядом честная оговорка: платные дороги и альтернативные маршруты расчёт не учитывает, итог диспетчер подтверждает отдельно. Для парков от пяти единиц техники — договор, фиксированный прайс и бесплатный выезд по базовой зоне. Для регионов описан вариант «привезите или отправьте колёса транспортной компанией».

Доверие. Вместо стоковых картинок — реальные фото и видео с площадок заказчиков: склады, логопарки, цеха. Блок «С какими шинами работаем» показывает все типы: с буртом и без, на разборных дисках, со стопорным кольцом, пневматические. «Почему вызывают именно нас» — пять причин, каждая закрывает

конкретное возражение. Тема документов проходит через всю страницу, а в подвале — полные реквизиты, которые отдел закупок проверяет перед первым платежом.

FAQ говорит и то, чего сервис не делает: грузовые и легковые машины не обслуживает, в снегопад и гололёд не выезжает, около девяти выездов из десяти — Москва и область.

Мобильные сайты для сервисов вроде этого — главный сценарий. Механик чаще всего ищет шиномонтаж прямо у сломанного погрузчика, с телефона. Внизу экрана закреплена панель «Позвонить» и «Заказать выезд», звонок в одно касание. Калькулятор на телефоне работает так же: строки размеров идут

вертикально, метка ставится касанием. Для вечера есть тёмная тема, выбор запоминается.

КРАФТ получил сайт, на котором заказчик сам находит свою задачу, сам считает стоимость по реальной дороге и сам решает, когда вызвать бригаду. Механик видит, что с его шинами справятся. Руководитель получает PDF с расчётом. Бухгалтерия видит договор, ЭДО и реквизиты. Диспетчеру остаётся подтвердить время.

Сайт написан на чистом HTML, CSS и JavaScript, логика расчёта сделана под тарифы клиента, а не взята готовым виджетом. Плавные анимации — на GSAP. Основной вес страницы приходится на фото и видео с выездов, а код лёгкий: HTML в сжатом виде около 12 КБ, при загрузке 18 запросов, 10 из 13 изображений

грузятся по мере прокрутки.

Что внутри, если коротко:

• калькулятор с несколькими размерами колёс и разбивкой на три статьи;

• расчёт выезда по автодороге и карта зон;

• скачивание расчёта в PDF;

• живая строка о свободных бригадах;

• документы и реквизиты для юрлиц на виду;

• мобильная панель «Позвонить / Заказать выезд» и тёмная тема.

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

freelance.ru, как у вас считается стоимость, и я предложу, как превратить это в понятный расчёт на сайте.