Дизайн — статьи о сайтах
На сайт шиномонтажа заходят в разных ситуациях: спустило колесо, подошёл сезон замены резины или нужно заехать после работы. Решение принимается за несколько секунд на экране телефона. Первый экран должен ответить на три вопроса: делают ли здесь то, что мне нужно, где это находится и как туда попасть.
Какие вопросы водитель задаёт первому экрану
Посетители делятся на два типа. Первому нужно срочно: прокол, боковой порез, колесо не держит воздух. Ему важны телефон, маршрут и понимание, открыто ли сейчас. Второй планирует сезонную замену или балансировку и сравнивает несколько адресов. Ему нужны запись, ориентир по стоимости и условия работы.
Если смешать всё в одном экране, получится перегруженная страница. Поэтому выберите главное действие и одно запасное. Для большинства точек это «Записаться» и «Позвонить», а маршрут стоит рядом как третья, более тихая кнопка.
Заголовок: услуга, место и условия вместо лозунга
Фраза «Профессиональный шиномонтаж для вас» ничего не сообщает: так может написать любой конкурент. Заголовок лучше строить из фактов: услуга, ориентир на местности, формат работы. Например: «Шиномонтаж у метро «Название»: замена, балансировка, ремонт проколов».
В подзаголовке уточните, с чем вы работаете: легковые авто, кроссоверы, диапазон диаметров дисков, нужна ли запись или принимаете по живой очереди. Пишите только то, что действительно соблюдается. Если указать «круглосуточно», а ночью никто не отвечает, доверие пропадёт сразу.
Кнопки: какие действия должны выполняться одним касанием
- Звонок. Номер оформляется как телефонная ссылка, чтобы набор начинался сразу после нажатия. На мобильном кнопку удобно закрепить при прокрутке.
- Запись. Подпишите её по результату: «Записаться на сегодня» понятнее, чем «Отправить заявку». В форме достаточно имени, телефона, услуги и желаемого времени. Марку машины и госномер можно уточнить по телефону.
- Маршрут. Кнопка ведёт в карты с готовой точкой. Рядом одной строкой напишите, как заехать: «въезд со двора, синие ворота». Для шиномонтажа это часто важнее красивой фотографии.
Мессенджер указывайте, только если в нём отвечают в рабочие часы. Молчащий чат хуже, чем его отсутствие.
Цена и срок: что можно показать честно
Итоговая стоимость зависит от диаметра, типа дисков, датчиков давления и состояния колёс, поэтому одна цифра на первом экране может ввести в заблуждение. Но и прятать прайс глубоко не стоит. Покажите три-четыре популярные услуги и коротко опишите, от чего зависит сумма. Если цена задана «от», рядом должно быть пояснение.
То же со сроками. Фраза «замена комплекта занимает ориентировочно [N] минут при записи» лучше, чем «быстро». Цифры подставьте только те, которые подтверждает администратор или мастер, и обновляйте их вместе с прайсом.
Условный пример фрагмента первого экрана
Ниже описан макет вымышленной точки. Названия и значения нужно заменить своими.
- Строка статуса: «Сегодня открыто до 21:00 · ближайшее свободное время — [время]». Её стоит показывать, только если данные берутся из системы записи или обновляются вручную каждый день. Иначе замените на постоянное «Ежедневно 9:00–21:00».
- H1: «Шиномонтаж у метро «Название»: замена, балансировка, ремонт проколов».
- Подзаголовок: «Легковые авто и кроссоверы, диски R13–R20. Запись онлайн или по телефону, без записи — при наличии свободного поста».
- Кнопки: основная «Записаться», вторая «Позвонить», третья текстовая «Маршрут».
- Под кнопками: три карточки — «Сезонная замена комплекта», «Ремонт прокола», «Балансировка». В каждой: «от [сумма], зависит от диаметра» и ориентир по времени.
- Рядом с картой или фото: адрес и подсказка, как заехать.
На мобильном экране эти блоки идут в том же порядке сверху вниз, а закреплённая панель внизу содержит «Позвонить» и «Записаться».
Проверочный список для первого экрана
- Из заголовка ясно, что это шиномонтаж, и указан ориентир места.
- Часы работы видны без прокрутки и совпадают с картами и вывеской.
- Кнопки «Записаться» и «Позвонить» помещаются в экран телефона и нажимаются без увеличения.
- Форма записи содержит не больше четырёх полей.
- Для цен указано, от чего зависит итоговая сумма и когда прайс обновлялся.
- Описано, как заехать, если вход неочевиден.
- Каждое обещание на экране выполнимо в обычный будний день.
Проверьте экран так: откройте сайт на телефоне, отведите взгляд на пять секунд и попробуйте вспомнить адрес, ближайшее действие и ориентир по цене. Если что-то выпало из памяти, этот элемент нужно сделать заметнее или убрать лишнее рядом.
