Как правильно составить каталог продукции


Загрузить PDF


Загрузить PDF

Создание каталога продукции — это эффективный способ расширить вашу клиентскую базу и предоставить клиентам все уникальные продукты, которые предлагает ваша компания. Каталог дает возможность ознакомиться с вашей продукцией тем клиентам, которые никогда не посетят ваш магазин. Чем быстрее вы узнаете, что необходимо включить в ваш каталог и как оформить его в удобном и презентабельном виде, тем быстрее вы сможете превратить его в эффективный рекламный инструмент вашей продукции.

  1. Изображение с названием Make a Product Catalog Step 1

    1

    Соберите информацию. Убедитесь, что у вас есть все составляющие для начала проектирования. Информация, которая вам необходима для создания каталога, должна включать в себя изображения товаров, список товаров и особенности продуктов. Пригодятся и другие сведения, например, информация о компании, отзывы клиентов, любая другая информация, которая поможет вашим клиентам принимать правильные решения.

  2. Изображение с названием Make a Product Catalog Step 2

    2

    Сделайте изображения продуктов визуально привлекательными. Может, вы захотите использовать ваши собственные изображения, чтобы сэкономить деньги, но если вы — не профессиональный фотограф, для фотографирования вашей продукции лучше нанять профессионала. Фотографии ваших продуктов являются одним из наиболее важных аспектов каталога, это то, что клиенты будут видеть в первую очередь. Привлекательный образ продукта будет стимулировать клиентов прочитать описание и, будем надеяться, совершить покупку.[1]

    • Если вы обладаете навыками и умением фотографировать и у вас есть цифровая камера, установите на камере максимальное разрешение и делайте фотографии, следуя следующим правилам: фотографируйте каждый продукт в отдельности, не делайте фотографии группы продуктов на светлом фоне, добавьте тени. Чтобы товары четко смотрелись на странице, загружайте их в разрешении не ниже 300 dpi.
  3. Изображение с названием Make a Product Catalog Step 3

    3

    Знайте особенности ваших продуктов. Прежде чем выкладывать описание продуктов, вы должны знать все технические спецификации каждого из них. Можете указать номера позиций и цены, в том числе начальные и сниженные цены. Вы также можете описать некоторые преимущества вашей продукции. Возможно, вам захочется написать про любую мелочь, которая будет характеризовать ваш продукт, однако давать надо только такую информацию, которая поможет клиенту принять правильное решение. Вместе с тем для получения более подробной информации о продукте вы можете предложить клиенту посетить ваш сайт.

  4. Изображение с названием Make a Product Catalog Step 5

    4

    Выберите оптимальный размер вашего каталога. Вы должны выбрать удобный размер вашего каталога, когда он находится в закрытом положении. Независимо от того, где им будут пользоваться, будь то в самолете или на рабочем столе в зале ожидания, каталог должен быть удобного размера. Ваши клиенты не должны нервничать из-за чрезмерно большого каталога или раздражительно реагировать на каталог, который слишком мал. Они должны четко видеть изображения и информацию о продуктах.[2]

  5. Изображение с названием Make a Product Catalog Step 6

    5

    Определите необходимое количество страниц. Ваш каталог должен быть достаточно объемным, чтобы предоставить клиентам всю необходимую информацию, но и достаточно коротким, чтобы сохранить интерес и не обременять читателя лишними подробностями. Не забывайте об оглавлении, о постерах про продукты, которые могут размещаться на всю страницу, и о дополнительных информационных страницах, например, про историю компании.

    • Убедитесь, что нумерация страниц сделана правильно. Вы можете указать данные для быстрого поиска вашего сайта, адреса и номера телефонов, разместив их на двух страницах (развороте). Можно указать номера телефонов компании в правом нижнем углу каждой страницы, а адрес вашего сайта в нижнем левом или наоборот. Можно также разместить такую информацию на верхней или нижней части обложки.
    • Не забудьте предусмотреть 4 страницы для полиграфической компании. 4 страницы будут полностью распечатаны (2 спереди и 2 сзади).
  6. Изображение с названием Make a Product Catalog Step 9

    6

    Составьте описание продуктов. Каждое описание должно быть коротким, в пределах 50–150 слов. Если вы хотите описать особенности продукта, то обязательно отобразите несколько преимуществ в каждой позиции. И не следует забывать об основных функциях. Например, отметьте особенности того, что перчатки для гольфа являются обязательным атрибутом для постоянных игроков гольф-клубов, и к тому же, что тоже важно, игроки, пользующиеся перчатками, смогут подняться на более высокий уровень игры (побочная польза). Помогут клиентам сделать правильный выбор пункты, где в описании вы укажете цену за вес или размеры.[3]

    • Если вам понадобится дополнительная помощь для написания текстов, наймите копирайтера.
  7. Изображение с названием Make a Product Catalog Step 8

    7

    Напишите дополнительную информацию. Когда вы пишете тексты, надо использовать короткие, легко читаемые предложения и абзацы, а также избегать чрезмерного использования технических терминов. В каждом разделе каталога должна быть обложка или вводная страница, которая показывает человеку, о каких продуктах пойдет речь в разделе, и дает краткую информацию о пользе этой категории продукции. Каталог может включать в себя краткую историю вашей компании, чтобы ваши читатели чувствовали себя более комфортно, изучая вашу продукцию.

    • Вам необходимо создать форму заказа, если вы будете принимать заказы по факсу или почте.
  8. Изображение с названием Make a Product Catalog Step 7

    8

    Упорядочьте содержание. Вам необходимо спланировать содержимое каждой страницы. Убедитесь, что аналогичные продукты размещаются вместе. Кроме того, вы должны поместить сопутствующие продукты рядом друг с другом. Например, если вы продаете высококлассные мужские туфли, рядом вы можете разместить ложки для обуви, которые помогут сохранять обувь в хорошем состоянии в течение длительного времени. Глядя на такую страницу, клиенты будут понимать, что приобретают отличную обувь. Это также прекрасный способ подсказать клиентам, что они могут сделать покупки, о которых и не задумывались.[4]

    • Обрабатывая содержание каталога, вы должны будете не только создать разделы для продуктов, но и вступительную часть в начале книги, учебные разделы, можете включить статьи, а также раздел для описания порядка возврата и гарантийной информации. Можно распределить статьи по каталогу таким образом, чтобы, покупая вашу продукцию, клиенты получали потребительскую информацию.
    • Убедитесь в том, что используемые типографский шрифт и оформление не будут мешать клиенту. Вы должны сделать их максимально удобными для поиска конкретного раздела с помощью цветного кодирования верхней, нижней или боковой стороны страниц каждого раздела.
  9. Изображение с названием Make a Product Catalog Step 10

    9

    Используйте качественное содержание. Отработайте информационное наполнение для добавленных 4-х страниц. Эти наполнения должны быть эффективными и поддерживать цели вашего каталога — продавать продукты. Там может быть раскрыта история вашей компании, что вызовет у клиентов дополнительную лояльность при покупке ваших продуктов. Также можно разместить отзывы клиентов и гарантии. Делайте все то, что может заинтересовать клиента и поможет вашей компании встать на ноги.[5]

  10. Изображение с названием Make a Product Catalog Step 11

    10

    Создайте эффектную обложку. Первое, что ваши потенциальные клиенты увидят, — это обложка. Она может создать предпосылки для успеха или неудачи вашего каталога. Если обложка не будет привлекать внимания, каталог может оказаться в мусорной корзине, еще до того как клиент его откроет. Сделайте современное оформление, отобразите различные акции и скидки, разместите потрясающие изображения — все это способствует развитию потребительского интереса для пролистывания страниц. В том случае, если каталог имеет сезонный характер, необходимо использовать тему, которая соответствует времени года или предстоящим праздникам.

  11. Изображение с названием Make a Product Catalog Step 12

    11

    Продумайте дизайн формы заказа. Хотя создание формы заказа может быть довольно утомительным, имейте в виду, что покупатель может отказаться от покупки этой единственной в своем роде лампы, потому что форма заказа слишком запутана. Номер обслуживания клиентов даст клиентам возможность связаться с вами, если они окажутся в затруднении. Перфорированная адресная форма значительно упрощает для клиентов порядок рассылки. Не забывайте о необходимости такого варианта, когда доставку надо организовать на два адреса клиента. Если ваши клиенты пожелают заказать товар через интернет, необходимо ознакомить их и с этим вариантом.

  12. Изображение с названием Make a Product Catalog Step 4

    12

    Создайте оригинал-макет. Важно создать оригинал-макет вашего каталога продуктов, прежде чем вы закажете сотни каталогов и поймете, что сделали какие-то организационные или видимые ошибки. Этот процесс удержит вас от траты времени на создание повторного макета страниц и даст представление о том, как будет выглядеть ваш каталог. Если вам требуется графический дизайн фона, пригласите профессионала, чтобы найти лучший способ для размещения страниц в вашем каталоге.[6]

    • Вам потребуется обсудить бюджет, печатные устройства, которые вы планируете задействовать, различные формы заказа, изображения, которые вы хотите использовать. Как только вы или ваш графический дизайн-эксперт выберете нужные компоненты, нужно определить способы компоновки информации и варианты размещения на странице максимального количества товаров, которые не будут мешать друг другу.
    • Вы можете использовать формы или другие заполнители для размещения изображений, которыми вы будете пользоваться в дальнейшем. Когда все будет готово, вы можете использовать реальных клиентов для проверки каталога и получить от потенциальных покупателей предложения и отзывы, прежде чем приступить к печати.
  13. Изображение с названием Make a Pamphlet Step 19

    13

    Напечатайте каталог. Если ваш каталог всего на 4 страницы, вы можете попробовать напечатать его самостоятельно. Профессиональная печать займет меньше времени и обеспечит качественный результат. К тому же при печати в коммерческой фирме вам не придется заботиться о таких вопросах, как раскладка страниц (порядок страниц) и сползание страниц (внешние страницы становятся короче внутренних страниц при сложении вместе). Печатные мастерские также смогут использовать гораздо более прочный материал для переплета. Некоторые печатные компании даже предоставляют услуги почтовой связи для вашего удобства. Просто найдите печатную мастерскую, которой можно доверять и у которой разумные цены и профессиональное качество.

    Реклама

Советы

  • Избегайте шаблонов, которые часто ограничивают творчество и уникальность.
  • Существует много других факторов, которые необходимо учитывать при создании каталогов. Они отличаются от открыток и буклетов тем, что содержат более качественные справочные материалы, чем прошлые маркетинговые издания.[7]

Реклама

Источники

Об этой статье

Эту страницу просматривали 101 447 раз.

Была ли эта статья полезной?

Соглашение о конфиденциальности

и обработке персональных данных

1.Общие положения

1.1.Настоящее соглашение о конфиденциальности и обработке персональных данных (далее – Соглашение) принято свободно и своей волей, действует в отношении всей информации, которую ООО «Инсейлс Рус» и/или его аффилированные лица, включая все лица, входящие в одну группу с ООО «Инсейлс Рус» (в том числе ООО «ЕКАМ сервис»), могут получить о Пользователе во время использования им любого из сайтов, сервисов, служб, программ для ЭВМ, продуктов или услуг ООО «Инсейлс Рус» (далее – Сервисы) и в ходе исполнения ООО «Инсейлс Рус» любых соглашений и договоров с Пользователем. Согласие Пользователя с Соглашением, выраженное им в рамках отношений с одним из перечисленных лиц, распространяется на все остальные перечисленные лица.

