Кейс 01 Інтернет-магазин

Y.K Cosmetics: магазин косметики, зібраний під бренд, а не під готову тему

Косметику варять у Ворохті невеликими партіями — без парабенів, а отже з коротким терміном придатності. Каталог живий: позиції зʼявляються і зникають щотижня. Магазин мусив це витримувати без жодного рядка коду з нашого боку.

Скріншоти з робочого сайту yanakermoshchuk.com ↗

Клієнт
Y.K Cosmetics — косметична лабораторія Яни Кермощук, смт. Ворохта
Рік
2026, на підтримці
Стек
WordPress, WooCommerce, Carbon Fields, PHP 8.2, Telegram API
Живий сайт
yanakermoshchuk.com ↗

(01) Задача

Що треба було вирішити.

До сайту продажі йшли через Instagram: скріншот товару в дірект, домовились про ціну, скинули номер відділення. Кожне замовлення — окрема розмова, і жодного каталогу, який можна показати одним посиланням.

Власниця сформулювала задачу коротко: «Хочу, щоб сайт виглядав як наш бренд, а не як шаблон». За цим стояло три вимоги:

  • каталог на 60+ позицій, який вона веде сама — без розробника й без «напишіть, я поправлю»;
  • подарункові сертифікати: їх питали перед кожними святами, а виписували вручну в переписці;
  • замовлення мають приходити туди, де їх реально видно, — у телефон, а не в поштову скриньку.

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

(02) Рішення

Своя тема замість купленої — і три модулі, які зазвичай продають плагінами.

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

Каталог, який ведуть без нас

Шість категорій із підкатегоріями, фільтр із лічильниками, картка товару з підзаголовком і другим фото при наведенні. Блоки головної (слайдер, переваги, бестселери, «наша місія») зібрані на Carbon Fields — власниця перебирає їх у звичайному редакторі WordPress, не відкриваючи код.

Сертифікат, що виписує сам себе

Сторінка-конструктор: клієнт обирає суму, вписує імʼя отримувача й привітання — і бачить, як макет сертифіката оновлюється просто під час набору. Після оплати система генерує одноразовий купон WooCommerce на цю суму, ставить йому 30 днів дії й надсилає лист із готовим сертифікатом покупцю або одразу отримувачу. Ручної роботи — нуль.

Замовлення в Telegram і спам за дверима

Нове замовлення миттєво падає в Telegram-чат зі складом і сумою. Форми захищені honeypot-полем і токеном із HMAC-підписом: бот не може підробити значення, а живий покупець не розгадує «виберіть усі світлофори». Жодної reCAPTCHA.

(03) Екрани

клік — на весь екран

Як це виглядає в роботі.

Конструктор подарункового сертифіката: превʼю ліворуч оновлюється, поки клієнт заповнює форму праворуч. Дата «дійсний до» рахується автоматично — сьогодні плюс 30 днів.
Каталог: категорії плитками зверху, фільтр із лічильниками ліворуч.
Картка товару: галерея, ціна, кошик — без зайвих кроків до покупки.
Програма лояльності: вісім способів отримати знижку — від відгуку до обміну тари.
Каталог на телефоні: фільтр ховається у шторку, товари йдуть у дві колонки.
Сертифікат на телефоні: превʼю над формою, суми — кнопками.

(04) Результат

заміри з десктопа, серпень 2026

Цифри, які має цей проєкт.

61 товар у каталозі, 6 категорій
1,1 с повне завантаження головної
0 ₴ за плагіни: сертифікати й антиспам — у коді теми

У вас свій продукт і продажі в дірект?

Розкажіть, що продаєте і скільки позицій — порахуємо магазин, який ви вестимете самі.

Ваші контакти нікуди не передаємо. Потрібен детальний прорахунок — заповніть бриф.