NOVQO — B2C-каталог будінструменту для роботи з плиткою
WooCommerce-каталог українського виробника інструменту для плитки — 7 категорій, WOOF фасетний фільтр з 14 інженерними атрибутами, 6-провайдерна розстрочка 2–12 платежів, WPML 3 мови, дилерська програма
NOVQO — український виробник і онлайн-магазин професійного інструменту для роботи з плиткою: ручні та електричні плиткорізи (моделі 800–3200 мм), вакуумні і вібраційні присоски, алмазні диски і коронки (M14/HEX), фрези, шпателі для механізованої шпаклівки, столи і системи перенесення великоформатної плитки. Стек — WooCommerce + WPML (3 мови UA/RU/EN), WOOF-фасетний фільтр з 14 інженерними product-атрибутами (діаметри дисків і коронок у мм, посадковий отвір, RPM, зернистість, тип кріплення, технологія виробництва), B2C-розстрочка з 6 банків-провайдерів (2–12 платежів), Apple Pay/Google Pay, manual cross-link між SKU-розмірами замість WC product variations, окрема сторінка /porivnyannya/ для compare-flow і опційна реєстрація через /mij-akkuant/. У footer-і світиться sales@master-tools.com.ua — це харківський Master Tools, який зробив NOVQO своїм B2C-friendly брендом-фасадом з дилерською програмою для магазинів і будкоманд.
Hero-карусель з трьома conditional cart-сценаріями замість one-size-fits-all промо
Перший екран — slick-карусель з 3 окремими промо-сценаріями, кожен — окрема активна механіка в кошику, не статичний банер. Слайд 1 — «Знижка 20% при купівлі плиткоріза»: купив будь-який ручний плиткоріз — отримуєш −20% на всі інші товари у тому ж замовленні (cart conditional rule на product-category). Слайд 2 — «−10% за кожен наступний товар у кошику»: автоматична знижка від другого SKU (cart quantity rule, не coupon). Слайд 3 — «−10% за підписку на розсилку»: класичний email-lead-magnet з промокодом після subscribe. Це не три промокоди в одному слайдері — це три РІЗНІ автоматичні правила, які працюють в кошику одночасно (cross-stackable) і дають клієнту відчуття, що ціна реально опускається з кожним кроком воронки.

7 категорій каталогу — real product visuals замість іконок-абстракцій
Друга секція головної — grid 4×2 з 7 ключовими product-categories: Алмазний інструмент, Віброприсоски, Вакуумні присоски, Електричні плиткорізи, Ручні плиткорізи, Столи та системи перенесення, Шпателі для механізованої шпаклівки. Кожна картка — мінімалістичний світло-сірий rounded-rectangle з рендером РЕАЛЬНОГО продукту з категорії (3 алмазні диски і коронка на «Алмазному інструменті», червона акумуляторна вібро-присоска NOVQO, рамна-каркас стіл-перенесення з шинами і затискачами), назвою категорії і chevron-стрілкою. Жодних SVG-line-art-іконок «фен» або «лопата».

Manual cross-link між SKU-розмірами — без WC product variations
Сторінка одного продукту (Професійний плиткоріз NOVQO ExpertLine 1200) має блок «Максимальна довжина різу: 1200 / 1240 / 1600 / 1800 / 3200 / 800 мм», де КОЖЕН розмір — окремий product/<slug>/-лінк на інший SKU, а не WC variation на тому самому продукті. Це навмисне архітектурне рішення: різні моделі однієї лінійки ExpertLine мають різні специфікації (потужність розлому, вага, кількість напрямних, лазерний покажчик), і запхати їх у WC variable product з 6 варіантами означало б приховати ці differences від каталогу і SEO. Тут кожен розмір — повноцінний indexable URL з власним H1, мета-описом, рейтингом, відгуками і фото-галереєю на 8 знімків. Розмір 3200 мм, до речі, виключений з циклу (відображається як disabled pill без посилання) — означає, що ця модель тимчасово знята з виробництва, але посилання НЕ зламане 404, а acceptably greyed out з context.