1.2.Использование Сервисов означает согласие Пользователя с настоящим Соглашением и указанными в нем условиями; в случае несогласия с этими условиями Пользователь должен воздержаться от использования Сервисов.

1.3.Сторонами (далее – «Стороны) настоящего Соглашения являются:

«Инсейлс» – Общество с ограниченной ответственностью «Инсейлс Рус», ОГРН 1117746506514, ИНН 7714843760, КПП  771401001, зарегистрированное по адресу: 125319, г.Москва, ул.Академика Ильюшина, д.4, корп.1, офис 11 (далее – «Инсейлс»), с одной стороны, и

«Пользователь»

либо физическое лицо, обладающее дееспособностью и признаваемое участником гражданских правоотношений в соответствии с законодательством Российской Федерации;

либо юридическое лицо, зарегистрированное в соответствии с законодательством государства, резидентом которого является такое лицо;

либо индивидуальный предприниматель, зарегистрированный в соответствии с законодательством государства, резидентом которого является такое лицо;

которое приняло условия настоящего Соглашения.

1.4.Для целей настоящего Соглашения Стороны определили, что конфиденциальная информация – это сведения любого характера (производственные, технические, экономические, организационные и другие), в том числе о результатах интеллектуальной деятельности, а также сведения о способах осуществления профессиональной деятельности (включая, но не ограничиваясь: информацию о продукции, работах и услугах; сведения о технологиях и научно-исследовательских работах; данные о технических системах и оборудовании, включая элементы программного обеспечения; деловые прогнозы и сведения о предполагаемых покупках; требования и спецификации конкретных партнеров и потенциальных партнеров; информацию, относящуюся к интеллектуальной собственности, а также планы и технологии, относящиеся ко всему перечисленному выше), сообщаемые одной стороной другой стороне в письменной и/или электронной форме, явно обозначенные Стороной как ее конфиденциальная информация.

1.5.Целью настоящего Соглашения является защита конфиденциальной информации, которой Стороны будут обмениваться в ходе переговоров, заключения договоров и исполнения обязательств, а равно любого иного взаимодействия (включая, но не ограничиваясь, консультирование, запрос и предоставление информации, и выполнение иных поручений).

2.Обязанности Сторон

2.1.Стороны соглашаются сохранять в тайне всю конфиденциальную информацию, полученную одной Стороной от другой Стороны при взаимодействии Сторон, не раскрывать, не разглашать, не обнародовать или иным способом не предоставлять такую информацию какой-либо третьей стороне без предварительного письменного разрешения другой Стороны, за исключением случаев, указанных в действующем законодательстве, когда предоставление такой информации является обязанностью Сторон.

2.2.Каждая из Сторон предпримет все необходимые меры для защиты конфиденциальной информации как минимум с применением тех же мер, которые Сторона применяет для защиты собственной конфиденциальной информации. Доступ к конфиденциальной информации предоставляется только тем сотрудникам каждой из Сторон, которым он обоснованно необходим для выполнения служебных обязанностей по исполнению настоящего Соглашения.

2.3.Обязательство по сохранению в тайне конфиденциальной информации действительно в пределах срока действия настоящего Соглашения, лицензионного договора на программы для ЭВМ от 01.12.2016г., договора присоединения к лицензионному договору на программы для ЭВМ, агентских и иных договоров и в течение пяти лет после прекращения их действия, если Сторонами отдельно не будет оговорено иное.

2.4.Не будут считаться нарушением настоящего Соглашения следующие случаи:

(а)если предоставленная информация стала общедоступной без нарушения обязательств одной из Сторон; 

(б)если предоставленная информация стала известна Стороне в результате ее собственных исследований, систематических наблюдений или иной деятельности, осуществленной без использования конфиденциальной информации, полученной от другой Стороны;

(в)если предоставленная информация правомерно получена от третьей стороны без обязательства о сохранении ее в тайне до ее предоставления одной из Сторон; 

(г)если информация предоставлена по письменному запросу органа государственной власти, иного государственного органа,  или органа местного самоуправления в целях выполнения их функций и ее раскрытие этим органам обязательно для Стороны. При этом Сторона должна незамедлительно известить другую Сторону о поступившем запросе;

(д)если информация предоставлена третьему лицу с согласия той Стороны, информация о которой передается.

2.5.Инсейлс не проверяет достоверность информации, предоставляемой Пользователем, и не имеет возможности оценивать его дееспособность.

2.6.Информация, которую Пользователь предоставляет Инсейлс при регистрации в Сервисах, не является персональными данными, как они определены в Федеральном законе РФ №152-ФЗ от 27.07.2006г. «О персональных данных».

2.7.Инсейлс имеет право вносить изменения в настоящее Соглашение. При внесении изменений в актуальной редакции указывается дата последнего обновления. Новая редакция Соглашения вступает в силу с момента ее размещения, если иное не предусмотрено новой редакцией Соглашения.

2.8.Принимая данное Соглашение Пользователь осознает и соглашается с тем, что Инсейлс может отправлять Пользователю персонализированные сообщения и информацию (включая, но не ограничиваясь) для повышения качества Сервисов, для разработки новых продуктов, для создания и отправки Пользователю персональных предложений, для информирования Пользователя об изменениях в Тарифных планах и обновлениях, для направления Пользователю маркетинговых материалов по тематике Сервисов, для защиты Сервисов и Пользователей и в других целях.

Пользователь имеет право отказаться от получения вышеуказанной информации, сообщив об этом письменно на адрес электронной почты Инсейлс – contact@ekam.ru.

2.9.Принимая данное Соглашение, Пользователь осознает и соглашается с тем, что Сервисами Инсейлс для обеспечения работоспособности Сервисов в целом или их отдельных функций в частности могут использоваться файлы cookie, счетчики, иные технологии и Пользователь не имеет претензий к Инсейлс в связи с этим.

2.10.Пользователь осознает, что оборудование и программное обеспечение, используемые им для посещения сайтов в сети интернет могут обладать функцией запрещения операций с файлами cookie (для любых сайтов или для определенных сайтов), а также удаления ранее полученных файлов cookie.

Инсейлс вправе установить, что предоставление определенного Сервиса возможно лишь при условии, что прием и получение файлов cookie разрешены Пользователем.

2.11.Пользователь самостоятельно несет ответственность за безопасность выбранных им средств для доступа к учетной записи, а также самостоятельно обеспечивает их конфиденциальность. Пользователь самостоятельно несет ответственность за все действия (а также их последствия) в рамках или с использованием Сервисов под учетной записью Пользователя, включая случаи добровольной передачи Пользователем данных для доступа к учетной записи Пользователя третьим лицам на любых условиях (в том числе по договорам или соглашениям). При этом все действия в рамках или с использованием Сервисов под учетной записью Пользователя считаются произведенными самим Пользователем, за исключением случаев, когда Пользователь уведомил Инсейлс о несанкционированном доступе к Сервисам с использованием учетной записи Пользователя и/или о любом нарушении (подозрениях о нарушении) конфиденциальности своих средств доступа к учетной записи.

2.12.Пользователь обязан немедленно уведомить Инсейлс о любом случае несанкционированного (не разрешенного Пользователем) доступа к Сервисам с использованием учетной записи Пользователя и/или о любом нарушении (подозрениях о нарушении) конфиденциальности своих средств доступа к учетной записи. В целях безопасности, Пользователь обязан самостоятельно осуществлять безопасное завершение работы под своей учетной записью по окончании каждой сессии работы с Сервисами. Инсейлс не отвечает за возможную потерю или порчу данных, а также другие последствия любого характера, которые могут произойти из-за нарушения Пользователем положений этой части Соглашения.

3.Ответственность Сторон

3.1.Сторона, нарушившая предусмотренные Соглашением обязательства в отношении охраны конфиденциальной информации, переданной по Соглашению, обязана возместить по требованию пострадавшей Стороны реальный ущерб, причиненный таким нарушением условий Соглашения в соответствии с действующим законодательством Российской Федерации.

3.2.Возмещение ущерба не прекращают обязанности нарушившей Стороны по надлежащему исполнению обязательств по Соглашению.

4.Иные положения

4.1.Все уведомления, запросы, требования и иная корреспонденция в рамках настоящего Соглашения, в том числе включающие конфиденциальную информацию, должны оформляться в письменной форме и вручаться лично или через курьера, или направляться по электронной почте адресам, указанным в лицензионном договоре на программы для ЭВМ от 01.12.2016г., договоре присоединения к лицензионному договору на программы для ЭВМ и в настоящем Соглашении или другим адресам, которые могут быть в дальнейшем письменно указаны Стороной.

4.2.Если одно или несколько положений (условий) настоящего Соглашения являются либо становятся недействительными, то это не может служить причиной для прекращения действия других положений (условий).

4.3.К настоящему Соглашению и отношениям между Пользователем и Инсейлс, возникающим в связи с применением Соглашения, подлежит применению право Российской Федерации.

4.3.Все предложения или вопросы по поводу настоящего Соглашения Пользователь вправе направлять в Службу поддержки пользователей Инсейлс www.ekam.ru либо по почтовому адресу: 107078, г. Москва, ул. Новорязанская, 18, стр.11-12 БЦ «Stendhal» ООО «Инсейлс Рус».

Дата публикации: 01.12.2016г.

Полное наименование на русском языке:

Общество с ограниченной ответственностью «Инсейлс Рус»

Сокращенное наименование на русском языке:

ООО «Инсейлс Рус»

Наименование на английском языке:

InSales Rus Limited Liability Company (InSales Rus LLC)

Юридический адрес:

125319, г. Москва, ул. Академика Ильюшина, д. 4, корп.1, офис 11

Почтовый адрес:

107078, г. Москва, ул. Новорязанская, 18, стр.11-12, БЦ «Stendhal»

ИНН: 7714843760 КПП: 771401001

Банковские реквизиты:

Р/с 40702810600001004854

В ИНГ БАНК (ЕВРАЗИЯ) АО, г.Москва,
к/с 30101810500000000222, БИК 044525222

Электронная почта: contact@ekam.ru

Контактный телефон: +7(495)133-20-43

В статье рассказывается:

  1. Общие правила наполнения каталога продукции
  2. Зачем в современном мире нужен печатный каталог товаров
  3. Виды и этапы создания печатного каталога продукции
  4. 4 принципа при оформлении каталога товаров
  5. Основные требования к макету каталога товаров для типографии
  6. Как сделать электронный каталог товаров правильно
  7. 4 признака эффективного каталога товаров
  8. Как сделать каталог товаров на WordPress: ТОП-5 лучших плагинов
  9. Как сделать каталог товаров в «ВКонтакте»

Удобный и стильный каталог товаров – надежный инструмент для привлечения потенциальных покупателей. Несмотря на бурное развитие Интернета и приложений для смартфонов, печатный буклет не устаревает и остается эффективным каналом рекламы.

Фирменные буклеты-каталоги выпускаются даже крупными корпорациями. Но как же сделать сайт-каталог товаров привлекательным для целевой аудитории и каким вообще должен быть каталог продукции (печатный или электронный)?

Общие правила наполнения каталога продукции

Сделав каталог своих товаров, вы сможете расширить клиентскую базу и предложить потенциальным покупателям все уникальные продукты, поставляемые вашей компанией. Каталог товаров – это возможность познакомить со своим ассортиментом даже ту аудиторию, которая никогда не посетит ваши точки продаж.

