Технически продуктов каталог за B2B: 576 изображения, 20 езика и PDF

Казус: как построихме каталожните страници на polkom.com за капси, накрайници и тик-так копчета – изображения, цветове, профили, автоматични PDF и 20 езика.

Технически продуктов каталог за B2B се оценява по един критерий: дали технологът, конструкторът или купувачът намира точната мярка, без да пише имейл. За Polkom – производител и доставчик на аксесоари за мода, мебели, обувки и чанти от София, с над 30 години опит – изградихме нови каталожни страници за капси, метални накрайници и тик-так копчета. Зад тях стоят 576 обработени изображения, 20 езикови версии и технически листове в PDF, които се генерират автоматично.

В този казус разказваме как беше построен каталогът – от почистването на снимките до публикуването на 20 езика – и какво можете да вземете от този подход, ако продавате технически продукти на фирми.

Накратко:
  • Новите страници на polkom.com покриват капси в 7 серии с 61 размера, 64 модела метални накрайници в 9 цвята и 5 системи тик-так копчета с 34 модела.
  • За каталога бяха почистени и уеднаквени 576 изображения, включително цветови варианти и чертежи на профила.
  • Техническите листове в PDF се генерират автоматично от същите данни, от които се изграждат страниците, затова цифрите винаги съвпадат.
  • Всяка страница е публикувана на 20 езика с отделни адреси и остава бърза и на телефон.

Задачата: каталог, който отговаря вместо търговеца

Клиентите на Polkom са шивашки фабрики, марки, ателиета и производители на чанти и обувки в цяла Европа. Те не купуват с количка – те сравняват размери, искат мостри и пускат запитвания за серии. Най-честите им въпроси бяха едни и същи: какъв е вътрешният отвор на тази капса, с какъв шнур работи този накрайник, коя система тик-так копчета е за плътен деним.

Целта ни беше всеки такъв отговор да е на страницата: таблица с размерите, профил на детайла, препоръка за материала и PDF, който клиентът прикачва към техническата карта на модела. Така търговският екип получава по-малко повтарящи се въпроси и повече готови запитвания.

576 изображения: почистване и уеднаквяване

Изходните снимки бяха от различни години, с различен фон, светлина и мащаб. В технически каталог това вреди повече, отколкото в обикновен магазин, защото купувачът сравнява детайлите един до друг. Затова всяко от 576-те изображения мина през една и съща обработка:

  • изрязване и единен светъл фон, без сенки и отражения, които скриват формата;
  • центриране и еднакъв мащаб в рамките на серия, така че размерите да се сравняват визуално;
  • съвременни формати и няколко размера на всяко изображение, за да получава телефонът малък файл, а екранът на компютър – рязко изображение;
  • alt текст с кода на модела и името на покритието, за да е ясно какво точно показва всяко изображение.

Цветови варианти без хаос

Всеки метален накрайник се предлага в 9 покрития – от гланцово злато и сребро до матови антик варианти. При 64 модела това са стотици комбинации, които не могат да бъдат отделни продукти с отделни страници, без да се размие каталогът. Решението беше един модел с ясна система на кодовете: кодът на артикула се образува от кода на модела и кода на цвета. Цветовете са показани като еталонна палитра на страницата, така че клиентът избира форма и покритие поотделно. Можете да го видите в каталога с накрайници в 9 покрития.

Чертежи на профила и таблици с размери

При металните аксесоари снимката отгоре не казва достатъчно. Височината на шийката на капсата или дълбочината на накрайника се виждат само в профил. Затова към моделите, при които формата е важна, добавихме чертежи на профила, а размерите подредихме в таблици по серии и системи.

Добър пример е страницата с тик-так копчета по системи: петте системи са разделени според платовете, за които са подходящи, всяка има размери, конструкция, начин на монтаж и таблица с най-честите проблеми и решенията им. Капсите са организирани по същия начин – в седем серии с общо 61 размера.

PDF листове, които се генерират автоматично

Ръчно поддържаните PDF каталози имат един сериозен недостатък: рано или късно се разминават със сайта. Някой обновява размер на страницата, но забравя файла, и клиентът получава две различни цифри.

Затова техническите листове не се правят на ръка. Те се генерират автоматично от същите структурирани данни, от които се изграждат таблиците на страниците – с код, размери, профил и препоръки за монтаж. Промяна в данните означава нов PDF при следващото генериране, без дизайнер и без риск от стара версия. За всяка серия капси и всяка система тик-так копчета има отделен лист, а за накрайниците – каталог и обща таблица на размерите.

20 езика с отделни адреси

Каталог за европейски B2B клиенти няма как да е само на български. Всяка нова страница е публикувана на 20 езика, като всяка езикова версия има собствен адрес и правилни hreflang връзки, за да показва Google точната версия на точния пазар. Таблиците и описанията също са преведени, защото технологът в Полша или Италия трябва да разбере мерките толкова бързо, колкото и колегата му в София. Повече за техническата страна на тази тема ще намерите в статията за многоезичен сайт без SEO проблеми.

Бързи страници въпреки големия обем

Страница с десетки модели, галерия и таблици лесно става тежка. Държахме скоростта под контрол с няколко прости правила: изображенията извън екрана се зареждат едва когато потребителят стигне до тях, галерията показва част от моделите, а пълната колекция се отключва след безплатна регистрация, таблиците са обикновен HTML, а не скриптове, и на страниците няма излишни приложения. Какво измерва Google при скоростта, обясняваме в материала за Core Web Vitals.

Какво можете да приложите във вашия B2B сайт

  1. Съберете повтарящите се въпроси на търговците и превърнете отговорите в таблици на страниците.
  2. Уеднаквете снимките – фон, мащаб, ъгъл – преди да мислите за дизайн.
  3. Моделирайте вариантите като система от кодове, а не като стотици отделни продукти.
  4. Генерирайте PDF от данните, а не ги поддържайте ръчно.
  5. Публикувайте на езиците на клиентите си с отделни адреси.

Общата картина на проекта – миграцията, търсенето и B2B регистрацията – е описана в казуса за polkom.com.

Често задавани въпроси

Може ли Shopify да се използва за технически B2B каталог?

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

Как PDF листовете остават актуални?

Като се генерират автоматично от същите данни, които захранват страниците. Когато размер се промени, новият PDF се създава при следващото генериране и няма две различни версии на една и съща информация.

Не забавят ли многото изображения сайта?

Не, ако са в съвременни формати, с няколко размера и се зареждат едва когато потребителят стигне до тях. Важно е и галерията да не зарежда всички модели наведнъж.

Имате технически продукти и искате каталог, който отговаря на клиентите вместо вас? Вижте как работим по Shopify проекти или пишете ни за безплатен одит на сегашния ви сайт.