6-провайдерна розстрочка 2–12 платежів — інтегрована до картки товару, не у checkout
Під ціною на product page — горизонтальний рядок з 6 банк-іконок, кожен з власним числом платежів: Monobank Pay 2–6 платежів, ПриватБанк Privat24 2–12, Mono-частинами 3–10, OschadPay 2–12, Sense SuperApp 2–12, А-Банк 3–8. Це не один уніфікований «BNPL-widget», це 6 окремих банк-провайдерів, кожен з різною max-кількістю платежів за тим самим товаром (тобто на одному плиткорізі 17200 ₴ один банк дає 6 платежів, інший 12 — клієнт обирає сам). Натискання на «Подробнее» розкриває overlay-калькулятор з місячним платежем для кожного провайдера на поточну ціну і qty. Це не standalone-плагін з marketplace — це custom-integration з 6 окремими payment-API, що для будінструменту прайс-точкою 5000–60000 ₴ є точно відрегульований інструмент: будівельник-individual підприємець не має 17000 ₴ cash on hand, але має 1500 ₴/міс на розстрочку.

10-полева spec-таблиця прямо на сторінці — без accordion і табів
Під описом продукту — секція «Характеристики» з 10-полевою flat-таблицею в форматі key:value pairs, кожен рядок з divider-лінією. Поля для плиткоріза: Бренд: NOVQO, Лінійка: ExpertLine, Матеріал станини: Сплав алюмінію, Максимальна довжина різу: 1200 мм, Глибина різу: 2–20 мм, Розмір різця: 22×6 мм, Потужність роздільника: 1200 кг, Лазерний покажчик: Зелений, Вага: 27 кг, Гарантія: 12 місяців. Усе видно одразу, без click-to-expand і без переходу на tab «Характеристики». Це B2B-rationale: майстер на об’єкті швидко scaning сторінку з телефону, шукає «вагу 27 кг» для перевезення в авто і «1200 кг потужність розлому» для керамограніту 12 мм товщини — і знаходить за 5 секунд, не за 15.

WOOF-фасетний фільтр з 14 інженерними product-атрибутами
Сторінка /product-category/almaznyj-instrument/ має лівий sticky-sidebar з WOOF-фасетним фільтром (WooCommerce Products Filter) на 14+ атрибутах, специфічних для будінструменту: Ціна (range-slider 70–1600 ₴), Діаметр алмазного диска (100/115/125 мм з підрахунком товарів у кожному значенні), Діаметр алмазної коронки (6/8/10/12/14/16/20 мм), Діаметр посадкового отвору, Призначення (по матеріалу — кераміка/керамограніт/мармур/граніт), Робоча швидкість (RPM), Технологія виробництва, Товщина круга, Тип кріплення (M14/HEX/22.23 mm), Тип різу, Тип свердління, Зернистість. Кожне значення показує кількість товарів у дужках — клієнт бачить, що «коронок 6 мм є 2 шт, 16 мм — 0 шт» ДО клика, а не після.

Sub-categories grid над листингом — категорія як SEO-hub, не просто фільтр
На тій самій сторінці Алмазний інструмент, над листингом продуктів і над фільтром, є grid з 4 під-категорій: Алмазні диски, Свердла і коронки, Фрези, Полірувальний інструмент — кожна з реальним product-фото, не іконкою. Клік на під-категорію переводить на її окремий /product-category/<parent>/<child>/-URL з фільтром, налаштованим саме під цю під-категорію (наприклад, для «Свердла і коронки» фільтр-атрибути зміняться на Діаметр коронки, Тип кріплення, Зернистість, а Діаметр диска пропаде). Це 2-рівнева taxonomy WooCommerce з реактивним фільтром на дочірньому level. Класична помилка — зливати все в одну плоску категорію «Інструмент» на 200+ SKU — тут її відверто уникають.

