Розробка інтернет-магазину VedMa Booster на WordPress

Клієнт: VedMa Booster — український wellness-бренд функціональних напоїв
Сайт: vedmabooster.com
Виконавець: веб-студія jetbit.pro
Платформа: WordPress + WooCommerce
Тип проєкту: продуктовий e-commerce сайт під перформанс-маркетинг

Про клієнта

VedMa Booster — український бренд натуральних напоїв-бустерів на основі екстракту гриба їжовика гребінчастого (Lion's Mane, 2000 мг) та MCT-олії. Продукт у форматі зручних саше замінює каву: дає енергію, фокус і ясність мислення без кофеїну та синтетичних стимуляторів. За продуктом стоїть команда засновниці Марини Нікітенко разом із хіміками та нутриціологами.

Задача

Клієнт прийшов із чітким технічним завданням: потрібен продуктовий сайт, який стане посадковою сторінкою для трафіку з Instagram та Meta Ads і водночас повноцінним магазином з онлайн-оплатою. Ключові вимоги ТЗ:

• легкий, мінімалістичний дизайн з акцентом на продукт;
• мобільна та десктопна адаптація (основний трафік — мобільний, із соцмереж);
• кошик та онлайн-оплата через LiqPay (робота з українським ФОП);
• інструменти підвищення конверсії: закріплена кнопка «Купити зараз», таймер обмеженої пропозиції, exit-попап зі знижкою, пакетні пропозиції;
• інтеграція з Meta Pixel, Google Analytics та Instagram для збору аудиторій ремаркетингу;
• мультимовність UA + EN.

Чому WordPress

У ТЗ розглядалися три платформи: WordPress, Shopify та Wix. Ми рекомендували WordPress + WooCommerce, і ось чому:

• LiqPay та український ФОП. Готові перевірені модулі оплати без комісій платформи, на відміну від Shopify.
• Гнучкість лендинг-блоків. Головна сторінка за ТЗ — це фактично довгий продаючий лендинг з нестандартними секціями. На конструкторах на кшталт Wix такі блоки збирати важче й повільніше.
• Власність і масштабування. Клієнт повністю володіє сайтом, без щомісячної підписки; надалі легко додавати нові продукти, блог, SEO-структуру.

Рішення

Структура головної сторінки

Головну сторінку побудували як продаючий лендинг за логікою «увага → довіра → дія»:

1. Перший екран — банер із фото продукту, УТП та кнопкою «Купити зараз». Оскільки у бренду два формати пакування, зробили окрему подачу для обох.
2. Склад і користь — блок із порівнянням: класичні капсули їжовика проти саше VedMa. Іконки з перевагами MCT та їжовика, опис ефектів: енергія, фокус, без кофеїну.
3. Таймлайн ефектів — візуальна шкала «що ви відчуєте протягом першого курсу», яка знімає головне заперечення «а чи подіє?».
4. Чому VedMa — вісім переваг продукту: портативність, смак, чистий склад, без цукру та добавок.
5. Як приймати — покрокова інструкція приготування у форматі каруселі.
6. Про нас — історія засновниці та експертність команди, що будує довіру до молодого бренду.
7. Відгуки — фото- та відео-UGC клієнтів з короткими цитатами.
8. Пакети замовлення — тарифна сітка: стартовий курс на 14 саше, курс на 30 саше та мультипаки зі знижкою і безкоштовною доставкою. Пакетна логіка підвищує середній чек.
9. Умови покупки — доставка Новою поштою по всій Україні, оплата карткою / Google Pay / Apple Pay, умови повернення.
10. FAQ — розгорнутий блок: як приймати, побічні ефекти, сумісність із дієтами, історія та властивості гриба.

Конверсійний функціонал

• Sticky-кнопка «Купити зараз», яка залишається на екрані при прокрутці — з будь-якої точки сторінки до покупки один клік.
• Віджет з таймером зворотного відліку для обмежених акцій (наприклад, −30% на перший курс). Зробили його керованим: клієнт вмикає та вимикає таймер з адмінки самостійно під час запуску акцій.
• Exit-intent попап з пропозицією знижки на перше замовлення — ловить відвідувачів, які збираються піти, і конвертує їх у підписників та покупців.
• Пакетні пропозиції прямо в картці замовлення: «1 упаковка», «3 зі знижкою», «5 — безкоштовна доставка».

E-commerce та інтеграції

• WooCommerce: кошик, оформлення замовлення, керування товарами та акціями з адмінки.
• LiqPay: приймання оплат карткою, Google Pay та Apple Pay на український ФОП.
• Meta Pixel + Google Analytics (через Google Tag Manager): наскрізне відстеження подій — перегляд товару, додавання в кошик, покупка. Це дало змогу будувати аудиторії ремаркетингу з Instagram та оптимізувати рекламні кампанії на конверсію, а не на кліки.
• Канали зв'язку: Telegram, WhatsApp, Viber, Instagram та телефон — покупець пише туди, де йому зручно.

Дизайн

Дизайн зробили відповідно до ТЗ — легкий і мінімалістичний: тепла природна палітра, ботанічні ілюстрації, великі лайфстайл-фото продукту. Всі зображення конвертовані у WebP, верстка адаптивна — сайт однаково добре працює на смартфоні з рекламного трафіку і на десктопі.

Процес роботи

1. Аналіз ТЗ і прототип — розібрали референси клієнта, спроєктували структуру сторінок та логіку конверсійних елементів.
2. Дизайн — мінімалістичний UI під бренд, мобільна версія в пріоритеті.
3. Розробка — верстка, WooCommerce, платіжна інтеграція, конверсійні віджети.
4. Інтеграції та аналітика — Pixel, GA, GTM, налаштування подій e-commerce.
5. Тестування і запуск — перевірка оплат, форм, адаптиву та швидкості завантаження.

Результат

Бренд отримав швидкий продуктовий сайт, повністю готовий до роботи з платним трафіком:

• продаючий лендинг з повною логікою прогріву — від першого екрана до FAQ;
• онлайн-оплата LiqPay з Google Pay та Apple Pay;
• керовані з адмінки акції з таймером та попапами;
• пакетні пропозиції, що підвищують середній чек;
• наскрізна аналітика для Meta Ads та ремаркетингу;
• сайт, який клієнт веде самостійно без залучення розробників.