Дизайн — статьи о сайтах
У сайта проката спортивного инвентаря есть особенности, которых нет в обычном каталоге: у товара есть даты, размеры, комплектация, остатки и условия возврата. Если на согласовании оценивать только «нравится или нет», проблемы всплывут уже на готовой вёрстке. Ниже описан порядок, при котором большинство вопросов видно ещё на макете.
Почему макеты проката переделывают чаще, чем макеты витрины
Обычно макет рисуют для «идеального» случая: один товар, он свободен, размер подошёл. В жизни клиент выбирает даты, на которые всё занято, не знает, какой размер ботинок ему нужен, или не понимает, входит ли шлем в комплект. Владелец замечает это, когда открывает рабочую страницу, и тогда правки затрагивают структуру блока, а не цвет кнопки. Поэтому согласовывать нужно не одну картинку, а набор состояний страницы.
Что договориться зафиксировать до начала работы над макетом
Прежде чем рисовать, соберите от своей стороны вводные. Это занимает час, но экономит несколько кругов правок:
- что является единицей аренды: отдельный предмет или комплект (доска, крепления, ботинки);
- что выбирает клиент: даты, рост, размер обуви, количество;
- как вы показываете цену: за сутки, за период или иначе — так, как принято у вас;
- способы получения: самовывоз, доставка, выдача в пункте;
- условия аренды: залог, документы, возрастные ограничения. Формулировки даёте вы, студия только отводит им место на странице;
- кто и как подтверждает бронь: автоматически или менеджер после звонка.
Пример: фрагмент карточки «Сноуборд, комплект»
Возьмём условную карточку. Это учебный пример, а не описание реального проекта; цифры и названия в нём — заглушки.
В левой части — галерея из трёх-четырёх фото: доска целиком, крепления, ботинки. Справа — блок бронирования. В нём поля «Даты аренды», «Рост», «Размер ботинок» и кнопка «Проверить наличие». Под кнопкой строка «Что входит: доска, крепления, ботинки. Шлем и защита — отдельно». Ниже короткий блок «Условия» с тремя-четырьмя пунктами, а полный текст открывается по ссылке на страницу правил.
Важно, что именно эти детали обсуждаются на согласовании. Не «достаточно ли крупная кнопка», а «понятно ли без звонка, что шлем не входит» и «где клиент увидит, как получить комплект».
Какие состояния страницы показать в макете
Попросите у студии не только основной экран, но и варианты, которые клиент увидит на практике:
- даты ещё не выбраны: что написано вместо цены и чем подсказано следующее действие;
- даты выбраны, комплект свободен: итоговая сумма и кнопка перехода к заявке;
- на эти даты занято: предложение ближайших свободных дат или похожего комплекта;
- размер не указан или не подошёл: подсказка, как его определить;
- мобильная версия: блок бронирования не теряется при прокрутке, а даты выбираются без мелких элементов;
- после отправки заявки: что произойдёт дальше и в какие часы вам обычно отвечают.
Как организовать согласование, чтобы правки не множились
Сначала утверждайте структуру, то есть схему страницы без цвета и фотографий, и только потом оформление. Так спор о порядке блоков не смешивается со спором о шрифтах. Подставляйте в макет реальные названия, размеры и условия, а не «Lorem ipsum»: длинное название комплекта или абзац про залог часто ломают аккуратную сетку.
Назначьте одного человека, который собирает замечания и отвечает студии. Покажите макет сотруднику, который выдаёт инвентарь: он лучше знает, о чём клиенты спрашивают снова и снова. Просите оформлять правки письменно, с указанием экрана и блока. И заранее договоритесь, что после подписания макета считается правкой, а что новым пожеланием с отдельной оценкой.
Проверочный список перед подписанием макета
- Понятно, что входит в комплект и что нужно брать отдельно.
- Выбор дат и размера занимает минимум шагов и виден на телефоне.
- Показано, что видит клиент, если инвентарь на даты занят.
- Для условий аренды есть место, а тексты утверждены вами.
- Способы получения и возврата описаны на самой карточке, а не только в разделе «Контакты».
- После заявки клиент понимает, что дальше и когда ждать ответа.
- Макет проверен на реальных названиях и самых длинных текстах.
- Записано, кто принимает решения и как вносятся изменения после подписания.
Если на все пункты есть ответ, макет можно передавать в вёрстку: самые дорогие вопросы уже сняты.