Side-drawer кошик з upsell-блоком «Купують разом» і двома CTA
На відміну від традиційного WC /cart/-route, NOVQO відкриває кошик як side-drawer overlay поверх будь-якої сторінки (URL рендериться як /?cart=true, але візуально це slide-out панель з right-edge). Drawer розділений на дві колонки: ліва — поточна позиція (фото товару, назва, SKU-код BP_1113, ціна, qty-степер і trash-icon), права — секція «Купують разом» з 4 рекомендованими вертикально-сорсованими товарами, кожен з власною кнопкою «Купить» (immediate-add у той самий drawer без переходу). Це не WC-стандартний «Recently viewed» і не «Related products» — це manual-cross-link між сумісними SKU (наприклад, до 68мм коронки пропонуються 65мм і 35мм коронки тієї ж лінійки + 12мм для дрібнішого діаметра + ручний плиткоріз як комплементарний інструмент). У підвалі drawer-а — два паралельних CTA: «Оформити замовлення» (стандарт) і «Купити в розстрочку» (одразу веде в той самий /checkout/, але з активним flag розстрочки в session). Це чистий sales-driven UX: кошик — це не «місце збереження», це лійка з апсейлом.

3-step accordion checkout з Google/Facebook social-login і Guest/Account toggle
Сторінка /checkout/ побудована як 3-step accordion: 1. Контактні дані (відкрито за замовч.), 2. Доставка (згорнуто), 3. Оплата (згорнуто). Перший крок одразу пропонує «Увійти через: Google / Facebook» з двома великими social-кнопками — це не WC-стандарт, це інтегрований OAuth-логін через WP-плагін loginSocial=google|facebook. Нижче — toggle «Оформити як гість / У мене є обліковий запис», що змінює форму під відповідний flow. У гостьовому режимі — 4 обов’язкових поля (Імʼя, Прізвище, Номер телефону, Електронна пошта) + кнопка «Продовжити», після якої step 1 згортається з ✓-маркером і автоматично відкривається step 2. У правій колонці — sticky-міні-кошик з qty-степером, поле «Маєте купон?» з кнопкою «Застосувати», розкладка Доставка / До сплати, і primary CTA «Підтвердити замовлення» — за замовч. disabled, активується коли всі 3 кроки завершені. Це progressive-form з нон-блокінг валідацією: користувач не бачить помилок на полях, які ще не дійшов заповнити.

«Історія» — recently-viewed stripe для гостя без логіну
Окрема секція на головній і на product-pages — «Історія», особистий stripe з останніх 4–6 продуктів, які користувач переглядав у поточній сесії. Працює навіть для guest-сесії (без логіну) через localStorage + cookie з product_id-списком, що зберігається 30 днів. Це не «Рекомендовані товари» (algorithm-based) і не «Схожі товари» (taxonomy-based) — це чистий personal-history-stripe, що дозволяє користувачу повернутися до товару, який він дивився 5 хвилин або 5 днів тому, без необхідності reauthorize або відновлювати кошик. Для high-AOV-категорії (60 000 ₴ електричний плиткоріз з автоматикою) клієнт reasonably порівнює 2-3 моделі протягом тижня — і тоді personal-history stripe працює як reminder без email-spam.

About-сторінка з дилерською програмою — B2C-фасад над B2B-distribution-моделлю
Сторінка /pro-novqo/ закінчується явним CTA до wholesale-партнерства: «Запрошуємо дилерів та власників магазинів до співпраці з NOVQO. Разом ми можемо забезпечити вашим клієнтам найкращі інструменти та сприяти розвитку вашого бізнесу» з кнопкою «Детальніше». Це не випадковий банер — це позначка того, що NOVQO одночасно є B2C-storefront (індивідуальні майстри купують у роздріб) і B2B-distributor (дилерські магазини беруть гуртом). Бекенд один і той самий — той самий WooCommerce, той самий каталог — але цінова механіка (розстрочка 2–12 платежів, single-item checkout) явно орієнтована на single-master-purchase. Гуртові ціни і дилерські умови — окремий negotiate-flow через сторінку /spivpraczya-z-novqo/ (не публічний прайс).

