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