Оформление товарных каталогов – одна из важнейших задач маркетолога. От того, насколько понятен и презентабелен этот документ (как печатный, так и онлайн), будет зависеть первое впечатление потенциального покупателя и его готовность совершать покупки у вас.

Правила наполнения каталога продукции

Есть несколько базовых принципов оформления каталогов товаров.

  1. Соберите всю необходимую информацию

    Перед началом проектирования каталога убедитесь, что собрали все необходимые сведения и материалы для него. Чтобы сделать каталог товаров (в PDF или ином формате), подготовьте: фотографии товаров, их общий список, описания каждой позиции. Будет полезна и другая информация: краткие сведения о компании, отзывы покупателей, сертификаты и все, что может подтолкнуть потребителя к решению о покупке у вас.

  2. Сделайте изображения продуктов визуально привлекательными

    Изображения товаров – одна из первых вещей, на которую падает взгляд потенциального покупателя. Поэтому образ продукта должен быть привлекательным, стимулирующим приобрести вещь как можно скорее!

    Каталог продукции_изображение товаров

    Можно, конечно, попытаться отснять товарную номенклатуру своими силами, но, если ваши навыки фотографа оставляют желать лучшего, обратитесь к профессионалу.

    Однако, если вы умеете фотографировать и располагаете нужным оборудованием (цифровой фотокамерой, объективом для предметной съемки, подсветкой), то вы можете сделать фотографии товаров для своего каталога самостоятельно. Разрешение готовых фото должно быть не менее 300 dpi (иначе они будут плохо смотреться). Снимать изделия целой группой на белом фоне нежелательно, лучше сфотографировать каждое из них по отдельности, добавив тени.

  3. Знайте особенности ваших продуктов

    До начала работы над созданием каталога соберите все основные данные по товарам – прежде всего их технические спецификации. То есть нужно сделать каталог товаров в Excel. Сведите в общую таблицу все товарные позиции с их номерами и ценами (включая начальные цены и цены со скидками).

    Если есть возможность, напишите небольшие тексты о преимуществах каждого продукта. Отбирайте только те сведения, которые склонят симпатии клиента в сторону приобретения товара у вас. Вся подряд информация не нужна, она будет только отвлекать внимание.

    Тех, кто захочет ознакомиться с характеристиками товара более подробно, отправляйте на ваш сайт.

  4. Составьте описание продуктов

    Оптимальный размер описания товара в каталоге – 50–150 слов. Описывая продукт, перечислите его основные функции и технические характеристики, назовите несколько преимуществ.

    Каталог продукции_описание товаров

    К примеру, в описании перчаток для гольфа можно указать, что без этого вида обмундирования невозможно стать постоянным игроком гольф-клуба. Кроме того, перчатки помогают игроку повысить мастерство в игре, что является их косвенным преимуществом.

    Указание стоимости в зависимости от веса или размера тоже подталкивает клиентов к покупке.

  5. Напишите дополнительную информацию

    Составляя тексты для каталога товаров, разбивайте их на абзацы и старайтесь делать предложения лаконичными. Не увлекайтесь технической терминологией.

    Каждая категория в каталоге должна содержать вводную страницу или обложку с краткой информацией о пользе товаров этого типа и о том, какие продукты, собственно, в нее входят.

    Помимо сведений о товарах, можно добавить в каталог и информацию о фирме (продавце или производителе): ее историю в сжатом виде, например. Это усиливает доверие потенциальных клиентов, которые просматривают ваш каталог, ища нужный продукт.

    Иногда целесообразно нанять профессионального копирайтера, чтобы грамотно наполнить каталог товаров и сделать его действительно продающим.

  6. Упорядочите содержание

    Весь контент в каталоге должен быть систематизирован и структурирован: схожие товары расположены рядом, а сопутствующие продукты снабжены ссылками друг на друга.

    Каталог продукции_содержание

    Предположим, вы торгуете элитной мужской обувью. В карточки товаров можно добавить ложки для обуви – аксессуар, помогающий сохранить туфли в приличном состоянии надолго. Это убедит ваших потенциальных покупателей в том, что, заказав пару обуви у вас, они получат действительно высококлассную вещь и все, что нужно для ухода за ней.

    Кроме того, ссылки на сопутствующие товары – отличный способ их продать: даже если клиент изначально не думал о покупке ложки для обуви, он вспомнит, что она нужна, и купит заодно и ее.

    Визуальное оформление (размер и гарнитура шрифта, модульная сетка и т. п.) должно быть таким, чтобы человек мог быстро и без проблем найти в каталоге нужный продукт или товарную группу, не отвлекаясь на дизайнерские изыски.

  7. Дизайн формы заказа

    Разработка формы заказа – трудоемкая и непростая задача. Если форму сделать слишком длинной и запутанной, потребитель просто покинет сайт, не совершив покупку. Поэтому желательно указать телефон магазина или горячей линии на случай, если у клиента возникнут проблемы при оформлении заказа.

Зачем в современном мире нужен печатный каталог товаров

Для нашего века характерна напряженная конкуренция во всех сферах: практически у любой фирмы, чем бы она ни занималась, найдутся десятки и сотни конкурентов. Выделение компании из общей массы аналогичных бизнесов – задача маркетолога. Для ее решения он пользуется множеством инструментов, и, в частности, это выпуск печатного каталога товаров или списка услуг.

Печатный каталог товаров

Чем так хороши бумажные каталоги по сравнению с другими типами рекламной полиграфии? Своей информационной насыщенностью: каталог – это максимум сведений о продуктах, услугах и самом предприятии. В каталоге исчерпывающе описаны все достоинства, плюсы, уникальные свойства товаров.

Это сделало печатные каталоги товаров эффективным средством стимулирования продаж – как среди уже сложившейся клиентуры, так и среди потенциальной. Представьте, что потенциальный клиент, приехав в ваш офис несколько раньше назначенного времени встречи, сидит на диване и коротает время, пролистывая каталог вашей продукции. Он успевает получить много ценной информации об ассортименте продуктов и услуг, предлагаемых вами, узнать о компании и проникнуться доверием к ней еще до того, как пообщается с ее представителем. Поэтому многие фирмы оставляют свои каталоги в офисах компаний-партнеров, дабы охватить дополнительную аудиторию.

Сделав качественный, красочный и информативный каталог товаров, вы поможете продавцам, работающим непосредственно в торговых точках. Предположим, человек не нашел интересующее его устройство в магазине бытовой техники и обратился к консультанту за помощью. Консультант дает ему полный каталог и предлагает поискать товар там (чтобы сразу же заказать его и через несколько дней получить прямо на дом). Это отличное решение: в противном случае покупатель ушел бы с пустыми руками или же персоналу пришлось бы искать нужный товар на складах, звонить в другие торговые точки и т. п.

Виды и этапы создания печатного каталога продукции

Самый первый каталог товаров был сделан очень давно – еще в 1872 г. в США Аароном Монтгомери, бывшим коммивояжером.

Рождение товарного каталога как жанра полиграфической продукции – довольно забавная история. В то время Монтгомери руководил подразделением крупной торговой фирмы и ломал голову над тем, как сбыть залежалый сезонный товар, на который не было спроса. Огромные скидки и старания выездных торговцев не давали эффекта. Поэтому Монтгомери решил отказаться от зазывания клиентов в магазин (который мог располагаться в соседнем городке или отдаленном районе, а транспорт был развит довольно слабо).

Печатный каталог продукции

Зато американская почта работала замечательно, и Монтгомери решил этим воспользоваться. Напечатав перечень товаров и способы заказа на листах бумаги (примерно соответствующих формату А4), он разослал этот прообраз каталога, больше похожий на листовку, потенциальным покупателям. И это сработало: несезонные товары были буквально сметены с полок.

Конечно, сегодняшние каталоги выглядят совершенно иначе, но принцип их действия не изменился.

Виды печатных каталогов и их назначение

  1. Имиджевые: презентуют саму компанию, ее историю и достижения. Сведения о товарах второстепенны и не занимают много места. Основные способы распространения таких печатных изданий – почтовая рассылка либо первичный продукт, необходимый для знакомства с деятельностью компании.

  2. Рекламные: фокусируют все внимание читателя на товарном ассортименте, ценах, акциях и скидках. Могут содержать полный прайс-лист на все, что продает компания, или на какие-то отдельные продуктовые линейки. Такие каталоги выпускают перед особыми событиями или для информирования о спецпредложениях, а распространяют в местах продаж либо по почте.

  3. Периодические: выходят регулярно, раз в промежуток времени, содержат новости, актуальный перечень услуг или товаров с ценами, текущие акции.

Периодический печатный каталог продукции

В Интернете есть множество общедоступных шаблонов оформления, которые можно использовать, чтобы сделать каталог товаров самому в электронном виде. Проблема в том, что они создавались без учета специфики вашей продукции, не индивидуальны и применяются всеми подряд, включая ваших конкурентов. Шаблонное оформление сайта и полиграфической продукции отрицательно сказывается на имидже компании.

Поэтому не пожалейте сил, времени и денег на разработку собственного дизайна для товарного каталога. Этот процесс состоит из нескольких шагов.

  1. Вырабатываем концепцию и отрисовываем дизайн-макет

    Для начала определитесь с назначением бумажного каталога, его тематикой, целевой аудиторией, форматом, объемом, способами распространения. Затем соберите все необходимые фотоматериалы и подготовьте текстовый контент. Лишь после этого можно приступать к созданию макета.

    Чтобы самому сделать каталог товаров для печати, воспользуйтесь одной из специальных программ, таких как конструктор «Электронный заказ» или MyBusinessCatalog. К сожалению, в них доступны только самые типовые и избитые варианты дизайна, которые невозможно индивидуализировать.

    Лучше обратиться к профессиональному дизайнеру полиграфии (например, заказав разработку каталога в типографии). Этот специалист обладает всеми профильными навыками, разбирается в композиции и колористике, понимает, что такое фирменный стиль. Вы можете рассчитывать на качественный результат.

  2. Допечатная подготовка макета

    Когда оригинал-макет создан и утвержден, пора подумать о технических параметрах печати. Они зависят от того, по какой технологии и на каком оборудовании будет печататься ваш каталог товаров. У всех типографий – свои требования к макетам, поэтому обращение к дизайнеру той фирмы, где вы планируете печатать издание, – наиболее целесообразный вариант: этот специалист сразу сделает все как надо, и не придется переделывать макет по многу раз.

    В некоторых случаях не обойтись без цветопроб, чтобы убедиться в правильности отображения оттенков на бумаге и соответствии отпечатка макету. Этот процесс представляет собой предварительный просмотр отпечатанной цветовой палитры.

  3. Печать издания

    Сегодня печать полиграфической продукции осуществляется при помощи различных технологий.

    Печать каталога продукции

    В зависимости от тиража и требований к качеству издания вы можете выбрать:

    • Цифровую печать, если вам нужен небольшой тираж каталога как можно скорее.

    • Офсет, если вы стремитесь сэкономить деньги, хотите использовать краски Pantone и напечатать большой тираж.

    • Ризографию (метод создания многочисленных копий с исходного файла), если вам нужен небольшой бюджетный двухцветный буклет.

  4. Постпечатная обработка

    Необходима для того, чтобы сделать готовый каталог товаров еще более привлекательным и необычным, а также защитить бумажное издание от повреждений. Постпечатная обработка – это целый набор различных технологий: резка, ламинация, биговка, высечка, фальцовка, брошюровка, тиснение, УФ-лакирование.