sales@master-tools.com.ua — це підтверджує, що NOVQO — це торгова марка харківського Master Tools, не overseas-перепродувача без сервісного представництва.Mobile 390 — bottom-tab navigation з 3 кнопками замість sticky header
На viewport 390×844 (iPhone 13) layout перебудовується з desktop-style sticky-header на Telegram-style bottom-tab navigation: 3 thumb-zone кнопки внизу екрану (Каталог з grid-іконкою ліворуч, Кошик з shopping-bag іконкою у центрі (червоний focal point), Обране з heart-іконкою праворуч). Top-bar містить тільки burger-меню (відкриває overlay з категоріями) і search-icon (відкриває full-screen search overlay). Hero-карусель повністю responsive — slide 1 з «-10% за кожен наступний товар» показано з horizontal-stack collage праворуч, кнопка «До каталогу» — повноширинна, червона. Бренд-лого видалений з top-bar (його місце займає search), що звільняє більше horizontal-space для actual content. Це не desktop-зі-zoom, це mobile-first з перерозподілом нав-функцій під thumb-reach.
FAQ + Newsletter — два sticky-довірчих елементи перед footer-ом
Перед footer-ом на головній — дві обов’язкові секції: Newsletter banner з фоном-фото плиткорізу в роботі і центрованою формою «Підпишіться на розсилку» (input + «Підписатися» CTA), і FAQ-accordion з 4 ключовими питаннями (Які є способи оплати?, Які є варіанти розстрочки?, Чи є гарантія на товари?, Чи є знижки або спеціальні пропозиції?). FAQ — це click-to-expand accordion (не all-open-by-default як у деяких schema-FAQ), що оптимізовано для FAQPage-schema але стискає visual-budget сторінки. Кожне питання має нумерацію 01/02/03/04 ліворуч і chevron праворуч — flat outline-style без візуального шуму.

Kontakty — окрема сторінка з Google-Map embed і dark-формою звʼязку
Сторінка /kontakty/ побудована як двосекційна: верхня — 4 inline-картки на світло-сірому фоні («Пн-Пт 9:00–18:00», «+38 (093) 802 7133», «sales@master-tools.com.ua», «м.Харків, вул.Яроша Отакара, будинок 9») плюс ширший Google-Map embed з пін-маркером на «вулицю Отакара Яроша» (підказує цільову місцевість для самовивозу). Нижня — dark-hero «Маєте запитання? Звʼяжіться з нами!» з кастомним SVG-фоном з хвильовими лініями і 4-полевою формою справа (Імʼя, Номер телефону, Gmail-плейсхолдер, Повідомлення + червона CTA «Звʼязатися»). Цікаве деталь — email-домен master-tools.com.ua, а не novqo.tools: NOVQO — це бренд продукції, тоді як «Master Tools» — операційна компанія (УкрСтаваковський дилер), що видно тільки на цій сторінці і в footer-і. Для B2B-procurement це сигнал: купівля йде через юр-особу з 10-річним досвідом на ринку, а не через стартап-домен .tools.

Підсумок
NOVQO — це український B2C-каталог будінструменту на стиці inde-master-purchase і dealer-distribution: повноцінний WooCommerce-стек на 7 категорій і 200+ SKU з під-категорійною деталізацією і 14-атрибутним фасетним фільтром (діаметри, RPM, зернистість, тип кріплення), 6-провайдерна розстрочка 2–12 платежів як основа sale-mechanic для прайс-точок 5000–60000 ₴, Apple/Google Pay для iOS-flow без зайвих кроків, manual cross-link між SKU-розмірами замість WC variations для зберігання повноцінних PDP на кожну модель, sticky callback-CTA для high-AOV консультацій, окрема сторінка порівняння товарів, personal recently-viewed «Історія» через localStorage, WPML 3-мовна локалізація (UA/RU/EN) і mobile-first bottom-tab-navigation замість desktop-зі-zoom. У footer-і чесно вказано харківську адресу Master Tools — це NOVQO як B2C-фасад над виробником/імпортером, не невидимий white-label з overseas-перепродажу. Це сайт, де ціна не танцює, а воронка побудована точно під майстра, який ставить три питання: «скільки буде платіж на місяць», «скільки коштує доставка» і «що там у specs». На все три — відповідь в один scroll.