Global Print Nord

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

Клієнт хотів, щоб покупці могли самі налаштувати продукт і побачити ціну, а потім надіслати його в майстерню, яка перевіряє файл і підтверджує остаточний кошторис. Цей кейс проходить одну покупку через увесь процес: вибрати продукт, налаштувати його, передати макет, перевірити замовлення й надіслати запит.

Хто покупець (за брифом клієнта й текстами сайту, а не за дослідженням)

Компанії, органи місцевої влади й організатори подій, які замовляють вивіски, прапори та виставкові матеріали. Сайт розрахований на професійні акаунти з номером SIRET і оплатою протягом 30 днів. Я не проводила інтерв’ю з покупцями, тож їхній рівень експертизи — це припущення: одні точно знають, який матеріал їм потрібен, інші знають лише, де висітиме вивіска.

Що їм потрібно насамперед

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

У робочому каталозі 53 продукти в семи групах: Panneaux, Adhésifs & Films, Textile, Drapeaux, Fly Banners, Structures і Sur Mesure. Групи відповідають типу продукту й матеріалу, бо саме так майстерня виготовляє і рахує їх, і саме з цього зазвичай починає покупець: «жорстка панель», «прапор», «щось на вітрину».

Контент брався з двох джерел: насамперед із Figma-файлу клієнта, а потім із каталогу Adivin — B2B-дистриб’ютора прапорів, з яким працює майстерня. Правило було просте: не вигадувати продуктів чи опцій, яких немає в жодному з джерел. Fly Banners стали окремою групою на прохання клієнта.

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

Global Print Nord · каталог

Далі сценарій продовжується з панеллю Dibond 3 мм. На сторінці продукту фото й опис ліворуч, а налаштування праворуч — у тому порядку, в якому вони потрібні майстерні: формат, форма, оздоблення, термін виготовлення, кількість. Кожна опція має пояснення в один рядок, наприклад «Surface anti-reflet» для матової ламінації, тож покупцеві не потрібно заздалегідь знати професійні терміни.

Групи опцій залежать від продукту: формат або ширина рулону, форма, оздоблення, товщина, ламінація, щільність тканини, односторонній чи двосторонній друк, біла підкладка, різання, термін виготовлення. Ширина, висота й поле для коментаря на 500 символів дають змогу описати будь-що нестандартне.

Як параметри пов’язані з ціною

• Кожна опція може множити базову ціну або додавати фіксовану суму за одиницю.
• Знижки за кількість зменшують ціну за одиницю: для деяких продуктів 10, 50 і 100 штук коштують на 22%, 42% і 54% менше за одиницю.
• Термін виготовлення — це платний вибір: «24/48 h · EXPRESS» коштує на 35% більше, ніж «5–7 jours · STANDARD».
• Сторінка продукту показує загальну суму й ціну за одиницю без ПДВ, а також позначку акції, якщо вона діє. У кошику додається сума з ПДВ 20%.
• Ціна розраховується на сервері, а не в браузері, і перераховується ще раз під час надсилання запиту, тож ціна, збережена в браузері, ніколи не є остаточною.

У прикладі одна панель з експрес-доставкою й матовим оздобленням коштує 47,39 € HT (без ПДВ). Десять панелей із глянцевим оздобленням і стандартною доставкою — 273,80 € HT, тобто 27,38 € за панель.

Розмір, який майстерня не може надрукувати

Один продукт, настінний прапор, рахується за квадратний метр (15 € HT за м², мінімум один квадратний метр) і має жорстке обмеження — 320 см на сторону. Якщо покупець вводить ширину 400 см, поле стає червоним, а повідомлення одразу під ним пояснює обмеження й що робити натомість: “Chaque côté doit faire 320 cm maximum. Pour plus grand, demandez un devis.” Кнопка додавання в кошик залишається неактивною, доки розмір не стане коректним.

Поки що це єдиний продукт із перевіркою розміру. Для інших обмеження розміру вказані в описі, і правил, які блокували б несумісні комбінації опцій, ще немає.

Коли стандартне замовлення неможливе

Деякі продукти неможливо оцінити за прайсом: усі продукти дистриб’ютора прапорів і Fly Banners. Для них у блоці ціни написано “Prix sur demande”, головна кнопка змінюється на “Demander un devis”, а текст обіцяє ціну протягом 24 годин. Продукт однаково потрапляє в той самий кошик зі своїм налаштуванням, тож покупець може поєднати в одному запиті позиції з ціною і без неї.

Покупцеві друку потрібно надіслати файл, тому на сторінці продукту є зона завантаження для файлів PDF, AI та EPS, а поруч — очікуваний формат: PDF високої роздільності, CMYK, виліт 3 мм. Коли файл обрано, зона показує його назву й розмір і пропонує замінити його.

Перед друком майстерня надсилає пробний відбиток (BAT), і на цьому кроці файл перевіряють разом із клієнтом.

У кошику кожен продукт показано з усім налаштуванням в одному рядку, тож покупець може перевірити свій вибір, не відкриваючи продукт знову. Кількість можна змінити, а рядки — видалити. Суми показано без ПДВ і з ПДВ.

Оформлення — це запит на кошторис, а не оплата. Таке рішення ухвалив клієнт: кожне замовлення перед друком перевіряє оператор, тож остаточну ціну підтверджують електронною поштою. Сторінка каже про це в першому ж рядку: “Aucun paiement en ligne… devis ferme et le bon à tirer sous 24 h ouvrées”. Форма запитує електронну пошту, ім’я, адресу й тип доставки, а поруч показано підсумок позицій і суми.

Після надсилання сторінка підтвердження показує номер на зразок GPN-0001, позиції запиту й наступний крок: остаточний кошторис і пробний відбиток протягом 24 робочих годин.

Обмеження, які вплинули на дизайн

• Кожне замовлення на друк перевіряє оператор, тому оформлення стало запитом на кошторис замість оплати.
• Продукти й опції могли братися лише з Figma-файлу клієнта та каталогу дистриб’ютора, тому багато прапорів і Fly Banners мають ціну за запитом.
• Ціни задані в коді як множники; деякі ціни «від» поки не збігаються з Figma-файлом і стоять у беклозі.
• Фронтенд створено за допомогою ШІ, тому логіка цін працює на сервері й покрита 25 юніт-тестами для цін, кошика й форматування.

Що перевірили й змінили

Дизайн не тестували з покупцями. Він пройшов раунд відгуків клієнта в червні 2026 року і мою власну перевірку збірки. Зміни за підсумками:

• Каталог перейшов від одного алфавітного списку до розділів за групами, а дублікати продуктів об’єднано.
• Настінний прапор отримав ціну за квадратний метр і обмеження розміру.
• Додано акції та сторінку /promo, а на головній — рядок, що додає покупцеві впевненості.
• Раніші виправлення: мобільне меню тепер відкривається дотиком, зони натискання мають щонайменше 44 px, а кнопка додавання в кошик більше не неактивна під час завантаження сторінки.

Що я перевірила б далі

Насамперед із п’ятьма-шістьма справжніми покупцями: чи знаходять вони потрібну групу в каталозі без пошуку, які опції їм незрозумілі без підказки (найімовірніше, матеріали й оздоблення, бо порівняльного гіда ще немає) і чи помічають вони, що “Envoyer ma demande” надсилає запит, а не замовлення. Потім я замінила б макетну зону завантаження на справжнє завантаження з перевіркою файлу й виправила б рядок 0 € для продуктів із ціною за запитом.