Дизайн — статьи о сайтах
В розничном зале гитару можно взять в руки, повернуть к свету, посмотреть на гриф. На сайте это делают за покупателя фотографии. Если их мало или они разнородные, человек уходит уточнять детали в магазин, где есть полный набор снимков. Ниже рассмотрено, как систематизировать изображения в каталоге инструментов.
Какие кадры нужны для карточки инструмента
Универсальных «пяти фото» не бывает: у синтезатора, барабанной установки и скрипки смотрят на разное. Но для каждой категории полезно заранее зафиксировать обязательный набор и снимать по нему всегда. Для электрогитары он может быть таким:
- общий вид спереди целиком;
- вид сзади: крышка электроники, место крепления ремня;
- голова грифа спереди и сзади, колки;
- корпус в области звукоснимателей и бриджа крупным планом;
- торец корпуса и разъём;
- комплект поставки: чехол, ключи, ремень, если они входят в цену.
Для цифрового пианино важнее панель управления, разъёмы на задней стенке, педальный блок и инструмент в сборе на стойке. Для духовых нужны раструб, клапаны и футляр. Составьте такой список для каждой категории и отдайте его тому, кто снимает.
Единый вид превью в каталоге
В списке товаров покупатель сравнивает инструменты глазами, поэтому превью должны быть сопоставимы: один формат кадра (например, 4:3 или квадрат), один ракурс, нейтральный фон, сходный масштаб. Если одна гитара снята вертикально на фоне стены, а другая лежит на столе, сравнивать неудобно.
Для длинных предметов, таких как гитары и тромбоны, заранее решите, как вписывать их в кадр: по диагонали или с полями. Главное, чтобы правило было одинаковым для всех товаров раздела.
Порядок галереи на странице товара
Первым ставьте общий вид, потому что именно он попадает в каталог и в сообщения при отправке ссылки. Затем идёт то, о чём чаще всего спрашивают по телефону: гриф, электроника, разъёмы, комплектация. Миниатюры под главным фото должны быть видны без прокрутки, а крупный просмотр должен открываться по клику и позволять листать кадры.
Условный фрагмент карточки «Электрогитара, цвет sunburst»:
- 1 — общий вид спереди, подпись «Вид спереди»;
- 2 — голова грифа, подпись «Колки и отделка головы»;
- 3 — задняя дека и крышка электроники, подпись «Вид сзади»;
- 4 — чехол и аксессуары, подпись «В комплекте: чехол, ключ».
Если инструмент выпускается в нескольких цветах, у каждого цвета должен быть свой набор снимков, а выбор цвета должен менять галерею. Покупатель не должен гадать, что цвет на фото относится к другой версии.
Б/у и витринные экземпляры: снимайте именно этот инструмент
Для новых товаров допустимы фото производителя, но для б/у инструмента нужны снимки конкретного экземпляра. Сфотографируйте царапины, потёртости, сколы лака, состояние ладов и места, где видны следы эксплуатации, при ярком боковом свете. Рядом с каждым крупным планом разместите короткую текстовую пометку. Такая карточка снимает часть вопросов ещё до звонка, а в заказе не возникает разночтений. Серийный номер показывайте, если вы готовы его публиковать, и решите это правило единообразно.
Файлы, подписи и вес изображений
Загружать снимок прямо с камеры в полном размере не стоит: он может весить несколько мегабайт, и страница с десятком кадров будет долго открываться, особенно на мобильном интернете. Подготавливайте минимум три размера: миниатюра, основной кадр, увеличенный просмотр. Формат для фотографий обычно JPEG; следите, чтобы сжатие не давало «кубиков» на тёмном лаке и градиентах sunburst.
Имена файлов задавайте понятные, латиницей: gitara-sunburst-front.jpg, gitara-sunburst-headstock.jpg. В атрибуте alt коротко описывайте, что на кадре: «Электрогитара sunburst, вид спереди». Не перечисляйте в нём ключевые слова подряд: подпись нужна тем, кто не видит картинку, а поисковым системам помогает лишь как одно из пояснений к содержимому страницы.
Если на странице есть демонстрационное видео, разместите его в той же галерее отдельным элементом, а не ниже описания, где его легко пропустить.
Проверочный список для каталога
- Для каждой категории есть письменный перечень обязательных кадров.
- Превью в разделе имеют одинаковые пропорции, фон и масштаб.
- Первым в галерее стоит общий вид, дальше идут детали и комплектация.
- У каждого цвета или версии свои фотографии.
- У б/у товара показаны дефекты крупным планом и есть пометки к ним.
- Исходники уменьшены, есть миниатюра, основной и увеличенный размеры.
- Имена файлов понятны, у кадров заполнен alt.
- Галерея работает на телефоне: кадры листаются пальцем, увеличение открывается.
Проверьте по этому списку три-четыре самые популярные карточки. Обычно сразу видно, каких кадров не хватает и какие правила нужно закрепить для тех, кто будет заполнять каталог дальше.
