Первый экран: место, услуга и понятная цена
На первом экране я оставляю услугу, город, понятный режим и действие. Посетителю не нужен заголовок, занимающий половину длинного экрана. Вместо перечисления города, района, всех преимуществ и режима в одном предложении лучше отделить их: услуга в заголовке, улица с въездом рядом, часы отдельной строкой.
В нашем шаблоне после правки заголовок на компьютере занимает около трёх строк. Формулировка простая: «Шиномонтаж в Новосибирске. Круглосуточно в сезон». Ниже есть адрес и конкретный ориентир. Это демонстрационные данные условной точки: перед запуском их заменяет владелец.
Рядом с ценой я называю комплект, к которому она относится. «От такой-то суммы» без размера колёс почти ничего не объясняет. «Комплект R16: такая-то сумма» уже позволяет сравнить предложения. Если минимальный тариф относится к другой группе размеров, не выдавайте его за цену любой машины.
Основное действие для плановой переобувки: выбрать время. Для срочного повреждения нужен заметный звонок. Для человека, которому неудобно говорить, нужен мессенджер. Все три пути должны оставаться различимыми на телефоне. Если кнопки видны только на широком экране, мобильная версия не решила задачу.
Калькулятор: понятная сумма за комплект
Я начинаю с суммы за полный комплект. В демо она включает снятие и установку колёс, демонтаж и монтаж шин, балансировку и балансировочные материалы. Дополнительные опции обозначены рядом со стоимостью. Это тариф условной точки. У реальных мастерских свои цены.
Для понимания механики возьмём один пример из настроек шаблона. Легковая машина R16 без опций стоит 2 490 ₽ за комплект. Доплата за кроссовер составляет 500 ₽ за весь комплект, обработка колёс с датчиками давления добавляет 800 ₽ за комплект. Хранение четырёх шин этого размера без дисков стоит 3 200 ₽ за сезон. Итог выбранного набора: 2 490 + 500 + 800 + 3 200 = 6 990 ₽. Хранение вместе с дисками добавляет ещё 500 ₽, получается 7 490 ₽. Это наш учебный расчёт по живому демо, не предложение конкретной работающей мастерской.
Важно подписать каждую доплату. Если рядом с опцией написано «за колесо», итог должен учесть комплект целиком. Если надбавка уже указана за комплект, умножать её ещё раз нельзя. Если хранение считается за сезон, в заявке должно быть ясно, что оно добавлено к текущей переобувке, а не входит в ежемесячную оплату.
В калькуляторе должны быть понятны следующие вещи:
В российском шиномонтаже часто говорят «радиус R16». В обозначении размера число относится к посадочному диаметру диска в дюймах, а буква R обозначает радиальную конструкцию шины. Посетителя не надо экзаменовать по маркировке. Покажите привычные варианты R16, R17 и соседние размеры, а подпись поля можно сделать точнее: «Размер дисков».
Отдельный вопрос возник с грузиками. Это небольшие балансировочные материалы, которыми компенсируют дисбаланс колеса. Посетителю не нужно знать их ассортимент, но он должен понимать, включены ли они в итог. Я убрал из демо произвольное ограничение веса с доплатой «сверх нормы»: оно превращало точную сумму в неполную. В выбранной тарифной модели материалы включены полностью. Если у реальной точки другие правила, калькулятор надо изменить под них и объяснить условия заранее.
Форма записи должна помнить выбранные опции
Калькулятор и форма должны пользоваться одним выбором посетителя. В нашем шаблоне изменение размера в калькуляторе сразу обновляет сумму в форме. Изменение опций уже в форме обновляет калькулятор. Кнопка записи прокручивает к форме, сохраняя выбор; посетитель продолжает свой расчёт, и продолжает заполнение.
Не называйте отправку формы завершённой записью. Сначала надо проверить доступность, уточнить машину и подтвердить визит. Особенно в сезон, когда один и тот же удобный промежуток могут выбрать несколько человек. В интерфейсе лучше написать, что заявка отправлена и с человеком свяжутся, чем создавать впечатление уже занятого поста.
У формы есть несколько обязательных проверок:
- Неполный телефон не отправляется. Человек видит, какое поле исправить.
- При выборе отдельной даты нельзя отправить пустой или прошедший день.
- Ночной вариант появляется только в те даты, когда точка действительно работает ночью.
- Во время отправки повторное нажатие не создаёт ещё одну заявку.
- При ошибке отправки остаются телефон и понятный запасной способ связи.
- Администратор получает выбранные опции и рассчитанную сумму, вместе с именем и номером.
После изменения формы я отправляю тестовую заявку и смотрю результат целиком. Проверка «появилось спасибо» недостаточна. Спасибо может открыться раньше отправки, а сторонний перехватчик формы может продублировать запрос. Для владельца это две лишние задачи: искать потерянного клиента или разбирать дубль.
Срочный прокол и плановая переобувка требуют разных входов
Водитель с проколом не изучает структуру красивого сайта. Ему нужно узнать, работает ли точка, можно ли подъехать и как связаться сейчас. Я даю ему короткий путь: описание помощи, часы и звонок. Заполнять подробный расчёт сезонной переобувки в такой ситуации не обязательно.
Не стоит начинать этот блок словами «жгут» и «грибок». Это названия способов и материалов ремонта, а не вопросы человека. Для него понятнее «спускает колесо», «нашли прокол», «после ямы трясёт руль». Термин можно объяснить в описании услуги, когда он помогает понять, что будут делать.
Оговорка про осмотр нужна по существу. Michelin описывает ремонт радиальной шины с проверкой изнутри и комбинированным восстановлением повреждения; наружный ремонт одним жгутом без проверки изнутри не рекомендует. Я поэтому не обещаю «быстро вставим жгут, и можно ехать», а оставляю оценку возможности ремонта мастеру. Повреждения различаются, и не каждую шину можно безопасно восстановить.
Цена ремонта тоже требует ясного состава. Стоимость заплатки не равна полной стоимости визита, если отдельно оплачиваются снятие колеса и шиномонтаж. Можно указать «от», но рядом объяснить, когда назовут полный итог. Обещание «после ремонта прослужит до конца срока шины» убирайте: состояние шины и дальнейшая эксплуатация заранее неизвестны.
Что показать про качество и оборудование
На странице есть порядок визита: заявка, подтверждение времени, приезд, приёмка, осмотр, работа, установка и оплата. Не все действия надо превращать в отдельные гигантские секции. Достаточно последовательности, которую можно быстро прочитать, и фотографий реального въезда и мастера.
Фотографирование колёс до работы полезно как фиксация состояния. Если точка действительно это делает, расскажите об этом. Если нет, не оставляйте обещание из демо. То же касается динамометрического ключа, проверки давления и гарантии: сайт должен отражать существующий процесс или процесс, который владелец внедрит до запуска.
Слово «биение» понятно части автомобилистов, но оно не обязательно для сайта. В заголовке я заменил его на «трясёт руль». Это тот же вход в разговор без лишней терминологии. Дальше мастер выяснит причину, вместо того чтобы сайт заранее назначил балансировку как решение любого симптома.
На компьютере рядом с длинной последовательностью шагов остаётся свободное место. Мы используем его для спокойной схемы колеса, а не для новых обещаний и не для случайного значка. Схема декоративная, без выдуманных показаний станка. На телефоне её нет: там важнее порядок действий и кнопка записи.
Хранение шин: отдельная услуга с отдельными условиями
Хранение нельзя прятать в общую фразу «оказываем дополнительные услуги». Водитель хочет понять стоимость своего комплекта, что с ним сделают при приёмке и как забрать его к следующей переобувке. Для мастерской это ещё один понятный повод вернуться, который мы рассматриваем в финансовой модели шиномонтажа.
На сайте отдельно покажите стоимость комплекта без дисков и доплату за комплект с дисками. Если правила различаются по размеру, калькулятор и таблица должны показывать одинаковые группы. В нашем демо выбор хранения с дисками есть прямо в калькуляторе и форме. Человеку не нужно выяснять про доплату уже на месте.
Затем объясните приёмку. Фотографии, отметка состояния, подпись комплекта и договор важнее красивого обещания «идеального склада». Остаток протектора в миллиметрах понятнее фразы «фиксируем глубину протектора», хотя сам термин отраслевой и корректный. Он означает измерение оставшейся высоты рисунка, а не какое-то особое преимущество хранения.
Не обещайте обслуживание, которое не входит в тариф. Если мойка и упаковка оплачиваются отдельно, это должно попасть в расчёт. Если выдача требует предварительного уведомления, укажите порядок. Если сезон хранения имеет конкретные даты, назовите их, а не рассчитывайте, что все одинаково понимают слово «сезон».
В готовом шаблоне у хранения отдельный светлый блок, таблица тарифов, описание приёмки, отзыв и кнопка. Схема протектора заполняет свободное место рядом с фотографией только на широком экране. Она поддерживает тему секции, но не мешает сравнению цен.
Двенадцать блоков готового шаблона
Нужны и служебные страницы: политика обработки данных и понятное сообщение после отправки заявки. На странице благодарности нельзя выдавать заявку за подтверждённую бронь. А ссылка на политику должна действительно открывать документ, а не прокручивать к пустому месту внизу лендинга.
Шаблон можно посмотреть целиком на странице инструмента. Там есть живое демо и порядок получения. Для самостоятельной разработки «Архитектор сайтов» поможет собрать техническое задание: описать задачу, данные, ограничения и механику заявки до рисования страницы.
Отзывы, фотографии и данные, которые нельзя оставлять чужими
Пустая страница с абстрактными иконками не объясняет, куда человек приедет. Нужны фотографии въезда, поста, мастера и места хранения. Снимок въезда особенно важен для точки во дворе или на территории большого сервиса: отметка на карте не всегда показывает правильные ворота.
В демо стоят изображения и тексты условной мастерской. Они помогают оценить композицию, но не являются доказательством работы будущего владельца. Перед публикацией замените имя, телефон, адрес, оборудование, фотографии, отзывы, рейтинги и реквизиты. Красивый пример нельзя оставить на сайте реального бизнеса как свидетельство своей репутации.
То же относится к обращению владельца. Снимите собственную фотографию и сформулируйте обещание, которое владелец готов выполнить. Например, порядок проверки при повторной жалобе. Общее «отвечаем за качество» становится полезным, когда человек понимает, как обратиться и на что распространяется гарантия.
Дизайн нашего демо опирается на работу Анастасии Незначимой для Disk Technology: тёмный фон, красный свет, выразительная типографика и предметные изображения. Я сохраняю благодарность автору визуального направления. Тексты, калькулятор и порядок записи мы собирали под задачи нашего разбора ниши.
Сайт, карты и реклама: как они работают вместе
Сайт не создаёт спрос одним фактом появления. Нужно выбрать, откуда придёт водитель и с каким вопросом. Человек из карточки на карте уже сравнивает расположение и отзывы. Человек по запросу о стоимости ищет расчёт. Человек с повреждённым колесом хочет связаться сейчас. Для них важны разные элементы первого экрана.
Сезонную рекламу согласуйте с вместимостью точки. Когда ближайшие окна заняты, задача меняется: предлагать реальное время раньше или позже пика, а не бесконечно собирать заявки на один переполненный день. Мы разобрали эту логику в стратегии рекламы шиномонтажа.
Для поиска нужны доступные страницы с полезным содержанием. Яндекс рекомендует добавить сайт в Вебмастер, подготовить карту страниц и проверить доступ робота. Это не гарантия позиции. Я отдельно открываю опубликованный сайт и проверяю, что заголовок, цены и основные тексты приходят в исходном HTML, а не появляются только после запуска скриптов.
Что даёт платформа и что придётся настроить
Наш шаблон работает на Ное. Сайт можно править диалогом: попросить сменить цены, заменить адрес, добавить страницу услуги. На странице для бизнеса указан вход от 990 ₽ в месяц. Перед оплатой смотрите актуальный тариф и условия в кабинете: это подписка на платформу, а не пожизненная покупка независимого сайта.
Шаблон помогает начать с готовой структуры. Он не подставляет реальные отзывы, не знает оборудование мастерской и не подключается сам к расписанию постов. Эти данные надо передать и проверить. Если нужна автоматическая бронь, склад шин или учёт заказов, это отдельная настройка, которую нельзя считать уже работающей только потому, что на странице появилась форма.
ИИ-администратор может отвечать в подключённых каналах по базе знаний. Но сначала ему нужны реальные условия, готовые тарифы и правило передачи человеку. В разборе ИИ-продавца для шиномонтажа я отдельно проверял, как не путать сегодняшние и завтрашние окна и не обещать недоступное время. Подключение сотрудника не равно доступу к вашему календарю.
Если вы делаете такие сайты клиентам, посмотрите Ною для студий. Там задача другая: управлять проектами заказчиков, сопровождать изменения и продавать услуги разработки. Не смешивайте этот сценарий с подпиской владельца одной мастерской. Клиенту надо заранее объяснить, кто обслуживает сайт, кто оплачивает платформу и как он получает доступ к своему проекту.
Как проверить сайт до первой рекламы
Я прохожу путь водителя на компьютере и телефоне. На широком экране хорошо видна связь блоков и легко заметить пустые места. На телефоне обнаруживаются тесные кнопки, потерянные подписи и таблицы, которые уехали за экран. Проверять только красивый первый экран недостаточно.
Начните с тарифа без опций. Выберите соседний размер, затем категорию машины. Добавьте и уберите каждую опцию. Убедитесь, что одновременно меняются калькулятор и обе суммы в форме. Потом измените размер уже в форме и вернитесь к калькулятору. Это проверяет связь в обе стороны.
После корректного заполнения смотрите отправленную заявку. В ней должны быть размер, категория, опции, хранение, удобное время и итоговая сумма. Проверьте, что заявка одна. Если форму отправляет собственный обработчик, общий обработчик платформы не должен отправлять её повторно.
Для интерфейса у меня отдельный список:
- На телефоне меню открывается и закрывается, ссылки ведут к нужным разделам.
- Кнопка записи доводит до формы, а нижняя панель не закрывает поле или ошибку.
- Фото загрузились, ориентир въезда и важные детали не обрезаны.
- После быстрой прокрутки секции не остаются невидимыми или полупрозрачными.
- Если человек уменьшил анимацию в настройках устройства, декоративные схемы не движутся.
- Политика, мессенджеры, звонок и маршрут действительно открываются.
- Страница после отправки сообщает про заявку, а не выдаёт её за подтверждённое время.
В этой версии шаблона мы проверили несколько десятков сочетаний размера, категории и хранения. Отдельно проверили выбранные доплаты и обратную синхронизацию формы с калькулятором. Это проверка логики нашего примера, не доказательство правильности тарифов любой мастерской. После смены настроек проверку нужно повторить.
Как считать результат после запуска
Я разделяю посещение, обращение, подтверждённую запись и приехавшую машину. Они не равны друг другу. Клик по кнопке мессенджера может не закончиться отправкой сообщения. Отправленная форма может оказаться дублем или запросом на занятое время. Подтверждённый человек может не приехать.
В учёте полезно хранить источник обращения, выбранную услугу и дальнейший результат. Тогда можно разобраться, что именно просело. Если люди рассчитывают цену, но не отправляют заявку, смотрите форму и условия. Если заявок много, а запись подтверждается редко, смотрите ответ администратора и доступные окна. Если подтверждённые люди не приезжают, смотрите напоминание, маршрут и то, совпало ли ожидание с условиями.
Пример для понимания, не наш кейс: рекламные расходы составили 12 000 ₽, от рекламы получили 20 обращений, подтвердили 15 записей, приехали 12 машин. Стоимость обращения равна 600 ₽, подтверждённой записи 800 ₽, приехавшей машины 1 000 ₽. Эти числа рассчитаны из условного набора, и переносить их на свою точку нельзя. Они показывают, почему дешёвая заявка не обязательно означает дешёвого посетителя.
Дальше сравнивайте стоимость приехавшего клиента с прибылью от работ, а не просто с суммой чека. Расходы мастеров, материалы и доля постоянных затрат не исчезают после получения заявки. Если продаётся ещё и хранение, его результат учитывайте отдельно, чтобы не приписать рекламе доход, который пока не получен.
Готовый промпт для текстов и записи
Этот промпт пригодится, когда данные мастерской уже собраны. Он делает первый экран, пояснение к калькулятору и инструкцию для администратора. Он не рассчитывает тарифы вместо владельца, не создаёт календарь и не объявляет неизвестное окно свободным.
Ты редактор сайта шиномонтажа. По данным владельца составь первый экран, пояснение к калькулятору и инструкцию администратору по записи.
Сначала проверь, хватает ли данных. Никаких выдуманных отзывов, сроков ремонта, очередей и подтверждённых свободных окон. Время посетителя не считается бронью: администратор должен подтвердить запись.
Цены и готовые итоги бери только из переданной таблицы, не придумывай новые надбавки. Объясняй обычными словами, не рекламными лозунгами. Не используй длинные тире. Марку станка не выдавай за гарантированный результат. Отдели постоянные часы от сезонных.
Дай три коротких блока с заголовками и список недостающих данных, если они есть.
Данные:
Название, город, адрес и въезд: [заполнить].
Обычные часы: [заполнить].
Сезонные часы и точные даты: [заполнить].
Тарифы за полный комплект и состав: [вставить].
Готовые итоги для частых сочетаний: [вставить].
Хранение без дисков и с дисками, срок: [вставить].
Условия гарантии: [вставить].
Как принимаете и подтверждаете заявки: [вставить].
Свободные окна из актуального расписания: [вставить или отметить, что доступа нет].
Проверяли его на условных данных того же демо. Вход содержал адрес, часы, тарифы R16 и готовые итоги, но не содержал свободные окна, точный срок хранения и срок подтверждения. Такой пробел нельзя закрывать фантазией редактора. Результат проверки и пример выхода ниже относятся к этому учебному набору, а не к реальным клиентам.
В реальном прогоне Claude Sonnet 5.5 получился такой фрагмент:
Шиномонтаж в Новосибирске: Колесо-24
Легковой автомобиль: 2490 ₽, кроссовер: 2990 ₽ за 4 колеса.
Заявка не является бронью. Время подтверждает администратор.
Постоянные часы: с 8:00 до 22:00.
Сезонный режим, круглосуточно: с 15 марта по 15 мая; с 1 октября по 30 ноября.
R16, кроссовер + датчики + хранение без дисков: 6990 ₽.
R16, кроссовер + датчики + хранение с дисками: 7490 ₽.
Недостающие данные: срок подтверждения заявки и длительность сезона хранения.
Это сокращённый фрагмент полученного ответа. Суммы я пересчитал: они совпали с исходными. При этом в полном ответе модель распространила гарантию на работу в целом, хотя область гарантии не была указана. Такой фрагмент переносить нельзя: сначала уточните условия у владельца. Один хороший прогон не отменяет вычитку. В примере выше я оставил только проверенные сведения.
Самое полезное здесь для меня: не гладкость текста, а сохранённые ограничения. Если модель сама придумала «перезвоним через несколько минут», назвала ночь доступной круглый год или превратила пожелание времени в бронь, текст не прошёл проверку. Исправьте данные или инструкции и повторите прогон, прежде чем переносить ответ на сайт.
Соберите ИИ-администратора для шиномонтажа
Передайте сотруднику реальные часы, готовые тарифы, условия хранения и порядок подтверждения заявки. Он сможет готовить ответы по этим данным в подключённом канале и передавать человеку вопросы, которые не может решить. Без актуального расписания сотрудник принимает пожелание времени, но не подтверждает бронь.
- При смене прайса обновляйте базу знаний сотрудника, чтобы он отвечал по действующим условиям.
- Повторяющиеся вопросы о въезде и хранении можно поручить сотруднику, а спорные случаи оставить администратору.
Собрать ИИ-администратора в Ное
Частые вопросы
Можно ли оставить страницу только на картах?
Для небольшой точки это допустимый старт, если карточка содержит реальные контакты, часы, услуги и отзывы. Сайт нужен, когда важно подробно объяснить состав цены, хранение, запись и разные сценарии обращения. Я не предлагаю делать сложный портал раньше, чем владелец научился принимать и подтверждать заявки с одной страницы.
Нужна ли настоящая онлайн-бронь?
Если сайт только собирает предпочтение даты и части дня, это заявка. Для брони нужна связь с актуальными окнами и правило, которое исключает одновременную запись на один пост. Пока такой связи нет, администратор подтверждает время вручную. Не скрывайте эту разницу в тексте кнопки и сообщения после отправки.
Можно ли поставить минимальную цену крупно и больше ничего не объяснять?
Можно показать стартовый тариф, но нужно назвать, к какому комплекту он относится. Рядом должен быть понятный способ рассчитать свою комбинацию. Если после нажатия человек узнаёт о обязательных доплатах, которых не было в описании, сайт сформировал неверное ожидание.
Что делать, если владелец пока не снял фотографии?
Сначала собрать данные и список нужных кадров. Демо помогает оценить дизайн, но его фотографии нельзя выдавать за реальную мастерскую. Для старта полезнее простой собственный снимок правильного въезда, чем дорогая иллюстрация, по которой человек не узнает место.
Нужно ли отдельно делать мобильную страницу?
Одна адаптивная страница должна менять расположение блоков под экран. Но это надо проверить на телефоне: цену должно быть видно, кнопки должны нажиматься, меню работать, а таблицы не уезжать вправо. Если декоративный элемент мешает, его можно скрыть на узком экране, сохранив содержание и действия.
Можно ли отдать ответы клиентам ИИ сразу после переноса шаблона?
Сначала загрузите реальные условия и готовые тарифы, задайте границы ответа и способ передачи человеку. Если сотрудник не знает расписание, он может принять пожелание и передать его администратору. Он не должен подтверждать свободный пост. Подключённый канал связи и работающий календарь тоже нужно проверять отдельно.
Сравнить варианты можно в разборах как сделать сайт самому и сайта-визитки. Общие расходы разбираю в статье сколько стоит сайт.
С чего начать прямо сейчас
- Решите, что хотите получить: страницу своей точки или сайт для заказчика. Для своей точки возьмите собственный прайс и запишите состав полного комплекта. Для клиента сначала согласуйте исходные данные и ответственность за их достоверность.
- За короткий подход выпишите адрес, въезд, режим, категории машин, доплаты и условия хранения. Неизвестное отметьте вопросами владельцу. Покупать подписку ради этого не требуется.
- Откройте демо и пройдите сценарий своей машины. Посмотрите, что подходит, а что надо менять. Для выездной или грузовой точки не копируйте тарифную схему стационарного легкового сервиса.
- Подготовьте реальные фотографии и документы. Согласуйте состав работ, гарантию и порядок подтверждения времени. Затем переносите и настраивайте шаблон.
- Проверьте расчёт в обе стороны, ошибочные поля и одну полноценную заявку. Посмотрите, что получил администратор. Только после этого подключайте рекламные объявления и карточки.
- После первых обращений ведите учёт до приехавшей машины. Исправляйте конкретную потерю, вместо того чтобы менять весь дизайн по одному неудачному дню.
Следующий шаг
Готовый сайт для шиномонтажа позволяет пройти этот путь на работающем демо. На странице есть условия получения и список того, что заменить. Если собираете структуру с нуля, начните с «Архитектора сайтов»: сначала задача и техническое задание, потом оформление.
На Ное можно настроить ИИ-администратора под приём заявок шиномонтажа. Передайте ему реальные часы, готовые тарифы, условия хранения и порядок подтверждения. Возвращайтесь к нему с новым прайсом или изменением режима, чтобы обновить базу знаний. Автоматическую бронь обещайте только после подключения и проверки актуального расписания.
Чтобы не ограничиваться одной страницей, используйте разбор ниши шиномонтажа: от рынка и экономики до рекламы, продаж и ИИ-администратора. Сайт здесь завершает подготовку точки к обращению, а результат зависит ещё и от того, как мастерская отвечает и обслуживает.