Что болело до нас
Обычная разработка устроена так: сначала платите, потом видите. Бриф, прототип, дизайн, несколько раундов согласований. Срок и итоговый вид зависят от процесса. Ориентир по рынку: 2-4 месяца. Владелец небольшой компании в регионе редко готов покупать вслепую на такой срок.
Второй слой: универсальная студия не знает нишу. Про соотношение кубов и тонн, про габариты бункера, про то, что крупногабарит иногда дешевле считать поштучно. Такие вещи проектируются один раз, дальше их можно тиражировать.
Третий слой: конечный клиент. Он приходит на сайт с четырьмя вопросами. Сколько это будет стоить. Какая машина нужна. Куда увезут мусор. Работаете ли вы в моём городе. И с одним страхом ниши: цена изменится, когда машина уже приехала.
Что собрали
Товар лежит на витрине целиком. Демо это живые страницы в браузере, их можно открыть с телефона и посчитать свой заказ.
- 9 страниц демо: главная из 15 секций, хаб «Услуги» и 6 страниц услуг (бытовой, строительный, контейнеры, крупногабарит, погрузка и вынос, для организаций). Плюс продающая страница для владельцев бизнеса на корне домена.
- 5 калькуляторов. Общий по объёму: 6 категорий, 16 типовых предметов, 4 быстрых сценария вроде «после ремонта однокомнатной», ввод своего предмета по габаритам, на выходе объём, вес и подходящая машина. И четыре отраслевых на страницах услуг.
- Интерактивная карта Рязанской области: настоящий векторный контур, 12 населённых пунктов с подсказками, три радиуса выезда 30/60/100 км. Отвечает на вопрос «вы работаете в моём городе».
- Блоки под страхи ниши: липкий таймлайн заказа из 6 шагов, анимированный маршрут отходов от объекта до полигона, три слайдера «до и после», демо-переписка с диспетчером, прикрепление фото к заявке.
- Три слоя защиты демо от индексации: meta noindex на 8 страницах, robots.txt в корне домена и серверный заголовок X-Robots-Tag.
«Чистый город», Рязань: название, реквизиты, телефон и адрес выдуманы. Цены на демо тестовые ориентиры, рыночным прайсом они не являются. Рейтинг, отзывы с именами и фотографии «сотрудников» это наполнение макета, и на самих страницах стоят видимые пометки об этом. Формы демо декоративные, заявки они никуда не отправляют, прикреплённые фото остаются в браузере. Демо закрыто от поиска тремя слоями именно потому, что данные на нём фиктивные.
Кубы и тонны: то, чего дизайнер со стороны не увидит
Газель везёт до 12 м³ лёгкого мусора. И всего 1,5 тонны. У боя бетона эти полторы тонны набираются примерно на 4 м³. Одна машина, два разных ограничения. В первой версии на сайте стояли оба числа в разных местах, и вместе они выглядели как ошибка. Развели формулировкой «до 12 м³ лёгкого мусора или ~4 м³ строительного», и вокруг этого построили весь расчёт.
Поэтому калькулятор строительного мусора считает вес по пяти типам плотности от 0,25 до 1,5 т/м³ и подбирает машину сразу по объёму и по тоннажу. Бункеры показаны с габаритами и фигурой человека рядом: «8 кубов» на слух клиенту ничего не говорит. Крупногабарит считается в двух режимах, поштучно и рейсом, по 10 предметам с коэффициентом этажа. Для грузчиков считаются часы бригады с учётом лифта, расстояния до машины и разбора мебели.
Как устроено внутри
Чистая статика. Без фреймворков и внешних библиотек. Демо не делает ни одного внешнего запроса, включая шрифты. Такой сайт быстро грузится в мобильном интернете и переезжает на чужой хостинг копированием папки.
Дизайн-система собрана под тираж: база с токенами, общий движок интерактива из 7 модулей, скелет любой страницы услуги. Новая услуга это один HTML и одна пара CSS/JS, остальное переиспользуется. Прайс, карточки техники и все калькуляторы берут одни и те же значения, и это зафиксировано комментариями в коде. При замене цен под нового владельца правки идут по известному списку мест.
Движок написан по четырём правилам: только нативные API, контент виден целиком даже если скрипт не загрузился, анимации гаснут при prefers-reduced-motion, никаких расчётов на каждый кадр скролла. Слайдер «до и после» работает с клавиатуры, отзывы собраны настоящим tablist, статусы читаются скринридером через aria-live.
Вес главной около 1,5 МБ, 84 из 85 картинок в WebP. Деплой: push в репозиторий, дальше сервер сам забирает статику примерно за две минуты.
Грабли
Кеш браузера сломал страницу у всего отдела. Когда демо переехало в подпапку, новый стиль лёг по старому пути /assets/css/styles.css. Сервер отдаёт эту папку с immutable-кешем на 30 дней. Все, кто открывал сайт раньше, получили старый CSS поверх новой вёрстки и увидели развалившуюся страницу. На сервере при этом всё было правильно, проверили чистым браузером без кеша. Вылечили переименованием файла и версиями в ссылках. Вывод: при immutable-кеше нельзя переиспользовать старый путь под новое содержимое.
Форма врала пользователю. Кнопка «Проверить регион» открывала почту через mailto. На телефоне и в корпоративных браузерах почтового клиента часто нет: заявка визуально уходила и пропадала. Переделали на POST JSON на общий эндпоинт, тот же контракт, что уже работает на avat.studio. Пока эндпоинт на этом домене не поднят, форма честно показывает ошибку и просит написать в Telegram.
Грузчиков считали по одному, а услуга описывала бригаду. Калькулятор умножал часы на ставку одного человека, счёт вышел бы вдвое-втрое больше показанной цифры. Починили и вывели формулу целиком: «3 грузчика × 2 ч × 700 ₽ = 4 200 ₽».
Осталось закрыть до первой продажи. В CSS демо объявлены Manrope и Inter, но файлов шрифтов нет, страницы рисуются системным шрифтом: либо положить локально, либо убрать из кода. Трёхмерная сцена калькулятора собрана и отключена в выкладке ради скорости, а текст на главной её всё ещё обещает. Schema.org, canonical и OG-тегов на демо нет.
Что входит в цену и чего мы не обещаем
30 000 ₽ покрывают адаптацию готового сайта под вашу компанию и регион и публикацию. Реклама, CRM, коллтрекинг и нестандартные интеграции считаются отдельно.
Количество заявок мы не обещаем: оно зависит от трафика, конкуренции и работы вашего отдела продаж. Структура подготовлена под Директ и SEO, гео-секция и карта области заложены в макет.
Правило «один регион одной компании» держится на свойстве канала: по запросу «услуга + город» в выдаче стоит один сайт. Это первый выход шаблона на рынок. Проданных экземпляров пока нет, цифр по заявкам и позициям тоже нет. Доверие строим на живом демо и открытом составе работ.
Частые вопросы
Сколько стоит сайт и что входит в эту цену?
30 000 ₽ разово, цена фиксированная. В неё входит адаптация готового сайта под вашу компанию и регион плюс публикация. Реклама, CRM, коллтрекинг и нестандартные интеграции считаются отдельно.
Сколько ждать запуска?
3-5 рабочих дней на адаптацию под компанию и регион. Обычная разработка с брифом, прототипом и раундами согласований занимает по рынку 2-4 месяца. Здесь сайт уже собран: 9 страниц демо можно открыть до оплаты.
Можно посмотреть сайт до оплаты?
Да, демо живое на marketing.l7agency.ru. Оно открывается с телефона, калькуляторы считают ваш типовой заказ. Демо собрано на вымышленной компании «Чистый город» из Рязани: название, реквизиты, телефон, цены и отзывы там фиктивные. Именно поэтому демо закрыто от поиска тремя слоями: meta noindex на 8 страницах, robots.txt и серверный заголовок X-Robots-Tag.
Что именно считают калькуляторы?
Их пять. Общий по объёму берёт 6 категорий, 16 типовых предметов и 4 быстрых сценария, на выходе даёт объём, вес и подходящую машину. Калькулятор строительного мусора считает вес по пяти типам плотности от 0,25 до 1,5 т/м³ и подбирает машину сразу по объёму и по тоннажу: Газель везёт до 12 м³ лёгкого мусора или примерно 4 м³ строительного при лимите 1,5 тонны.
Продадите такой же сайт конкуренту в моём городе?
Нет, действует правило «один регион одной компании». Оно держится на свойстве канала: по запросу «услуга + город» в выдаче стоит один сайт. Количество заявок мы при этом не обещаем: это первый выход шаблона на рынок, проданных экземпляров и цифр по заявкам пока нет.
