Інтернет-магазин · 2023

Tenze — інтернет-магазин пензлів для макіяжу ручної збірки

Інтернет-магазин українських пензлів для макіяжу ручної збірки з mix-and-match знижкою на власний набір та flow Нової Пошти

Хочу такий самий проект Відкрити сайт

Tenze Brushes — український бренд професійних пензлів для макіяжу ручної збірки з виробничою базою у Києві. Сайт розгорнутий 2023-го як інтернет-магазин на WooCommerce: каталог пензлів і колекцій (Emerald, Travel Set, Tenze Home), окремий потік «Збери свій ідеальний набір» зі знижкою −20% на mix-and-match, повноцінні аксесуари (керамічні стакани-органайзери, чохли, килимки для миття, сіточки для сушки) і flow доставки Нової Пошти з оплатою на сайті або при отриманні.

Mix-and-match лендинг замість стандартного hero

Перший екран — не звичайна вітрина «новинки і бестселери», а сфокусована промо-механіка з трьома цінами одразу: 5 пензлів — 1440 грн / 7 пензлів — 1570 грн / 10 пензлів — 1920 грн, з підписом «Ціни з урахуванням знижки −20%». Користувач не бачить окремих пензлів і не вибирає набір з каталогу — він обирає кількість у наборі, а далі переходить на спеціально відфільтровану сторінку каталогу зі знижковими позиціями (/shop/swoof/product_cat-akczijni/), де може скласти власну комбінацію за фіксованою ціною. Це принципово інший пейволл, ніж класичний WooCommerce: ціна не сума товарів, а спецтариф за кількість.

Hero «Збери свій ідеальний набір» — три цінових пакети 5/7/10 пензлів і CTA «Перейти до каталогу» — Три капсульних чіпа з ціною й кількістю замість одного товару під заголовком — рідкісний для beauty-нішу прийом «обери розмір набору перед тим як обирати склад». CTA веде на категорію *Акційні*, а не на загальний каталог, щоб користувач не загубився у позиціях без знижки.

Три колекції одним екраном — Emerald, Travel Set, Tenze Home

Замість сітки товарів — три великі прямокутні плитки з підписами і вказівниками-шевронами вправо: Emerald Collection (професійна лінійка пензлів із смарагдово-зеленою лакованою ручкою і золотою феролою), Travel Set Collection (компактна серія у чорних чохлах) і Tenze Home Collection (текстильна лінія — постільна білизна Tenze, окремий вертикальний бренд-розширення). Кожна плитка веде у власну категорію WooCommerce. Це не «slick-карусель з 12 товарами», а свідома редакторська вітрина — клієнт обирає світ, а не позицію.

Три плитки колекцій — Emerald, Travel Set, Tenze Home — Кожна колекція — окрема категорія WooCommerce (`emerald-collection`, `travel-set-collection`) з власним product-archive. Тильд-наборів немає — все на CPT *product* з тегами категорій. Це класична e-com структура без зайвої кастомізації.

Аксесуари — окрема секція з власним каруселем

Друга важлива секція — «Аксесури для пензлів»: керамічні стакани-органайзери у мармурово-зеленому і чорному дизайні (570 грн зі знижкою з 720), рожевий силіконовий килимок для миття пензлів (200 грн), подарунковий пакет (100 грн), набір сіточок для сушки (100 грн). Це не апсейл-блок «вам також може сподобатися», а самостійна категорія з власним заголовком, власною кнопкою «До каталогу» і навігаційним лінком у шапці. Аксесуари у Tenze працюють як окремий ринок, а не як доважок до пензлів.

Секція «Аксесури для пензлів» — стакан-органайзер, килимок для миття, подарунковий пакет, набір сіточок — Чотири картки з reset-цінами (закреслена 720 → 570 грн) — типовий патерн пост-розпродажу, який залишається на сайті як «вічна знижка». Кнопка-кошик прямо на картці без переходу у product-сторінку — для повторних покупців це дозволяє покласти в кошик з головної.

«Чому саме Tenze» — 4 переваги без іконок, на фото-фоні

Секція довіри побудована як 4-клітинкова сітка з фото пензлів між клітинками і чотирма текстовими блоками: «Всі пензлі зібрані виключно вручну, так ми зберігаємо виняткову ніжність ворсу», «Всі колекції ми виготовляємо з подвійним кріпленням та глибокою посадкою ворсу, за рахунок чого ворс не лізе з часом», «Ручки пензлів виготовлені із натурального дерева та мають додаткове покриття що захищає від лущення фарби», «Всі пензлі щільно набиті, гарно розтушовують текстури». Замість стандартних beauty-іконок («натуральний / гіпоалергенний / ручна збірка») — конкретні виробничі прийоми мовою людини, що знає, як саме лізе ворс із дешевих пензлів і як це чинить опір.

