Технически продуктов каталог за 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 сайт
- Съберете повтарящите се въпроси на търговците и превърнете отговорите в таблици на страниците.
- Уеднаквете снимките – фон, мащаб, ъгъл – преди да мислите за дизайн.
- Моделирайте вариантите като система от кодове, а не като стотици отделни продукти.
- Генерирайте PDF от данните, а не ги поддържайте ръчно.
- Публикувайте на езиците на клиентите си с отделни адреси.
Общата картина на проекта – миграцията, търсенето и B2B регистрацията – е описана в казуса за polkom.com.
Често задавани въпроси
Може ли Shopify да се използва за технически B2B каталог?
Да. Shopify поддържа структурирани данни за продуктите, много езици с отделни адреси и клиентски акаунти, така че каталогът може да показва пълната информация след регистрация и да работи без количка.
Как PDF листовете остават актуални?
Като се генерират автоматично от същите данни, които захранват страниците. Когато размер се промени, новият PDF се създава при следващото генериране и няма две различни версии на една и съща информация.
Не забавят ли многото изображения сайта?
Не, ако са в съвременни формати, с няколко размера и се зареждат едва когато потребителят стигне до тях. Важно е и галерията да не зарежда всички модели наведнъж.
Имате технически продукти и искате каталог, който отговаря на клиентите вместо вас? Вижте как работим по Shopify проекти или пишете ни за безплатен одит на сегашния ви сайт.