4 принципа при оформлении каталога товаров

  1. Соответствие замыслу и дизайн-концепции.

    Перед разработкой дизайна печатного издания, будь то каталог товаров, листовка или что-либо еще, нужно четко определиться с замыслом – общей эстетической концепцией и набором творческих приемов для ее воплощения.

    Концепция отвечает на основные вопросы об издании: его функциях, ЦА, содержании. Замысел отражает концепцию. Например, для каталога промышленного оборудования будет неуместен растительный декор и яркая цветовая гамма: такой каталог будут просматривать деловые люди – инженеры, руководители бизнеса и т. п. – поэтому рекомендуется оформлять его строго, сдержанно и без лишних украшательств.

    Принципы оформления каталога товаров_дизайн

  2. Ясная и логичная структура.

    Непродуманная организация контента каталога – беда для читателя: ему придется прочесывать каждую страницу ради нужной информации, напрягаясь и раздражаясь. Такое издание не захочется просматривать во второй раз.

    Чтобы каталог товаров выполнил свои функции, позаботьтесь о том, чтобы информация была логично сгруппирована в четкие блоки и размещена последовательно.

  3. Кейс: VT-metall

    Узнай как мы снизили стоимость привлечения заявки в 13 раз для металлообрабатывающей компании в Москве

    Узнать как

  4. Не перегружайте каждую полосу.

    К сожалению, каталоги товаров, перегруженные информацией – когда продукты буквально впихнуты на полосу по принципу «чем больше, тем лучше» ради экономии места, – не редкость. Обычно такие каталоги в виде газет выпускаются крупными торговыми сетями, которые торгуют широким ассортиментом недорогой продукции и рекламируют, прежде всего, свои скидки.

    Печать дорогих красивых каталогов с достаточным количеством «воздуха» не окупится, так как их товары приносят невысокую прибыль. Впрочем, это все равно не повод для того, чтобы нагромождать информацию, цены и картинки как попало, не заботясь о восприятии издания читателем.

  5. Привлекательные фотографии.

    Качество иллюстраций (прежде всего, фото товаров) очень существенно влияет на продающие свойства каталога. Если вы ходите сделать по-настоящему качественный каталог товаров, еще до разработки дизайна придется озаботиться предметной съемкой продукции, ретушью фотографий, а то и созданием трехмерных моделей (которые особенно необходимы для каталогов недвижимости, оборудования и т. п.).

    Принципы оформления каталога товаров_привлекательные фотографии

    Кроме самого снимка – набора разноцветных пикселей – качество картинки определяется технологией печати каталога, разновидностью бумаги и постпечатной обработкой.

    Поэтому качественное издание, которое будет продавать ваши товары и приносить вам доход, – это сумма всех четырех факторов: само изображение, бумага, метод печати, последующая обработка.

Основные требования к макету каталога товаров для типографии

Оригинал-макеты продуктовых каталогов отправляют в типографию в форматах EPS, PSD, TIFF или PDF. Для разработки макетов используют такие популярные графические редакторы, как Photoshop и Illustrator от компании Adobe или же CorelDraw.

Габариты страницы должны, во-первых, соответствовать обрезному формату полиграфического изделия, во-вторых, быть снабжены вылетами под обрез (по 2–7 мм).

Макет каталога товаров для типографии

Растровых изображений с прозрачными участками лучше избегать, если вы хотите сделать каталог товаров в PDF или другом формате для последующей печати. Все тексты переводятся в кривые и сохраняются как векторные объекты.

До того, как отправлять тираж в печать, сделайте цветопробу – попросите напечатать образцы цвета.

Для предоставления в типографию макет распечатывают целиком, со всеми пустыми полосами, если они есть, скрепив и пронумеровав страницы в нужной последовательности, а также прикладывают в электронном виде файлы.

Как сделать электронный каталог товаров правильно

Продуктовый каталог является основой любого онлайн-магазина. Сделав сайт с каталогом товаров (грамотно и логично организованным), вы решаете сразу две задачи:

  1. привлекаете новую клиентуру;

  2. увеличиваете показатели продаж.

Интернет-каталоги удобно наполнять, будучи администратором, и удобно просматривать, будучи посетителем сайта. Правильная структура каталога поможет вам поднять свои позиции в поисковой выдаче и продать больше товаров. Вот несколько рекомендаций по наполнению и структурированию каталога товаров.

Электронный каталог товаров

Создайте структуру на основе поисковых запросов

Хороший каталог отвечает двум важным требованиям:

  1. логичность структуры;

  2. соответствие названий товарных групп поисковым запросам вашей тематики.

Начинать создание онлайн-каталога нужно даже не с составления списков товаров, а с формирования семантического ядра сайта. В него попадут все ключевые слова, точно описывающие интернет-магазин (с учетом их популярности в поисковиках). О том, как собирать ключевики, читайте в специальных инструкциях.

От семантического ядра строят всю структуру каталога, начиная от общего и все более конкретизируя запросы.

Сделайте шаблон описания и подробно расскажите про товар

Чтобы товар из интернет-магазина легко находился поисковыми системами по ключевым словам, его карточка должна содержать как можно больше информации. При этом огромный «кирпич» текста со множеством подробностей – неудачное решение: контент нужно структурировать так, чтобы все товары были оформлены по единой схеме. Это упростит поиск продукта для пользователя и пополнение товарной базы – для администратора магазина.

Шаблон описания товара

Кроме того, сведения о товаре должны быть полезными для читателя. Чтобы этого достичь, проделайте три шага:

  1. Оцените текст в товарной карточке с точки зрения клиента: есть ли там ответы на все его вопросы?

  2. Сравните оформление карточек на вашем ресурсе и на сайтах конкурентов: возможно, пришла пора почерпнуть несколько свежих идей и рабочих приемов?

  3. Пользуйтесь теми сведениями о продукте, которые предоставил вам поставщик.

Собрав все сведения о том или ином товаре, отберите для каталога только те, которые интересны и важны потенциальному покупателю. Какая информация замотивирует его на покупку?

Так, для магазина обуви это – точный размер всех пар, а вот для стандартных товаров единого размера (солнечные очки, часы и т. п.) данный параметр не нужен. У джинсов несколько габаритов: обхват талии, длина внутреннего шва и собственно размер. Если же вы торгуете телевизорами, указывайте разрешение и диагональ каждого изделия в своем интернет-каталоге.

4 признака эффективного каталога товаров

Есть несколько веских причин, по которым вы просто обязаны проконтролировать создание товарного каталога и уделить достаточное время его разработке.

  1. Каталог помогает клиенту быстро найти нужный продукт.

    Чем более логично и рационально сделан каталог, тем удобнее покупателю. Для магазинов, предлагающих тысячи и десятки тысяч товарных наименований, это особенно актуально. Все продукты должны быть правильно распределены по группам и подгруппам. Например, подразделы «Платья», «Топы», «Юбки» относим к разделу «Женская одежда».

    Описывайте однотипные товары по единому шаблону: это ускорит сравнение их между собой и поиск требуемой информации.

    4 признака эффективного каталога товаров

  2. Оперативное пополнение товарной базы.

    Имеющий четкую продуманную структуру каталог, в котором все продукты описаны по одному шаблону, легко пополнить новыми товарами: вам не придется каждый раз думать, как составить текст, к какой категории привязать продукт, как завести новую подкатегорию для него.

  3. Увеличение трафика из поисковиков.

    Структура каталога, названия категорий и грамотно составленные сопроводительные тексты к товарам принесут вам дополнительный трафик из поисковых систем. Опирайтесь на поисковые запросы, по которым потребитель будет искать ваши товары.

    Не бойтесь делать описания подробными: чем длиннее текст, тем большее количество ключевых запросов в него можно вставить и тем быстрее потребитель найдет ваш продукт через поисковики.

  4. Упрощается реклама и продвижение товаров.

    Если сделать каталог товаров на сайте в соответствии с запросами клиентов (используя ключевые слова, по которым ищут товары, – по отдельной странице на каждый ключевик), то можно сразу же настроить контекстную рекламу и оптимизировать страницы для SEO.

Скачайте полезный документ по теме:

Чек-лист: Как добиваться своих целей в переговорах с клиентами

Как сделать каталог товаров на WordPress: ТОП-5 лучших плагинов

Если вы планируете сделать сайт – каталог товаров, к вашим услугам множество CMS, среди которых есть как бесплатные, так и платные решения. Можно вообще не связываться с CMS, если перспектива написания кода и ручной расстановки блоков вас не вдохновляет: html-каталог товаров можно сделать и с помощью других, интуитивно понятных каждому пользователю инструментов.

Как сделать каталог товаров на WordPress

Что касается бесплатных CMS-систем, то лидером среди этих инструментов для создания сайтов является WordPress. Это наиболее популярная CMS для интернет-магазинов, которую можно легко освоить самостоятельно.

Разумеется, сам WordPress необходимо будет для начала установить. О том, как это сделать, рассказывается в других статьях, которые в изобилии имеются в Интернете; мы на этом останавливаться не будем.

Чтобы стильно и качественно оформить продуктовый каталог, следует также установить один из специальных плагинов для WordPress, перечисленных ниже:

CataBlog

CataBlog содержит практически все инструменты, необходимые для отображения на сайте товарной витрины: создания галереи картинок, добавления описаний, названий и всех необходимых ссылок к каждой товарной позиции; настройки категорий и фильтров для сортировки товаров (по имени, дате, в случайном порядке), которые помогут пользователям находить нужные товары.

CataBlog

К особенностям данного плагина относятся:

  • Простой процесс форматирования описаний товаров (редактором WYSIWYG TinyMCE).

  • Наличие виджетов, позволяющих отображать каталоги и товарные группы в сайдбаре.

  • Автоматическая пагинация – разбивка списка товаров на страницы (нужные параметры указываются в шорткоде).

  • Возможность задавать отдельные значения ширины и высоты для миниатюр.

  • Возможность сделать отдельные html-страницы категорий для товаров из каталога.

  • Поддержка плагином нескольких языков: русского, французского, немецкого, испанского, шведского.

  • Различные способы сортировки: по дате, имени, порядку добавления, в случайном порядке.

  • Возможность импортировать и экспортировать каталог (в CSV и XML).

  • Плагин совместим MultiSite.

  • Подгрузка файлов по FTP, автоматический импорт новых.

  • Ясное и простое управление товарным каталогом (с помощью админпанели).

WP Catalogue

WP Catalogue – еще один простой и удобный плагин для WordPress, дающий возможность самостоятельно и бесплатно сделать онлайн-каталог товаров. К каждой товарной позиции можно подгрузить три изображения. При настройке дизайна под определенную тему WordPress можно менять цвета, количество товаров на странице, размеры картинок, нумерацию страниц; есть несколько макетов сетки каталога на выбор.

eCommerce Product Catalog

Особенности данного плагина следующие:

  • Легкость и простота в использовании.

  • К каждому товару можно добавлять до трех фотографий.

  • Редактирование общих настроек – цвета темы, размеров картинки, числа товарных позиций на странице, макета, пагинации – осуществляется просто и быстро.

  • Дизайн можно полностью настроить на свой вкус посредством CSS.

  • Можно сделать в каталоге товаров кнопки «Предыдущий» и «Следующий».

  • Возможность выводить или не выводить цену товара.

  • Товары добавляются посредством перетаскивания мышью.

  • Поддержка многих популярных браузеров: Firefox, Chrome, Safari, IE (7–9 версии).

  • Вывод на главную делается посредством специального шорткода ([wp-catalogue]).

