Дизайн — статьи о сайтах
Арендатор склада редко выбирает по красоте кадра. Он ищет подтверждение: проедет ли фура, есть ли доклевеллер, ровный ли пол, как организована охрана. Если все снимки свалены в одну галерею «Фото», ответы приходится угадывать, и человек либо звонит с базовыми вопросами, либо уходит к тем, у кого всё показано нагляднее.
Какие вопросы арендатора должны закрывать фотографии
Прежде чем отбирать кадры, выпишите вопросы, которые чаще всего задают менеджерам. Обычно они сводятся к пяти темам:
- как подъехать и въехать на территорию (шлагбаум, КПП, разворот для фуры);
- как проходит разгрузка (рампа, ворота, доклевеллеры, площадка перед доками);
- что внутри (высота, колонны, пол, стеллажи, освещение, зоны с разным температурным режимом, если они есть);
- как обеспечена сохранность (ограждение, камеры, пропускной режим, пожарная сигнализация);
- какое именно помещение предлагается сейчас.
Каждый кадр должен отвечать хотя бы на один пункт. Три почти одинаковых вида фасада закрывают меньше, чем один снимок ворот дока с рампой.
Где размещать снимки: по страницам, а не в одной галерее
Фото нужны там, где человек принимает решение. На странице комплекса показывайте территорию, подъезд, въезд и общий вид. На странице каждого блока или помещения размещайте его собственные снимки. На страницах услуг, например паллетного хранения или комплектации заказов, показывайте процесс: зону приёмки, маркировку мест, упаковочные столы.
Внутри страницы держите порядок «от общего к частному»: общий план, ворота и вход, внутреннее пространство, детали. Важное правило: на странице помещения должны быть фото именно этого помещения. Если вместо него стоит снимок соседнего блока «для примера», это нужно прямо указать в подписи.
Условный пример: фрагмент страницы блока
Допустим, страница называется «Блок 3, отапливаемый склад». Все цифры ниже вымышлены и показывают только структуру.
- Первый экран: общий вид зала от входа, рядом краткие параметры: площадь, высота до ферм, тип пола, число ворот.
- Подраздел «Разгрузка»: два кадра. На первом ворота с доклевеллером и площадка перед ними, на втором те же ворота изнутри. Подпись: «Док № 2, ворота с доклевеллером, площадка для разворота перед блоком».
- Подраздел «Внутри»: пол крупным планом, шаг колонн с человеком в кадре для масштаба, зона под стеллажи.
- Подраздел «Безопасность»: камера над входом, пост охраны, ограждение территории.
- Внизу: дата последней съёмки и кнопка запроса просмотра.
Такая страница позволяет сравнить блоки между собой, потому что у каждого одинаковый набор кадров в одном порядке.
Подписи, alt и имена файлов, которые несут факты
Подпись «Наш склад» ничего не сообщает. Формула лучше: что на снимке, где это находится, какая характеристика видна. Например: «Зона приёмки у дока № 2, разметка под паллеты».
Alt-текст описывает содержимое для тех, кто не видит изображение: «Ворота дока с доклевеллером, перед ними бетонная площадка». Не перечисляйте в нём ключевые слова подряд. Имена файлов делайте понятными для своей команды: blok3-dok2-vorota.jpg вместо IMG_4821.jpg.
Не ретушируйте помещение до неузнаваемости и не заменяйте свои кадры стоковыми: при осмотре разница сразу видна и подрывает доверие к остальным данным на сайте. Если помещение перестраивали, указывайте дату съёмки.
Вес файлов, мобильные экраны и схема проезда
Снимки с телефона или камеры часто весят по несколько мегабайт. Перед загрузкой уменьшите их до реально нужного размера и сохраните в JPEG или WebP. Лучше подготовить две-три версии под разные ширины экрана. Кадры ниже первого экрана можно загружать отложенно, а главный снимок страницы откладывать не стоит. Задайте размеры изображений в вёрстке, чтобы текст не «прыгал» при загрузке.
Водитель или логист нередко открывает страницу на телефоне. Проверьте, что галерея листается пальцем, увеличенный кадр открывается вместе с подписью, а кнопки закрытия достаточно крупные. Схему проезда делайте отдельным изображением, но дублируйте её текстом: «Въезд со стороны улицы, второй шлагбаум направо, ворота блока 3 слева». Картинку-схему нельзя скопировать в навигатор и плохо читать на маленьком экране.
Проверочный список перед публикацией
- У каждого помещения есть собственные снимки в едином порядке.
- Показаны подъезд, въезд, ворота или рампа, внутреннее пространство.
- Подписи содержат факт, а не слоган.
- Alt заполнен описанием, имена файлов понятны.
- Файлы уменьшены, главный кадр не загружается отложенно.
- Галерея удобна на телефоне, подпись видна при увеличении.
- Схема проезда продублирована текстом.
- Указана дата съёмки, устаревшие кадры удалены.
