Дизайн — статьи о сайтах
Светильник покупают глазами, но по фото нужно понять не только внешний вид. Как он выглядит выключенным и включённым, какого он размера, как крепится, какой свет даёт. Если галерея на эти вопросы не отвечает, посетитель идёт искать ответы к другому продавцу или звонит вам с вопросами, которые можно было закрыть картинкой. Ниже рассмотрим, как выстроить фотографии на сайте магазина освещения.
Какие вопросы покупатель решает по фотографиям
Прежде чем планировать съёмку, выпишите вопросы, которые покупатели чаще всего задают менеджерам. Обычно они такие:
- какой размер у светильника в реальной комнате, а не только в миллиметрах в описании;
- как выглядит плафон при включённом свете и что происходит со светом на стене и потолке;
- какой патрон или цоколь, видны ли лампы, подходят ли обычные;
- как выглядит крепление: планка, крюк, подвес, длина провода или цепи;
- что входит в комплект и есть ли лампы в коробке;
- насколько отделка в жизни отличается от каталога.
Каждый пункт превращается в отдельный кадр. Если на вопрос не отвечает ни фото, ни схема, ответ придётся дать текстом, и посетитель вряд ли ему поверит.
В каком порядке расположить кадры в карточке
Первые два-три снимка видны без прокрутки и на телефоне, и на компьютере. Остальные посетитель смотрит, только если первые его заинтересовали. Поэтому порядок важен.
Условный пример для подвесной люстры на три плафона:
- Кадр 1. Предмет целиком на светлом нейтральном фоне, без лишних теней. Это основное фото, оно же попадёт в каталог.
- Кадр 2. Та же люстра включённой в интерьере: видно, как свет ложится на стену и потолок.
- Кадр 3. Масштаб: рядом дверной проём, стол или диван. Подпись: «Высота потолка в кадре — 2,7 м, люстра подвешена на длине подвеса 60 см». Цифры должны соответствовать реальной съёмке.
- Кадр 4. Крупно плафон и патрон: материал, фактура, место, где видны лампы.
- Кадр 5. Крепёжная планка и подвес.
- Кадр 6. Схема с размерами: диаметр, высота, регулируемая длина подвеса.
- Кадр 7. Комплектация: всё, что лежит в коробке.
Для небольших светильников вроде спотов или бра хватит пяти кадров. Для сложных люстр и торшеров полезны дополнительные ракурсы сбоку и снизу, как их увидит человек в комнате.
Как показать свет, а не только корпус
Главная особенность отрасли в том, что продают не предмет, а освещение. Поэтому в карточках, где это важно, добавьте снимок с работающим светильником. Для настенного бра это пятно на стене, для трековой системы направление лучей, для люстры освещённость стола под ней. Подпишите, какая лампа стояла: тип, мощность и цветовая температура, например «тёплый белый». Иначе сравнивать фотографии разных светильников будет нечем.
Не обрабатывайте снимки с включённым светом слишком сильно. Если после ретуши лампа выглядит ярче, чем может быть, покупатель разочаруется при установке, и вы получите возврат. Напоминайте, что на разных экранах цвета отображаются по-разному: короткая пометка рядом с галереей снимет часть претензий.
Варианты отделки и каталог
Если светильник выпускается в хроме, бронзе и белом, не складывайте все варианты в общую галерею. Сделайте переключатель вариантов (небольшие квадраты с образцом цвета). При выборе отделки должны меняться основное фото и по возможности вся галерея. Название отделки и артикул тоже должны меняться вместе с фото, иначе клиент закажет не то, что видел.
В списке товаров в каталоге достаточно одного ровного снимка на однотонном фоне. Единый формат (например, квадрат) и одинаковые поля вокруг предмета делают сетку аккуратной, а страница не «прыгает» при загрузке, потому что размер блока известен заранее. Второй снимок при наведении курсора допустим для компьютеров, но на телефонах наведения нет, поэтому не прячьте там важную информацию.
Подготовка файлов: размеры, названия, подписи
- Не выкладывайте файлы прямо с фотоаппарата. Для большого просмотра обычно хватает стороны около 1200–1600 пикселей, для миниатюр делайте отдельные уменьшенные копии.
- Для экранов с высокой плотностью пикселей можно подготовить вторую версию вдвое крупнее и подключать через атрибуты srcset, если этот механизм поддерживает ваша система управления сайтом и нужные браузеры.
- Сжимайте JPEG так, чтобы на тёмных плафонах и стекле не появлялись заметные артефакты. Проверяйте на самых сложных снимках, а не на самых простых.
- Давайте файлам понятные имена: lyustra-podvesnaya-3-plafona-hrom.jpg, а не IMG_0457.jpg.
- В альтернативном тексте описывайте, что на снимке: «Подвесная люстра с тремя стеклянными плафонами, включена, гостиная». Не набивайте туда ключевые слова.
- Подгружайте нижние кадры галереи и фото в нижней части страницы по мере прокрутки: первый экран должен открываться быстро, в том числе по мобильному интернету.
Проверочный список для карточки светильника
- Есть основной кадр на нейтральном фоне и кадр в интерьере.
- Хотя бы на одном снимке понятен масштаб, а размеры подтверждены схемой.
- Показан включённый светильник, указаны тип и цветовая температура лампы.
- Виден цоколь, крепление и комплектация.
- Для каждой отделки есть свои фото, переключатель меняет и снимок, и артикул.
- Все снимки одного формата, файлы уменьшены, у каждого есть осмысленное имя и подпись.
- Карточка проверена на телефоне: галерея листается пальцем, увеличение работает.
Начните с десяти самых продаваемых позиций: пересоберите их галереи по этому списку и посмотрите, сколько вопросов о размерах и свете придёт в чат и по телефону. Результаты помогут решить, как расширять съёмку на весь ассортимент.