eCommerce Product Catalog

Для сайтов, сделанных с применением системы eCommerce, данный плагин незаменим. При всей его простоте он достаточно мощен и обладает всеми нужными опциями для того, чтобы сделать html-каталог товаров для сайта на WP. Множество настроек позволит оформить витрину в любом стиле.

Преимущества плагина:

  • Количество товаров в каталоге не ограничено.

  • Есть инструменты для SEO-оптимизации товарных карточек.

  • Все настройки интуитивно понятны.

  • Можно задавать продукту определенные свойства на выбор.

  • Три различных шаблона товарных карточек.

  • Два шаблона списков товаров.

  • Форматы цен настраиваются вручную.

  • Доступные категории оформлены в виде виджета.

  • Есть специальный виджет для поиска по каталогу.

  • Дизайн полностью редактируется вручную.

  • Плагин совместим со всеми популярными браузерами: Firefox, Opera, Chrome, Safari, IE (7–9 версии).

  • Можно сделать импорт неограниченного числа продуктов в формате CSV.

Ultimate Product Catalogue Plugin

Данный плагин предназначен для тех, кому нужно быстро и просто сделать самому каталог товаров в электронном виде на WordPress. Можно выбрать одну из трех адаптивных тем, доступных по умолчанию, и доработать в соответствии со стилем сайта.

Получившийся каталог можно легко просматривать и редактировать, добавляя товары в группы и подгруппы, а для вывода на нужные страницы использовать шорткод.

Характеристики плагина:

  • Наличие трех настраиваемых макетов.

  • Имеются настраиваемые поля.

  • Карточку товара тоже можно кастомизировать.

  • Дизайн меняется – есть возможность редактировать файл стилей CSS.

  • Имеются виджеты сортировки продуктов по разным принципам: списком, последние добавленные, в случайном порядке.

  • Можно сделать как импорт, так и экспорт товаров каталога.

  • Вся верстка адаптивна.

WordPress Catalog

Плагин WordPress Catalog – еще одно удобное решение для тех, кто хочет сделать на своем сайте каталог товаров. Каждая товарная позиция принадлежит к своей категории, поэтому поиск на сайте нужного продукта не станет проблемой для посетителя. У категории может быть неограниченное число настраиваемых параметров, позволяющих охарактеризовать товар во всей полноте его свойств и преимуществ.

Вот основные особенности данного плагина:

  • Адаптивная верстка шаблонов.

  • Товары разложены по группам и подгруппам.

  • Возможен импорт и экспорт содержимого каталога.

  • Есть опции поиска по названию товара и категории, описанию, отдельным свойствам.

  • Предлагается несколько вариантов визуального оформления.

  • Товары можно фильтровать.

  • Поддерживается пагинация.

Все перечисленные плагины обладают различными наборами опций и визуальных стилей, и вы можете подобрать то, что лучше всего соответствует вашему замыслу.

Как сделать каталог товаров в «ВКонтакте»

В группе вашего интернет-магазина «ВКонтакте» тоже можно сделать каталог товаров. Для этого зайдите во вкладку «Управление», нажав на соответствующую кнопку в правой части страницы (под аватаром группы).

Вы попадете в меню настроек сообщества, где нужно выбрать пункт «Разделы» в правом сайдбаре. Увидев параметр «Отключены» напротив товаров, нажмите на него и выберите настройку «Включены».

Как сделать каталог товаров в «ВКонтакте»_этапы

После этого надо указать все параметры, касающиеся товаров:

  • регионы, куда осуществляется доставка;

  • город;

  • возможность оставлять комментарии под товарами;

  • валюту магазина;

  • контактные данные для связи (кому будут отправляться сообщения из формы «Написать продавцу» в каждой карточке – всему сообществу или отдельному руководителю);

  • описание магазина.

Не забудьте сохранить изменения.

Затем переходим на основную страницу сообщества. Нужно убедиться, что там появилась новая вкладка «Добавить товар», и кликнуть по ней.

Как сделать каталог товаров в «ВКонтакте»_поэтапно

В открывшемся окне производим все манипуляции, связанные с добавлением и редактированием товара, а именно:

  1. выбираем категорию, к которой принадлежит товар;

  2. вставляем его описание;

  3. подгружаем фотографии продукта;

  4. указываем его стоимость;

  5. если необходимо, можно сделать товар недоступным.

После этого нажимаем на кнопку «Создать товар», сохраняя таким образом все изменения.

Товар должен появиться на странице группы в соответствующем блоке. Как видите, сделать каталог товаров в группе «Вконтакте» совсем не сложно.

Алексей Бояркин

Статья опубликована: 04.04.2019

Облако тегов

Понравилась статья? Поделитесь:

От того, насколько грамотно спроектирован каталог в интернет-магазине, зависит, найдет ли клиент то, что ему нужно. И на этом шаге есть множество тонкостей, которые помогут сделать путь клиента максимально комфортным. На что стоит обратить внимание? 152 гайдлайна с примерами в этой статье.

Есть идеи по дополнениям – обязательно пишите, буду рад обсудить. Подписывайтесь на выход новых статей в Telegram и делитесь этим материалом с коллегами по цеху.

Это один из 20+ чек-листов по UX/UI в e-commerce. К середине декабря 2022г все они будут доступны в моем профиле на Habr.

Структура статьи

Для удобства статью я разбил на блоки. Так будет легче для восприятия. Каждый из блоков содержит в себе детальный чек-лист.

  • Кнопка каталога

  • Появление каталога

  • Структура каталога

  • Контент каталога

  • Layout каталога

  • Категории первого уровня

  • Иллюстрации категорий

  • Списки подкатегорий

  • Пункты в списках

  • Ограничение длины списков

  • Highlight категорий

  • Прокрутка каталога

  • Бренды в каталоге

  • Страницы категорий

  • Закрытие каталога

1. Кнопка каталога

Фиксирована в шапке

Зафиксируйте кнопку каталога в шапке, чтобы она была доступна в 1 клик при любом скролле страницы.

Смотреть пример

✅

Доступна в таббаре

Добавьте кнопку перехода в каталог в таббар в мобильной версии сайта, чтобы она всегда была доступна, и до нее легче было дотянуться пальцем.

Смотреть пример

✅

В рамках F-паттерна

В версии для ПК взгляд клиента скользит по траектории, схожей с буквой F. Разместив кнопку каталога с учетом такого паттерна, мы повышаем ее заметность.

Смотреть пример

✅

Рядом со строкой поиска

Так как каталог и поисковая строка – 2 основных метода поиска товаров, имеет смысл разместить эти элементы рядом друг с другом.

Смотреть пример

✅

Не прилипает к другим элементам

На мобильных устройствах разместите кнопку каталога с достаточными отступами от других элементов, чтобы сократить риски промаха и нажатия не на ту кнопку.

Смотреть пример

✅

Привлекает внимание

Так как ознакомление с каталогом – одно из целевых действий, кнопка каталога должна быть достаточно контрастной и хорошо привлекать внимание.

Смотреть пример

✅

Достаточно большая

Сделайте кнопку каталога достаточно большой, чтобы клиенту легче было на нее нажать, особенно на мобильных устройствах.

Смотреть пример

✅

Содержит текст

Разместите в кнопке понятный текст о том, что это именно каталог, чтобы исключить какие-либо вопросы у клиента.

Смотреть пример

✅

Содержит иконку

Снабдив кнопку понятной иконкой, вы можете упростить восприятие информации и сделать ее более заметной.

Смотреть пример

✅

Иконка в хорошем качестве

Базовый момент: загрузите иконку в хорошем качестве, чтобы она не размывалась и не пикселила. В идеале используйте векторное изображение.

Смотреть пример

❌

Иконка общепринятая

Если перед вами не стоит задача по снижению использования каталога, выберите для кнопки общепринятую иконку. Клиент не должен гадать, что это за кнопка.

Смотреть пример

❌

Реакция на наведение

Сделайте кнопку интерактивной, чтобы она реагировала на наведение курсора и давала визуальную обратную связь.

Смотреть пример

✅

Изменение вида при клике

При клике кнопка каталога может изменять свой вид и превращаться в кнопку его закрытия.

Смотреть пример

✅

Анимация клика

Кнопку каталога также можно анимировать при клике. Это сделает отклик интерфейса на действия клиента более приятным глазу.

Смотреть пример

✅

2. Появление каталога

При клике по кнопке

Появление каталога при клике по его кнопке – наиболее ожидаемая реакция интерфейса на действия клиента.

Смотреть пример

✅

Не при наведении на кнопку

Лучше воздержаться от открытия каталога при наведении на кнопку: возникает риск ошибочного открытия, когда клиент просто ведет курсор по странице.

Смотреть пример

❌

Без задержек

Реакция интерфейса на клик по кнопке должна быть моментальной: каталог должен отображаться без каких-либо задержек.

Смотреть пример

✅

Без изменения верстки

При открытии и закрытии каталога верстка страницы не должна меняться, если на это нет какой-либо значимой причины.

Смотреть пример

❌

Плавная анимация

Вместо прерывистой реакции интерфейса можно предусмотреть открытие каталога с помощью быстрой, но плавной и ненавязчивой анимации (например, выцветания).

Смотреть пример

✅

Без чрезмерной анимации

При этом избегайте чрезмерной анимации в появлении каталога. Особенно если клиент сталкивается с ней не 1 раз, такая анимация может вызвать раздражение.

Смотреть пример

❌

Выделяется на фоне страницы

Если каталог занимает не всю площадь экрана, фоновую страницу можно затемнять, чтобы сфокусировать внимание клиента именно на каталоге.

Смотреть пример

✅

Контент каталога отображается

Контент каталога должен отображаться при клике по кнопке. Да, я понимаю, что момент очевидный. И я бы его не добавил, если бы не этот замечательный пример:

Смотреть пример

❌

3. Структура каталога

Различные классификации

Каталог можно структурировать по нескольким направлениям: по типу товара, поводу, стилю и т.д. – дайте клиенту возможность пойти тем путем, который ему более удобен.

Смотреть пример

✅

На основе паттернов поиска

Структура каталога должна соответствовать тому, как клиенты ищут товары. Проведите клиентское исследование, чтобы понять, каковы паттерны в вашем случае.

Подобное к подобному

Объединяйте подкатегории со схожими свойствами в единую категорию верхнего уровня, чтобы упростить поиск нужного товара для клиента.

Смотреть пример

❌

Уровневая структура

Если у вас широкий спектр товаров, используйте уровневую структуру каталога, чтобы не сталкивать клиента с чересчур длинными списками подкатегорий.

От общего к частному

Основополагающий момент: структурируйте каталог, начиная с категорий верхнего уровня, и двигайтесь в сторону повышения детализации.

Смотреть пример

✅

Объем отображаемого контента

Чем меньше объектов клиент видит на экране, тем легче ему найти нужный. Отображение слишком большого числа категорий с подкатегориями лишь затрудняет поиск.

Смотреть пример

❌

Поэтапное отображение

Эта механика позволяет решить проблему перегрузки интерфейса за счет отображения категорий следующего уровня лишь по выбранному элементу:

Смотреть пример

✅

