Biotus — комплексна дизайн-підтримка бренду
Biotus — великий український ритейлер вітамінів та харчових добавок із розвиненою мережею фізичних магазинів та активним онлайн-напрямом.
З компанією Biotus я співпрацюю понад 9 років. За роки співпраці я брав участь у розвитку бренду на всіх ключових рівнях: від цифрових продуктів до офлайн-комунікацій та дизайну пакування.
UX/UI
Редизайн e-commerce платформи
Основною метою було перетворити складний багатосторінковий ресурс на інтуїтивно зрозумілий інструмент для покупок, зберігши при цьому високий рівень інформативності.
Було розроблено новий дизайн сайту з фокусом на зручність вибору та покупки:
перероблено навігацію та структуру каталогу
покращено фільтрацію та сценарій оформлення замовлення
візуально оптимізовано картки товарів для швидкого сприйняття та порівняння
Головна сторінка
1
Перехід від одиночних банерів до сіткової структури підвищив видимість акцій на 40%.
2
Додано швидкі переходи до популярних та комерційно важливих розділів.
3
Впроваджено карусель розділів «за потребами», що допомагає користувачу шукати рішення конкретної проблеми, а не лише конкретний препарат.
Нижче на сторінці розміщено: карусель популярних брендів, блоки сезонних рекомендацій, добірку популярних товарів, розділ блогу з фільтрацією за напрямами
Принцип незавершеного свайпу
Частина другого банера в мобільній видачі стимулює користувача досліджувати пропозиції.
Пошук і сценарій без запиту
Пошук розглядався не лише як поле введення, а як окремий продуктовий сценарій.
До введення запиту користувачу пропонуються трендові категорії та комерційно важливі розділи, що прискорює вибір та знижує фрустрацію.
Меню
У меню сайту передбачено швидкий доступ до каталогу, вхід та особистий кабінет користувача, а також сервісні розділи та допоміжні функції.
Список товарів
Smart Filtering: винесення параметрів, що часто використовуються, у горизонтальний стек звільнило простір для додаткового стовпця товарів, а другорядні фільтри приховані в бічну панель, щоб не перевантажувати користувача в процесі вибору.
Плитка товару
У каталозі основним завданням було зберегти відчуття легкості інтерфейсу навіть при великій кількості товарів.
Для цього: інтерактивні дії — іконка «Купити» та «В обране» винесені в стан hover.
У спокійному стані картка залишається нейтральною, а при взаємодії — чітко підказує наступний крок.
Сторінка товару
Сторінка товару спроектована як ключова точка прийняття рішення про купівлю. Основне завдання — зняти сумніви користувача та довести до додавання в кошик.
Комбо-пропозиції
Збільшуємо середній чек магазину
Інші розділи сайту
Було пропрацьовано всі ключові сторінки та сервісні сценарії:
промосторінки бонусної програми
сервіс консультації нутриціолога
довідник хвороб та рекомендації щодо вітамінів
великий освітній та довідковий розділ
особистий кабінет користувача з можливістю:
відстежувати замовлення
брати участь у бонусній програмі
керувати відгуками
редагувати особисті дані
У результаті сайт став функціональним, сучасним та візуально легким, без надлишкової графіки та з фокусом на задачі користувача.
B2B-продукт для оптових клієнтів
Окремий сайт для оптової аудиторії спроєктований як робочий інструмент, а не маркетингова вітрина.
Фокус зміщено на швидкість та функціональність:
каталог оптимізовано для швидкого наповнення кошика
додані поля кількості прямо у списку товарів
товари, додані до кошика, позначаються кольором
відображаються індивідуальні та рекомендовані роздрібні ціни
перероблено особистий кабінет із накопичувальною програмою
Графічний дизайн
та підтримка бренду
Щомісячна підтримка бренду включає створення широкого спектра промоматеріалів:
банери для сайту та рекламних мереж
поліграфія: плакати, листівки, воблери
оформлення фізичних точок продажу (вивіски, навігація)
та багато іншого.
Дизайн серії пакувань BIOTUS
Проект включав створення єдиної візуальної системи для серії продуктів з різним призначенням та складом. У дизайні зроблено акцент на чистоту, читання та візуальну ієрархію, що полегшує навігацію всередині лінійки та підкреслює функціональні відмінності продуктів.
Графічний елемент
Центральний елемент у вигляді концентричних кіл символізує фокус на здоров’ї та системний вплив продукту на організм.
Кольорове кодування
Кожна категорія продукту отримала власний яскравий кольоровий акцент, що спрощує пошук на полиці.
Адаптивність
Адаптивна верстка етикетки під різні формати тари — від вузьких флаконів до широких банок.
Підсумки співпраці
Багаторічна співпраця з Biotus дозволила створити цілісну дизайн-екосистему бренду — від інтерфейсів та маркетингових матеріалів до пакування і B2B-рішень.
Проєкт став прикладом довгострокової роботи, де дизайн не просто оновлювався, а послідовно розвивався разом із продуктом і бізнес-завданнями компанії, зберігаючи цілісність та впізнаваність бренду.