Дизайн — статьи о сайтах
Человек заходит на сайт проката с конкретной задачей: ему нужны лыжи на выходные, велосипед на день или палатка в поход. Он ищет не историю компании, а ответ на вопрос «подойдёт ли мне это». Первый экран главной страницы должен дать этот ответ или показать, где его найти за один клик.
Какие вопросы возникают в первые секунды
Обычно посетитель хочет выяснить пять вещей: есть ли нужный инвентарь, сколько он стоит за сутки или час, где его забрать, что нужно иметь при себе и как оформить заказ. Если ответ на любой из этих вопросов спрятан в глубине сайта, человек либо звонит, либо открывает сайт конкурента. Звонок не беда, но лучше, когда он нужен для уточнения, а не для того, чтобы выяснить очевидное.
Из чего собрать первый экран
- Заголовок с предметом и местом. «Прокат горных лыж и сноубордов в Казани» работает лучше, чем «Добро пожаловать». Он сразу подтверждает, что посетитель попал куда нужно.
- Плитки категорий. Четыре–шесть крупных блоков: лыжи, сноуборды, велосипеды, палатки и так далее. В каждом названии есть строка «от N ₽ в сутки», где N берётся из вашего актуального прайса.
- Выбор даты. Поле «Когда нужно» и кнопка «Проверить наличие». Если онлайн-бронирования нет, замените её кнопкой «Оставить заявку» с короткой формой из трёх полей.
- Контакты. Телефон, который на смартфоне набирается нажатием, адрес пункта выдачи и часы работы.
- Одна строка условий. Например: «Нужен паспорт, действует залог, возврат до 20:00». Подробности лежат на отдельной странице, а на первом экране достаточно сути.
Условный пример фрагмента
Представим вымышленный прокат «Пример-Спорт». Верх страницы может выглядеть так:
- Слева заголовок: «Прокат лыж, сноубордов и велосипедов в вашем городе». Под ним подзаголовок: «Забирайте у метро, возвращайте в тот же день до закрытия».
- Под подзаголовком форма: «Что нужно» (выпадающий список категорий), «С какого числа», «На сколько дней». Рядом кнопка «Проверить наличие».
- Справа фотография реального инвентаря на стойке пункта, а не постановочный кадр с моделью.
- Ниже, ещё в пределах экрана, строка из трёх плиток: «Лыжи — от N ₽», «Сноуборды — от N ₽», «Велосипеды — от N ₽».
- В шапке постоянно виден телефон и режим работы: «Ежедневно 9:00–21:00».
Все названия, адреса и цифры здесь условные. Подставьте свои и проверьте, что они совпадают с данными на остальных страницах.
Что лучше убрать с первого экрана
- Слайдер с автопрокруткой: посетитель не успевает прочитать, а нужное предложение может оказаться на третьем слайде.
- Абзацы о миссии и «команде профессионалов». Их место ниже или на странице «О нас».
- Всплывающее окно со скидкой, которое закрывает форму выбора даты.
- Видео с автозапуском: на мобильном соединении оно замедляет загрузку и расходует трафик.
- Типовые фотографии из банков изображений. Люди хотят увидеть вашу экипировку и ваш пункт выдачи.
Сезонность и мобильные устройства
В прокате спрос меняется по сезонам, и главная страница должна за этим успевать. Зимой первыми стоят лыжи и сноуборды, весной и летом велосипеды, ролики и туристическое снаряжение. Если порядок плиток можно менять в панели управления без разработчика, договоритесь об этом при заказе сайта.
Значительная часть посетителей открывает сайт со смартфона, часто прямо по дороге. Проверьте на реальном телефоне, что форма даты и кнопка звонка видны без прокрутки, поля удобно заполнять пальцем, а текст читается без увеличения.
Отдельно о наличии. Если сайт не связан с учётом остатков, не пишите «в наличии» напрямую. Лучше честная формулировка: «Подтвердим наличие и перезвоним». Обман в этом месте обходится дороже, чем лишний шаг в заявке.
Проверочный список для вашей главной
- По заголовку понятно, что вы сдаёте в прокат и в каком городе.
- Без прокрутки видны категории, хотя бы одна цена и кнопка действия.
- Телефон, адрес и часы работы находятся на первом экране.
- Ключевые условия (документы, залог, время возврата) уложились в одну строку со ссылкой на подробности.
- На фото ваш реальный инвентарь.
- Нет автопрокрутки и окон, закрывающих форму.
- На смартфоне форма и кнопка звонка работают без увеличения экрана.
- Цены и условия на главной совпадают с прайсом и страницами категорий.
Попросите кого-нибудь, кто не знаком с вашим сайтом, открыть главную на пять секунд, а потом ответить: что здесь сдают, где и сколько стоит? Если хотя бы на один вопрос ответа нет, первый экран нужно дорабатывать.