Без пересекающихся подкатегорий

Подкатегории могут встречаться в рамках разных структур каталога, но не стоит добавлять пересекающиеся подкатегории внутри одной структуры.

Смотреть пример

❌

Детализация достаточна

Сделайте каталог достаточно детальным, чтобы сэкономить клиенту время. Не заставляйте его переходить в листинг на уровне «Ноутбук», когда он хочет купить себе Macbook.

Смотреть пример

❌

Детализация не слишком высокая

При этом, если детализация в каталоге слишком высокая, есть риск, что в целевом листинге будет мало товаров, и клиент уйдет, не найдя то, что ему нужно.

Смотреть пример

❌

Не все в одну корзину

Проектируя каталог, думайте о том, чтобы клиенту легко было найти нужный товар: не объединяйте множество разнородных подкатегорий в одну мега-категорию.

Смотреть пример

❌

Без категорий с 0 товаров

Предусмотрите, чтобы подкатегории динамически пропадали из списков, если в них нет товаров. Иначе переход в пустой листинг станет неприятным сюрпризом для клиента.

Смотреть пример

❌

Товары и аксессуары

Размещая товары и аксессуары к ним в одной категории, вы облегчаете поиск нужного товара для клиента. Разбивая на разные категории, как в примере – усложняете.

Смотреть пример

❌

Корректная категоризация товаров

Каким бы удобным ни был каталог, если товары промаркированы так, что находятся не в своих категориях, шансы на то, что клиент их найдет (и купит), невысоки.

Смотреть пример

❌

Единая структура

Структура каталога должна быть единой для desktop и mobile версий сайта. У клиента не должно возникать диссонанса при переключении между версиями.

4. Контент каталога

Списки подкатегорий

Базовый момент: если у категории есть подкатегории, их список должен отображаться при выборе этой категории в рамках каталога.

Смотреть пример

✅

Аксессуары

Помимо подкатегорий в рамках категории также можно разместить и ссылки на листинги подходящих аксессуаров.

Смотреть пример

✅

Услуги

Если вы помимо товаров предоставляете и услуги, их также можно добавить в каталог. Причем размещать их лучше на страницах соответствующих категорий, а не отдельно.

Смотреть пример

❌

Бренды в категории

Разместив ссылки на листинги товаров в категории от конкретных брендов, мы можем упростить путь поиска нужного товара для части клиентов.

Смотреть пример

✅

Гайды по выбору товаров

Если вы выпускаете статьи и видео о том, как выбрать нужные товары, их можно разместить на соответствующих страницах каталога.

Смотреть пример

✅

Конструкторы продуктов

Если вы продаете комплексные решения, на страницы категорий в каталоге также можно добавить ссылки конструкторы, позволяющие упростить выбор товара.

Смотреть пример

✅

Подборки товаров

В каталог можно включить еще и тематические подборки. Клиент может воспользоваться ими на стадии discovery и открыть с их помощью для себя интересные товары.

Смотреть пример

✅

Подарочные карты

Не всегда мы ищем товары для себя. И не всегда можем угадать предпочтения того, кому хотим их подарить. Поэтому highlight подарочных карт в каталоге может быть полезен.

Смотреть пример

✅

5. Layout каталога

Мега-меню

Если у вас широкий спектр товаров и много разнородных категорий, мега-меню позволит уместить всю структуру каталога в рамках единого интерфейса.

Смотреть пример

✅

Dropdown

Формат выпадающих списков можно использовать, когда у вас всего несколько категорий, которые можно разместить сразу же в шапке, и неглубокая структура каталога.

Занимает всю полезную площадь

При активации каталога логично, что внимание будет фиксировано именно на нем. Поэтому в случае с мега-меню ему может отводиться вся площадь экрана.

Смотреть пример

✅

Каталог единообразен

Используя разные версии каталога на разных страницах сайта, легко можно ввести клиента в заблуждение и затруднить навигацию.

Смотреть пример

❌

Мобильная оптимизация

Не думал, что в 2022г такая рекомендация будет еще для кого-то актуальной. Но что имеем, то имеем: у магазина 3.43 млрд.руб выручки за 2021 год.

Смотреть пример

❌

Реализован в виде вкладок

Реализуйте каталог в формате вкладок, не отображайте все категории в рамках единой длинной страницы. Клиент не должен состариться, пока доскроллит до конца списка.

Смотреть пример

❌

Каталог не перекрывается

Добавляя поверх сайта различные виджеты, такие как онлайн-чат или заказ обратного звонка, убедитесь, что они не влияют на отображение каталога и не перекрывают его.

Смотреть пример

❌

Без многоуровневых popup’ов

Отображение еще одного всплывающего списка на всплывающем меню каталога может быть чересчур в плане нагромождения контента.

Смотреть пример

❌

Категории первичны

Функция навигации в каталоге должна быть первичной. Не прячьте подкатегории за множеством рекламных баннеров, брендов и товаров. Разместите их в начале.

Смотреть пример

❌

6. Категории первого уровня

Видны сразу

Если число категорий верхнего уровня не слишком большое, их можно разместить прямо в шапке. Таким образом, они сразу будут видны клиенту при загрузке страницы.

Смотреть пример

✅

Как часть главной страницы

Категории верхнего уровня можно снабдить иллюстрациями и представить как часть главной страницы. Особенно это удобно для мобильной версии:

Смотреть пример

✅

В начале главной страницы

При этом, так как каталог – один из основных методов поиска в магазине, его не стоит прятать слишком глубоко на главной странице. Разместите его ближе к началу.

Смотреть пример

❌

Отсортированы по популярности

Сортировка по популярности позволит большей части клиентов быстрее найти нужную им категорию.

Смотреть пример

✅

Без прокрутки на мобильных

Не располагайте категории с горизонтальной прокруткой в мобильной версии. Далеко не все клиенты ее заметят. Это снизит шансы на успешный поиск и покупку товара.

Смотреть пример

❌

Активная категория выделяется

При просмотре подкатегорий в рамках категории верхнего уровня выделяйте ее на фоне остальных, чтобы облегчить навигацию для клиента.

Смотреть пример

✅

Переход между категориями

Убедитесь, что переключение списков подкатегорий осуществляется корректно при перемещении курсора по категориям верхнего уровня. Вот так делать не стоит:

Смотреть пример

❌

Диагональное перемещение

Часто встречается некорректная обработка диагонального перемещения курсора от категории к подкатегориям. В этом примере клиент попадает не в тот список:

Смотреть пример

❌

Тайминг переключения категорий

Добавьте задержку в обработчик наведения на категорию, чтобы свести риски показа не тех подкатегорий к нулю при перемещении курсора по диагонали.

Смотреть пример

✅

Стрелка, если есть подкатегории

Чтобы подчеркнуть наличие подкатегорий в категории верхнего уровня, можно снабдить ее стрелкой.

Смотреть пример

✅

Категории кликабельны

Сделайте категории верхнего уровня кликабельными. При клике по ним клиент должен переходить на страницы соответствующих категорий.

Смотреть пример

✅

Клик в мобильной версии

В мобильной версии лучше сделать действие раскрытия списка подкатегорий приоритетным по отношению к переходу в общий листинг категории.

Смотреть пример

❌

Анимация при переходах

На мобильных устройствах переходы от категорий к подкатегориям и обратно можно реализовать с помощью приятной глазу анимации.

Смотреть пример

✅

Категория – заголовок

Для упрощения навигации название категории верхнего уровня можно дублировать в качестве заголовка в области с подкатегориями.

Смотреть пример

✅

7. Иллюстрации категорий

Используются

Снабдив верхнеуровневые категории иконками или миниатюрами, можно облегчить восприятие информации на стороне клиента.

Смотреть пример

✅

Поиск по иллюстрациям

Иллюстрации играют еще одну важную роль: иногда клиент может не знать, как товар называется, но знать, как он выглядит. В этом случае иллюстрации помогут в поиске.

Смотреть пример

✅

Релевантны

Базовый момент: добавляя иллюстрации, позаботьтесь о том, чтобы они соответствовали категориям, рядом с которыми они расположены.

Смотреть пример

❌

Репрезентативны

Иллюстрации должны быть репрезентативными и олицетворять всю категорию, а не подсвечивать лишь какой-то один конкретный товар.

В едином стиле

Иллюстрации категорий должны быть выполнены в едином стиле. В противном случае это может создать ощущение несогласованности.

Смотреть пример

❌

Визуально не «кричащие»

Иллюстрации должны привлекать внимание, но во всем важно знать меру. Если сделать их чересчур «кричащими», это может лишь рассеять внимание и затруднить восприятие.

Смотреть пример

❌

Если иллюстрации есть, то везде

Если уж вы решили сделать свои категории более понятными и добавить иконки, не стоит останавливаться лишь на 2-3 – извольте добавить иконки по всем категориям.

Смотреть пример

❌

В хорошем качестве

Если уж вы решили добавить иллюстрации, добавьте их в хорошем разрешении, чтобы они не пикселили и не ухудшали впечатление о качестве сайта.

Смотреть пример

❌

Различия в иллюстрациях заметны

Если вы добавляете иллюстрации не для галочки, сделайте так, чтобы они значимо отличались друг от друга. В этом случае кто-то точно схалтурил:

Смотреть пример

❌

Иллюстрации понятны клиенту

Подготавливая иллюстрации, протестируйте их на понятность у целевой аудитории. Если клиент не понимает, что изображено на иллюстрации, ее ценность стремится к нулю.

8. Списки подкатегорий

Отображаются

Базовый момент: убедитесь, что по всем категориям верхнего уровня, по которым подкатегории доступны в листинге, они отображаются и в каталоге.

Смотреть пример

❌

Появляются моментально

При наведении курсора на категорию верхнего уровня область с подкатегориями должна загружаться моментально, без каких-либо задержек.

Смотреть пример

❌

Видны при тапе на мобильных

Так как на мобильных устройствах размер интерфейса ограничен, отображайте списки подкатегорий при нажатии на категорию, а не по умолчанию, чтобы сэкономить место.

Смотреть пример

✅

Без списка, если подкатегорий нет

Если подкатегории отсутствуют, нет смысла дублировать в списке название категории. Просто переводите клиента в соответствующий листинг при клике.

Смотреть пример

❌

Характеристики, как подкатегории?

В некоторых случаях в качестве подкатегорий отображают характеристики. Как считаете, в чем плюсы и минусы такого подхода? Напишите, пожалуйста, в комментариях.

Смотреть пример

?

Списки обособлены

Сделайте списки подкатегорий обособленными: отступы между заголовком списка и его элементами не должны быть больше, чем отступы между списками.

Смотреть пример

❌

Заголовки кликабельны

Сделайте заголовки списков кликабельными – так, чтобы они вели на соответствующие страницы категорий со ссылками на все подкатегории и листингом товаров.

Смотреть пример

✅

Ссылка на все товары категории

Не для всех клиентов будет очевидно, что категория в заголовке списка кликабельна. Поэтому снабдите список подкатегорий ссылкой на все товары категории.

Смотреть пример

✅

Единообразие форматирования

Убедитесь, что при переключении между категориями верхнего уровня подкатегории выглядят единообразно и одинаково форматированы.

Смотреть пример

❌

Отступы между пунктами

Проектируя каталог, не забудьте, что текст некоторых категорий может переноситься на новую строку и адаптируйте верстку, чтобы одни элементы не наезжали на другие.

Смотреть пример

❌