Секція «Чому ми» — 4 переваги з фото пензлів між клітинками — Тут немає аплейку до сертифікатів чи екологічних маркувань — є чотири інженерних твердження про конструкцію. Це характерна риса нішевих ремісничих брендів: довіра будується через технологічну деталь, а не через бейджі.

Каталог: WooCommerce + SmartWooFilters (swoof)

Сторінка /shop/ — стандартний WooCommerce-archive з 12 продуктами на сторінці і пагінацією, плюс зверху власний дропдаун «Колекція» через плагін SmartWooFilters (URL-шлях /shop/swoof/product_cat-akczijni/). Сортування — стандартні WC-опції (popularity / rating / latest / price asc-desc). Картка товару показує велике квадратне фото-героя на сірому або беж-фоні, заголовок, ціну (зі стрічкою закресленої старої, якщо є знижка), і дві дії: посилання «Детальніше» + швидкий кошик-іконка прямо з картки. Позиції «Немає в наявності» помічені окремим текстовим бейджем замість того, щоб ховатися з фіду.

Каталог /shop/ — сітка 4×N, дропдаун фільтра «Колекція», стандартні WC-сортування — SmartWooFilters підмінює стандартний taxonomy-archive WooCommerce на swoof-маршрут (видно у breadcrumb «Каталог / Акційні»). Це дає чисті URL під фільтри і дозволяє кешувати окремі сторінки агресивніше, ніж дефолтні GET-параметри WC.

Картка товару — одна колонка тексту + 3-табова панель

Сторінка пензля побудована з двох колонок: ліворуч — велика квадратна фотографія товару на сірому фоні (формат однаковий для всіх позицій бренду), праворуч — заголовок з ціною в один рядок (без зайвих рейтингів і соц-кнопок), повний опис з нумерованим списком функцій кожного пензля у наборі (Foundation / Blush / Contour / Highlighting / Big Blending / Small Eyeshadow brush). Під двома колонками — горизонтальна табова панель «Особливість / Доставка / Оплата» з трьома фіксованими блоками, які закривають типові заперечення перед оплатою: технологія виготовлення, умови Нової Пошти, способи оплати (картка, Apple Pay, Google Pay або готівка на відділенні).

Картка товару «Набір Emerald Collection Special на 6 пензлів» — фото + опис із нумерованим списком функцій — Опис «1. Foundation brush — для розтушовки кремових текстур … 7. Small Eyeshadow brush — для роботи з нижньою повікою» — це не маркетинг, а інструкція. Користувач отримує одразу і набір, і таблицю, яким пензлем що робити. Зменшує post-purchase support: менше питань «а яким пензлем мені треба наносити …».

Таб «Особливість» картки + блок «Вам також може сподобатися» з slick-каруселем — Табова панель закриває типові передоплатні заперечення прямо на сторінці товару — без переходу на /faq або /payment. Нижче — slick-карусель related-products у межах колекції (Emerald Collection Big Blending Brush, Face Shaping Brush, Powder Brush, набір Basic+).

«Кошик» — це одразу чекаут з вбудованою Новою Поштою

Стандартної сторінки /cart/ з шаблонним WooCommerce-таблицем у Tenze немає: URL /cart/ миттєво редіректить на /checkout/?cart=true, де у дві колонки одночасно — форма замовлення зліва і компактний міні-кошик з qty-степером і хрестиком-видалити справа. Поле промокоду винесене першим над «Дані про покупця». Селектор Нової Пошти вбудований у саму форму: випадайка «на відділення / поштомат», далі автокомпліт «Оберіть місто», потім «Оберіть відділення» — без переходу на сторонній адресний реєстр. Оплата — два радіо: «Оплата при отриманні» (за замовч.) і «Оплата карткою, Apple Pay, Google Pay». Жодних step-by-step accordion-ів і обов’язкового логіну гостя — одна форма, одна кнопка «Оформити замовлення».

Tenze checkout: дані покупця, селектор міста і відділення Нової Пошти, 2 способи оплати, промокод і міні-кошик праворуч — Окрема сторінка кошика відсутня — додаючи товар, користувач опиняється одразу на чекауті з повним переліком позицій справа. Це звичний для нішевих UA-магазинів патерн: менше кліків до оплати ціною втрати можливості «зберегти кошик і повернутися завтра» (хоча WooCommerce-сесія тут все ще тримає вміст 7 днів).

Інстаграм як другий канал довіри

