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