Подкатегории унифицированы

Не смешивайте в рамках единого списка подкатегории разных уровней. Это ухудшает восприятие и затрудняет поиск товара.

Смотреть пример

❌

Списки выровнены

Выровняйте списки подкатегорий по левому краю. Маркеры и прочие элементы не должны влиять на выравнивание.

Смотреть пример

❌

9. Пункты в списках

Подкатегории в виде списков

Размещайте подкатегории в виде списков. Реализация подкатегорий в формате «облака тегов» может затруднить поиск нужного элемента.

Смотреть пример

❌

Пункты не дублируются

Базовый момент: дублировать подкатегории в рамках одного списка не стоит. Но примеры того, как кто-то наступает на эти грабли, обязательно найдутся.

Смотреть пример

❌

Списки с одной (?) подкатегорией

Как считаете, стоит ли отображать по категориям списки всего с одним элементом? И почему? Напишите, пожалуйста, в комментариях.

Смотреть пример

?

Сочетание цветов

Убедитесь, что цвет текста категорий хорошо сочетается с цветом фона. Иначе есть риск, что клиент уйдет на этапе ознакомления с каталогом.

Смотреть пример

❌

Категории vs. подкатегории

Сделайте так, чтобы подкатегории визуально отличались от категорий: например, выполните их чуть более выцветшими, меньшего размера или менее жирными.

Смотреть пример

✅

Текст подкатегорий контрастный

При этом текст подкатегорий должен быть достаточно контрастным к фону. Иначе либо его будет сложно прочитать, либо может возникнуть ощущение, что ссылки неактивны.

Смотреть пример

❌

Названия не обрезаются

Спроектируйте категории и подкатегории так, чтобы их названия не обрезались. В противном случае это ухудшит их восприятие и затруднит навигацию.

Смотреть пример

❌

Терминология, сленг, сокращения

По возможности старайтесь обойтись без использования специфических сокращений, сленга и терминов, которые могут быть не понятны для целевой аудитории.

Смотреть пример

❌

Без ошибок в тексте

Особенно «радует», когда компании с оборотом почти 60 млрд.руб не могут вычитать тексты в каталоге и допускают ошибки.

Смотреть пример

❌

Умеренный CAPS LOCK

CAPS LOCK хорош тогда, когда его мало. Например, в заголовках. Но если все элементы списка будут в верхнем регистре, это может усложнить восприятие.

Смотреть пример

❌

Единый регистр

По возможности реализуйте элементы списков в едином регистре. Если уж одни списки идут с заглавной буквы, будьте добры реализовать в таком формате и остальные.

Смотреть пример

❌

Количество позиций

Как считаете, насколько уместно на уровне каталога отображать количество позиций по категориям? В чем это помогает? Напишите, пожалуйста, в комментариях.

Смотреть пример

?

Реакция на наведение

Сделайте категории и подкатегории интерактивными, чтобы они реагировали на наведение курсора и давали визуальную обратную связь.

Смотреть пример

❌

Без дублирующей подсказки

По возможности избегайте появления дублирующей контекстной подсказки при наведении курсора на категории и подкатегории. Смысла в этом особого нет.

Смотреть пример

❌

Кликабельная область

Сделайте кликабельным не только текст пункта, но и всю область по ширине списка. Это снизит количество промахов и упростит переход к листингу.

Смотреть пример

❌

10. Ограничение длины списков

Списки не слишком длинные

По возможности группируйте подкатегории в более короткие и легкие для восприятия списки. Это упростит процесс поиска нужной подкатегории.

Смотреть пример

❌

Наличие ограничителей

Если подкатегорий в рамках категории слишком много, можно ограничить их список, дав клиенту возможность раскрыть его полностью.

Смотреть пример

✅

Не виден 1 пункт – не сокращаем

Если в списке обрезается всего 1 пункт, вместо надписи «Еще 1» можно просто его отобразить. Больше места такая механика не займет.

Смотреть пример

❌

Ссылки не вызывают вопросов

Текст ссылок на все подкатегории должен быть привычным, понятным для аудитории и не должен вызывать вопросов.

Смотреть пример

❌

Визуальное отличие ссылок «Еще»

Сделайте ссылки для перехода ко всем категориям визуально отличными от основных элементов списка, так как их функции различаются.

Смотреть пример

❌

Выбор на уровне каталога

Дайте клиенту возможность ознакомиться с оставшимися категориями прямо в рамках каталога, без необходимости переходить на новую страницу и ждать ее загрузки.

Смотреть пример

❌

Highlight числа скрытых пунктов

Ссылки раскрытия списка можно сделать более информативными, добавив число скрытых пунктов. Интерфейс при этом особо не перегрузится.

Смотреть пример

✅

Скрытие раскрытых списков

Помимо раскрытия списка предусмотрите также и возврат к краткой версии – так, чтобы после ознакомления с категориями список не занимал много места.

Смотреть пример

✅

11. Highlight категорий

Используется

Внимание клиента к определенным категориям (например, новинкам) можно привлечь за счет размещения рядом с ними специальных маркеров.

Смотреть пример

✅

Highlight с помощью emoji

Для highlight’а категорий могут использоваться не просто маркеры, а релевантные emoji. Если стилистика сайта позволяет, выглядеть это может симпатично.

Смотреть пример

✅

Highlight текущей категории

Выделяйте в каталоге категорию, в которой клиент находится в данный момент. Это позволит упростить навигацию.

Смотреть пример

✅

Featuring категории

Наиболее популярную категорию можно выделить более явно, снабдив ее релевантной иллюстрацией. Это упростит путь клиента в большом количестве случаев.

Смотреть пример

✅

Highlight категорий понятен

Если вы выделяете какие-то подкатегории, дайте клиенту понять, на основе чего они выделены. Там есть новинки? Они популярны? Есть специальные предложения?

Смотреть пример

❌

Без highlight’а всех категорий

Если highlight отображается по всем элементам списка, он фактически теряет свою функцию выделения категории на фоне остальных.

Смотреть пример

❌

Highlight новинок

Если вы хотите отдельно презентовать новинки, выделите их специально и не допускайте случаев, когда они визуально сливаются с другими категориями.

Смотреть пример

❌

12. Прокрутка каталога

Скролл только если это необходимо

Не размещайте скролл там, где можно обойтись и без него. В примере мы видим большое неиспользуемое пространство, но при этом часть элементов обрезаются и не видны.

Смотреть пример

❌

Внутренний скролл списка

Реализуйте внутренний скролл списка категорий, чтобы клиент не прокручивал сначала вниз до категории, а затем вверх, чтобы ознакомиться с подкатегориями.

Смотреть пример

❌

Без скролла при переключении

Если список категорий прокручен (скролл не нулевой), при переключении между категориями скролл не должен меняться.

Смотреть пример

❌

Scrollbar виден, если есть прокрутка

Если контент каталога не помещается на экран, сделайте scrollbar видимым по умолчанию, чтобы подсветить возможность прокрутки.

Смотреть пример

✅

Scrollbar ненавязчив

При этом scrollbar – это вторичный элемент и он не должен бросаться в глаза. Тем более он не должен перекрывать собой другие элементы интерфейса.

Смотреть пример

❌

Без чрезмерного скролла

Спроектируйте каталог таким образом, чтобы клиенту не приходилось прокручивать страницу слишком долго, чтобы добраться до нужного элемента.

Смотреть пример

❌

Визуальный highlight прокрутки

В некоторых случаях возможность скролла подсвечивается в хорошо заметной визуальной форме. Как вам такое исполнение? Хорошо или перебор? Напишите в комментариях.

Смотреть пример

?

Прокрутка ограничена

Зона скролла в области с подкатегориями должна быть ограничена контентом: у клиента не должно быть возможности бесконечно долго прокручивать пустую область.

Смотреть пример

❌

Без горизонтального скролла на мобильных

Блокируйте горизонтальный скролл категорий на мобильных. В противном случае взаимодействие со списком категорий может стать не совсем удобным:

Смотреть пример

❌

Без скролла фоновой страницы

Если каталог фиксирован, отключайте скролл фоновой страницы при его открытии: в нем нет смысла, и он может «конкурировать» с внутренним скроллом каталога.

Смотреть пример

❌

Фиксация категории при скролле

В мобильной версии категорию можно фиксировать на экране при просмотре списка подкатегорий. Это облегчит навигацию, особенно если список длинный.

Смотреть пример

✅

13. Бренды в каталоге

Присутствуют в каталоге

Помимо подкатегорий в рамках категории верхнего уровня также можно подсветить и ключевые бренды, которые в ней представлены.

Смотреть пример

✅

Визуальный формат

Если стилистика сайта позволяет это сделать, бренды можно представить как в текстовом формате, так и в виде знакомых клиентам логотипов.

Смотреть пример

✅

Бренды, как раздел каталога

В некоторых сферах (например, fashion) клиенты могут сразу искать товары по бренду, поэтому под бренды можно выделить отдельную категорию в каталоге.

Смотреть пример

✅

Сортировка по алфавиту

Если под бренды выделен раздел в каталоге и их достаточно много, отсортируйте их по алфавиту, чтобы клиенту легче было найти нужный.

Смотреть пример

✅

Встроенный поиск по бренду

Помимо сортировки в некоторых случаях можно встретить встроенный в каталог поиск по названию бренда, который также может упростить жизнь клиенту.

Смотреть пример

✅

Логотипы в хорошем качестве

Базовый момент, но встречается: если уж вы используете логотипы брендов на страницах категорий, загрузите их в хорошем качестве, чтобы они не пикселили.

Смотреть пример

❌

Целевые листинги по брендам

При клике по брендам в рамках категории клиент должен переходить не на общий листинг товаров бренда, а именно к его товарам в данной категории.

Смотреть пример

❌

14. Страницы категорий

Есть по категориям 1-2 уровней

Разработайте страницы категорий, как минимум, по 1 и 2 уровням иерархии. Это позволит облегчить поиск по сравнению с просто массивным листингом.

Содержат ссылки на подкатегории

Разместите на страницах категорий ссылки на подкатегории. Это позволит упростить навигацию клиента по каталогу.

Смотреть пример

✅

Подкатегории в начале страницы

На странице категории сделайте функцию навигации первичной: разместите ссылки на подкатегории в начале, не перебивайте их рекламой и акциями.

Смотреть пример

❌

Иллюстрации подкатегорий

По возможности снабжайте подкатегории иллюстрациями, чтобы облегчить восприятие информации и упростить поиск

Смотреть пример

❌

Требования к иллюстрациям

Требования к иллюстрациям подкатегорий на страницах категорий аналогичны тем, что применимы к иллюстрациям в рамках самого каталога.

Содержат листинг товаров

Дополните разбиение по категориям полным листингом товаров с фильтрацией – так, чтобы каждый клиент мог пойти тем путем, который ему более удобен.

15. Закрытие каталога

Кнопка каталога кликабельна

Если вы изменяете кнопку каталога на кнопку закрытия, убедитесь, что она будет выполнять свою функцию, и при клике по ней каталог будет закрываться.

Смотреть пример

❌

Видоизменение кнопки каталога

При клике по кнопке каталога и его открытии она может видоизменяться и превращаться в кнопку закрытия.

Смотреть пример

✅

Клик по крестику

Если кнопка каталога не видна, в каталог можно добавить привычную большинству кнопку крестика, разместив ее в верхнем правом углу.

Смотреть пример

✅