Передостання секція — великий блок «Слідкуйте за новинками у нашому інстаграмі» з кнопкою «Підписатись» і чотирма квадратними прев’ю постів акаунта @tenze_brushes: пакування продукту, кадри з клієнтами, фото пензлів у роботі. Це не embed-стрічка з API Instagram (яка часто ламається через rate-limits), а ручна вибірка постів-картинок — швидко, передбачувано, не залежить від Meta-токенів.

Блок «Слідкуйте за новинками у нашому інстаграмі» з 4 прев'ю постів і CTA «Підписатись» — 4 ручно вибрані пости замість живого інстаграм-фіду — у beauty-ніші це працює надійніше, бо контент не змінюється кожен день і ризик показати недоречну сторіс зведений до нуля. CTA веде на `instagram.com/tenze_brushes`, а не у внутрішню стрічку.

Інфо-сторінки замість дашборду «Мої замовлення»

У підвалі — чотири статичні сторінки замість окремого розділу my-account: «Оплата і доставка», «Обмін і повернення», «Договір оферти», «Політика конфіденційності». Це класична UA-роздрібна архітектура «зробив замовлення → отримав СМС з накладною → треку у застосунку Нової Пошти», без особистого кабінету з історією покупок. Сторінка «Оплата і доставка» прописує дрібні правила, які менеджер інакше б повторював у месенджері: відправка з понеділка по суботу (у неділю — пропуск), вартість ~80 грн від перевізника, перевірка пакування і фіксація пошкоджень на відділенні через заяву Нової Пошти, оплата карткою / Apple Pay / Google Pay на сайті або готівкою на відділенні з комісією 20 грн + 2% від суми переказу, а накладений платіж — тільки з передоплатою 200 грн на рахунок ФОП через Приват або Mono. «Обмін і повернення» — посилання на Постанову КМУ 172 (предмети сангігієни не повертаються), коротка юридична межа без зайвих формулювань. Для термінових і міжнародних відправок — окремий канал у Direct Інстаграму, що обмежує scope технічно, але закриває крайній випадок без зайвих інтеграцій.

Tenze /oplata-i-dostavka/: умови Нової Пошти, перевірка комплектації, оплата карткою або готівкою на відділенні з 20 грн + 2% комісією — Сторінка зроблена як чистий текст без іконок, акордеонів і таблиць — типове рішення для нішевого e-com з менеджерським supportом: правила винесені сюди, тому що їх простіше один раз прописати, ніж кожного клієнта пояснювати у Direct. Окремої сторінки контактів немає — телефон і київська адреса завжди у футері, як і посилання на ці чотири інфо-сторінки.

Стек, інтеграції, маркетинг

WordPress + WooCommerce на власній темі tenzewp — каталог з 30+ SKU (пензлі поштучно + 4 готових набори + аксесуари), 5 product-категорій, сортування і пагінація з коробки.
SmartWooFilters (swoof) — кастомні URL-фільтри для категорій (/shop/swoof/product_cat-akczijni/) і дропдаун-фільтр «Колекція» у сітці каталогу.
Slick slider — карусель related-products на product-page і апсейл-смуга на головній (аксесуари).
PixelYourSite Free 9.6 — підготовлений шар для Meta Pixel / GA4 / TikTok Pixel конверсій (наразі без активного pixel ID — готова інфраструктура для запуску таргету).
Нова Пошта — інструкції з відправлення прямо у tabs картки товару, без power-shipping-плагіна (замовлення йдуть менеджеру в адмінку).
Yoast SEO — sitemap з 6 sub-маршрутів (post, page, product, category, product_cat, author), 9 статичних сторінок, продуктовий sitemap оновлюється автоматично при додаванні позицій.
Картка / Apple Pay / Google Pay / готівка на відділенні — 4 шляхи оплати без власних gateway-розробок.

Підсумок

Tenze Brushes — приклад нішевого ремісничого e-com на WooCommerce, де ключове рішення — не дизайн, а механіка «збери свій набір за фіксованою ціною», винесена у головний CTA сайту. Замість того, щоб упаковувати пензлі у фіксовані SKU-набори, бренд продає кількість позицій і дозволяє самому клієнту вирішувати склад, дотримуючи −20% знижку на mix-and-match. Решта — три колекції, окрема секція аксесуарів, чотири інженерних тейка про якість збирання, інстаграм-блок ручного підбору, стандартний чекаут з Новою Поштою і Apple Pay. Сайт працює другий рік без переробок, тримає каталог з понад 30 позицій і обслуговує національну і обмежено міжнародну дистрибуцію без додаткових headless-надбудов.