Фиксация кнопки закрытия

Фиксируйте кнопку закрытия каталога в мобильной версии сайта, чтобы она была доступна в любой момент вне зависимости от уровня прокрутки списка категорий.

Смотреть пример

✅

Клик по области вне каталога

Также реализуйте закрытие каталога с помощью клика по фоновой части страницы, если он не занимает 100% ее площади.

Смотреть пример

✅

Без закрытия при отводе курсора

При этом не закрывайте каталог, если клиент лишь отвел курсор на фоновую часть страницы. Иначе риски непреднамеренного закрытия повышаются.

Смотреть пример

❌

Закрытие нажатием на Esc

Реализуйте поддержку закрытия каталога с помощью нажатия на клавишу Esc. Это повысит удобство для клиентов, предпочитающих навигацию с помощью клавиатуры.

Без закрытия при клике в каталоге

Клиент может промахнуться и по ошибке нажать на область рядом с нужной категорией. Закрытие каталога при таком клике может стать неприятным сюрпризом.

Смотреть пример

❌


To be continued…

Итак, в этой статье мы разобрали работу с каталогом товаров. Как видим, не все так просто, как кажется на первый взгляд, а причины успехов и фэйлов, как всегда, кроются в деталях.

Следующие статьи будут с таким же уровнем детализации. Продолжаем создавать крупнейшую открытую русскоязычную базу лучших практик UX/UI в eCommerce.

Не забудьте подписаться на канал в Telegram и поделиться этим материалом с коллегами. Будем на связи.

  1. Продающий каталог
  2. Для чего нужен каталог. Основные задачи
  3. Продающий каталог товаров – основные понятия каталогизации
  4. Классификация товаров: понятие, виды
  5. Составление каталога товаров необходимо в целях
  6. Существующие методы составления каталога (классификаций)
  7. Система составления каталога
  8. Методы стимулирования продаж с помощью правильно составленного каталога
  9. Пример “продающего каталога”
  10. 5 приемов, которые помогут составить продающий каталог

Составление каталога товаров или другими словами  каталогизация товарной номенклатуры, предложенной к продаже в вашем магазине, – это такое упорядочивание данных о товарах, при котором информация о товаре принимает системный вид, удобный для использования покупателем и для быстрого поиска нужной ему товарной позиции.

Продающий каталог

  • Быстрый поиск товаров покупателями
  • Доступная информация обо всех товарах
  • Рост продаж на 17%

Составление каталога – это процесс некой сортировки данных о товаре по определенным признакам или критериям. Результатом составления каталога (каталогизации) должна стать удобная структура каталога – данных о товаре, в которой любой, даже не подготовленный пользователь, сможет легко и быстро найти нужный ему товар, сделав всего лишь один (максимум два) клика мышью.

Хранилищем данных о товарах в нашем случае выступает каталог, которые содержит в себе не только текстовую информацию о продаваемых товарах – описание товаров, но и изображения товаров, часто каталог так же содержит в себе информацию других типов – скачиваемые файлы (например инструкции, руководства пользователей и т.п.)

Для чего нужен каталог. Основные задачи

  1. Объединить в одном месте все товары одного типа или категории
  2. Обеспечить максимально быстрый поиск нужного товара
  3. Предоставить сразу максимально возможную информацию обо всех товарах магазина

Основная задача любого каталога товаров – систематизация информации о товарной номенклатуре, предлагаемой к продаже в магазине. От того, насколько качественно и продуманно составлен каталог товаров, будет во многом зависеть количество продаж вашего интернет-магазина.

Сделать продающий каталог товаров на вашем сайте совсем не сложно, хотя, конечно, для этого необходимо будет решить множество вопросов, начиная с того, какой тип каталогизации наиболее подходит для ваших товаров и заканчивая выбором названий разделов, категорий и видов.

От удачного выбора этих параметров будет зависть удобство пользования каталогом и в конечном итоге количество продаж в вашем магазине. Ведь от того, насколько быстро потенциальный покупатель сможет найти то, что его интересует, зависит ваш доход.

Продающий каталог товаров – основные понятия каталогизации

Создание каталога товаров в вашем интернет-магазине позволит разделить всю номенклатуру продукции на простые и понятные категории или группы. Имея такой каталог перед глазами, покупатели смогут легко ориентироваться в вашем магазине и с большой степенью  вероятности  находить, тот товар, который их интересует. Такое деление необходимо выполнить, строго придерживаясь того метода классификаци и каталогизации, которые вы выбрали для вашего каталога. От того, насколько удачно и правильно вы это сделаете, будут напрямую зависеть продажи вашего магазина.

  • Самые главные части каталога –  это раздел и класс товаров
  • Средними по значимости служат — группа и вид продукции
  • Низкие ступени каталога – артикул и разновидность товаров

Также при создании каталога используют, правда не часто и для интернет магазинов мы бы не рекомендовали этого делать, дополнительные категории, такие как подгруппа, подкласс, подраздел, общим признаков таких категорий является наличие приставки под…

Вид – главная характеристика товаров по которой в основном происходит их деление и которая используется при составлении каталога. Он представляет собой конечный продукт производства (товар), имеет конкретное назначение и собственное название, которое отражает его внешнюю особенность или внутреннее содержание. Например, стакан, диван, ситец, яблоко, треска относятся к категории вида. Но, посуда, мебель, ткани, плоды и рыба к этой категории не относятся, так как объединяют несколько видов.

Количество признаков и ступеней каталога зависит от сложности и количества классифицируемых товаров то есть от номенклатуры товаров. Ступень классификации — это этап разделения множества на составляющие его части по одному из признаков. Глубина классификации характеризуется числом ступеней классификации, т. е. числом использованных признаков.

Классификация товаров: понятие, виды

Термин «классификация» происходит от слова классифицировать (лат. classis — разряд, facere — делать), другими словами составление каталога – классификация товаров это такое распределение множества объектов (товарной номенклатуры) на классы (категории, разряды, группы) в зависимости от объединяющих (общих) признаков этих товаров.

Классификация — это система распределения объектов (товаров и информации о них), в которой все части взаимосвязаны и определенным образом соподчинены. Составление продающего каталога товаров — это разделение всего множества номенклатуры товаров на подмножества по их сходству или различию по определенным признакам в соответствии с принятыми методами.

Каждая составная часть каталога товаров в свою очередь представляет собой множество сходных товаров, имеющих хотя бы один общий признак.

Составление каталога товаров необходимо в целях:

  • Увеличения продаж
  • Улучшения индексирования сайта интернет-магазина поисковыми системами
  • Автоматизированной обработки информации о товарах
  • Учета и планирования товарооборота
  • Составления прейскурантов
  • Размещения товаров для хранения
  • Проведения маркетинговых исследований товаров
  • Статистического анализа реализации продукции

Существующие методы составления каталога (классификаций)

Методом составления каталога называют совокупность приемов (способов) разделения общей номенклатуры товаров (всего множества) на некие подмножества. Различают два метода составления каталогов: фасетный и иерархический.

Деление множества объектов каждым методом подчиняется определенным правилам.

Система составления каталога

  • Иерархическая классификация
  • Фасетная классификация

Иерархическая классификация (слово греческого происхождения, означает расположение в порядке от высшего к низшему) — это последовательное разделение множества товаров на классификационные группы товаров (подмножества вместе представляют единое целое). Каждое последующее звено в таком каталоге должно конкретизировать признак вышестоящего звена.

Для обозначения звеньев классификации используются термины: класс, подкласс, вид, разновидность, группа, подгруппа, подвид.

Фасетная классификация (от фр.facette — грань отшлифованного камня) представляет параллельное разделение множества товаров на независимые классификационные группировки (подмножества). Например, в отношении парфюмерно-косметических товаров — это может быть классификация по назначению (предметы ухода за кожей, предметы гигиены и др.).

Иерархические классификации, как правило, громоздки, многоступенчаты, создают много трудностей при разработке. Однако они отличаются большей стройностью, чем фасетные, и возможностью группировки объектов по всем признакам, характеризующим ту или иную группу товаров.

Фасетная классификация отличается большой гибкостью и удобством пользования, позволяет в каждом отдельном случае ограничивать группу множества товаров лишь несколькими фасетами, представляющими интерес в данном случае.

Общими правилами построения классификации следует считать:

  • установление цели классификации
  • выбор метода классификации
  • определение классификационных признаков
  • установление последовательности классификационных признаков от более существенного к менее существенному
  • определение числа ступеней классификации (количество фасет)

Методы стимулирования продаж с помощью правильно составленного каталога

Основной метод увеличения продаж с помощью каталога – это грамотно каталогизировать товар. Другими словами создать такой каталог товаров на вашем сайте который бы подталкивал покупателя к совершению покупки а не наоборот. Любой покупатель часто чувствует себя неуверенно, сталкиваясь с новым товаром, или при поиске хорошо известного ему товара но в плохо организованном каталоге. Именно из-за неправильной организации каталога товаров и проявляется сдержанность посетителя по отношению к покупке товаров в таком магазине.

Уберите все препятствия на пути покупателя к товару. Создайте такой каталог, который не только поможет ему приобрести именно тот товар за которым он пришел в магазин но и поможет сделать покупателю дополнительные покупки в виде импульсных покупок или покупок дополнительных товаров, связанных с основным приобретаемым им товаром.

Пример “продающего каталога”:

Возможный вариант каталога для большого магазина, торгующего различными товарами:

  • Книги
    • Детские книги
    • Учебники
    • Аудиокниги
    • Техническая литература
    • Классическая литература
    • Детективы
    • Газеты, журналы
  • Фильмы, музыка и игры
  • Электроника и компьютеры
  • Товары для дома, сада и инструменты
  • Продукты питания, здоровье и красота
  • Товары для малышей, детей и подростков
  • Одежда, обувь и ювелирные изделия
  • Спорт и активный отдых

Как мы видим данный каталог включает в себя всего два уровня вложенности. При этом Первый (основной) уровень делит весь ассортимент товара, предлагаемого к продаже в магазине на большие группы, которые сразу же дают покупателю понять в каком именно разделе ему следует искать покупку. Второй уровень вложенности конкретизирует товары и делит их на подгруппы, которые содержат конкретные наименования товаров. Название категорий второго уровня делят товары только по одному признаку, что ускоряет процесс поиска.

5 приемов, которые помогут составить продающий каталог

  • Деление всех товаров следует начать с наиболее общих признаков
  • На каждой ступени каталога можно использовать только один признак, имеющий принципиальное значение для этого типа товара
  • Разделение товаров должно осуществляться последовательно от большого к меньшему, от общего к частному. Необходимо установить оптимальное число признаков, ступени и глубины. Деление осуществляется от высшей ступени классификации (каталога) к низшей. Число ступеней каталога зависит от его целей, задач, от сложности и количества классифицируемых товаров. Глубина каталога не должна превышать 2 (двух) уровней вложенности для интернет-магазинов
  • Для создания категорий (групп) каталога используйте существенные признаки, характеризующие внутреннюю общность товаров каждой группы, их природу (например, распределение фотоаппаратуры по техническим группам (особенностям) — аналоговые камеры, цифровые камеры)
  • Старайтесь давать внятные и лаконичные названия категориям и группам товаров, однозначно отражающими сущность продукции, находящейся в этой категории или группе каталога. Название категории не должно превышать 18 символов. Поверьте, при правильном подходе к составлению каталога этого вполне достаточно

Добавить комментарий