«ЯРВЕТ»: платформа для B2B- и B2C-продаж с многофункциональным личным кабинетом
Разработка и дизайн B2B-платформы для дистрибьютора ветпрепаратов с многофункциональным личным кабинетом и каталогом
«Ярвет» — крупный дистрибьютор ветпрепаратов, кормов и оборудования
Сайт для компании — не просто витрина, а рабочий инструмент. Однако старая версия перестала отвечать масштабу бизнеса. Нашей целью было создать инструмент, который реально помогает бизнесу и его клиентам. Поэтому мы сделали два продукта: провели редизайн сайта и полностью обновили личный кабинет.
Контекст и задача
Ключевые задачи проекта:
1. Автоматизировать рутину. Заказы, документы и бонусы — чтобы клиент получал всё в личном кабинете, без звонков менеджеру.
2. Сделать удобным каталог для опта. Клиенты закупают товары для сетей клиник и хозяйств. Сайт должен показывать реальное наличие, персональные цены и обеспечивать интуитивную навигацию по объемному каталогу.
3. Обеспечить быстрый доступ откуда угодно. Ветеринары и фермеры часто работают с телефона в поле или на складе — интерфейс должен быть простым и мгновенным.
4. Транслировать экспертность. Новый дизайн — современный, солидный, вызывающий доверие у B2B-аудитории.
Мы создали удобную цифровую платформу для B2B-покупок и управления бизнес-процессами «Ярвет». Витрина отвечает за поиск и оформление заказов, личный кабинет — за управление документами, бонусами и ролями внутри компании. Всё связано общей логикой и поддерживает реальные рабочие сценарии. Вместе с командой клиента наши аналитики детально проработали все роли и сценарии, чтобы каждая функция была понятной и эффективной.
Аналитика
Мы начали с изучения реального поведения клиентов: провели глубинные интервью, проанализировали данные веб-аналитики и записи пользовательских сессий, разобрали повторяющиеся сценарии и точки напряжения.
Это дало несколько ключевых инсайтов.
Как клиенты пользуются продуктом на самом деле:
• заказы часто повторяются: клиенты покупают один и тот же набор товаров регулярно и ожидают быстрый сценарий без лишних шагов;
• пользователи часто работают с телефона, но мобильная версия хуже справляется со сложными действиями — из-за этого часть заказов откладывается или уходит к менеджеру;
• отсутствие цен без регистрации — одна из главных причин отказов у новых пользователей;
• при возникновении сложностей клиенты предпочитают обратиться к менеджеру, а не разбираться в интерфейсе самостоятельно;
• значительная часть обращений к менеджерам связана не с покупкой, а с сопутствующими задачами: документами, счетами, бонусами и условиями работы.
Этап аналитики показал главное: сайт востребован и активно используется, но не поддерживает ключевые рабочие сценарии клиентов и не снимает их основные вопросы — из-за этого значительная часть процессов остаётся вне цифрового продукта.
Проектирование
Мы спроектировали интернет-магазин и личный кабинет как единую систему, где витрина и рабочий инструмент связаны общей логикой. Из-за многоуровневой модели доступа у одного и того же экрана появилось несколько состояний: для незарегистрированных пользователей, клиентов с персональными условиями и разных ролей внутри ЛК.
Главная страница: две логики в одном интерфейсе
В ходе аналитики стало очевидно: клиенты аграрного направления и направления мелких домашних животных по-разному работают с сайтом. У них различаются не только ассортимент и частота заказов, но и процессы закупки, логика бонусов и ожидания от сервиса.
Этот инсайт стал ключевым при проектировании главной страницы. Вместо универсальной витрины мы сделали две отдельные главные страницы — под каждое направление. Это позволило убрать нерелевантный контент, снизить когнитивную нагрузку и быстрее вести пользователя к нужным действиям.
Каталог: рабочий инструмент для профессионалов
Каталог «Ярвет» — это не просто витрина, а рабочий инструмент для оптовых закупок.
Выстроена понятная иерархия категорий, продумано мегаменю и фильтры, добавлен поиск по названию и действующему веществу. Структура позволяет быстро собрать заказ даже при большом объёме позиций. Не открывая карточку, можно увидеть основную информацию: например, для каких животных предназначен товар и требуется ли специальная документация или рецепт — чтобы экономить время и сразу понимать, что доступно к заказу.
Аналитика показала, что акции — один из самых посещаемых разделов и важный инструмент для бизнеса. Поэтому мы встроили промо-блоки прямо в каталог: они заметны, но не отвлекают от выбора.
Карточка товара
Товары «Ярвет» — профессиональные препараты и специализированные корма с большим количеством обязательных характеристик: условия хранения, форма выпуска, дозировки, назначение по видам животных. Названия сложные, инструкции объёмные, требования к отображению информации — строгие.
Карточка устроена так, чтобы ключевые параметры считывались мгновенно. В верхней части собраны:
• температура хранения,
• форма выпуска,
• доступные дозировки и варианты упаковки с переключением внутри карточки.
Подробные инструкции вынесены ниже и структурированы по табам — информация остаётся полной, но первый экран не перегружен.
Для незарегистрированных пользователей цена не отображается. Вместо пустого состояния интерфейс объясняет, почему цена скрыта, и сразу подсказывает, что нужно сделать, чтобы получить персональное предложение — зарегистрироваться или войти в аккаунт. Так отсутствие цены перестаёт быть барьером и становится частью понятного сценария.
Оформление заказа: без разрывов сценария
На этапе аналитики были выявлены основные флоу оформления заказов: повторные закупки, загрузка позиций списком, работа с отсутствующими товарами и проверка документов. Эти сценарии легли в основу проектирования корзины и чекаута.
Пользователь может быстро повторить прошлый заказ, добавить товары списком и сразу увидеть все сопроводительные документы. Если товара нет в наличии, аналоги предлагаются прямо в корзине — без возврата в каталог. Пользователь не выпадает из процесса и может завершить заказ быстрее.
Регистрация
Аналитика показала, что прежний процесс регистрации через менеджера с большим пакетом документов создавал высокий порог входа и перегружал команду продаж.
Были спроектированы два сценария:
• упрощённая регистрация для быстрого старта работы;
• полноценная онлайн-регистрация с возможностью заключить договор и получить персональные условия и специальные цены.
Это снизило количество отказов на этапе регистрации и перераспределило нагрузку с менеджеров на цифровой канал, сохранив при этом контроль над юридически значимыми процессами.
Личный кабинет: центр управления для разных ролей
Личный кабинет стал ядром всей платформы. Здесь собраны заказы, документы, бонусы, персональные условия и управление структурой бизнеса. Это не дополнение к интернет-магазину, а рабочая среда, рассчитанная на сложную организацию клиентов ЯРВЕТ.
Главный аккаунт может гибко настраивать доступы на каждом уровне — от партнёров до отдельных ролей, подстраивая систему под реальные бизнес-процессы конкретной компании.
Из-за такой архитектуры один и тот же экран получил десятки состояний: в зависимости от уровня доступа, роли и контекста. Мы проработали все варианты отображения и заложили понятную логику интерфейса, чтобы система оставалась предсказуемой даже при сложной конфигурации.
Система лояльности встроена в эти сценарии: уровни, прогресс и бонусы визуализированы и напрямую влияют на условия заказов. В итоге личный кабинет перестал быть архивом данных и стал инструментом управления бизнесом.
Дизайн
Визуальный язык сайта стал продолжением бренда «Ярвет» и его позиционирования как технологичного и надёжного партнёра
Визуальный язык сайта стал продолжением бренда «Ярвет» и его позиционирования как технологичного и надёжного партнёра. Айдентика была обновлена и аккуратно интегрирована в интерфейс интернет-магазина и личного кабинета — без потери функциональности и с сохранением рабочего характера продукта.
В основе визуальной системы:
• светлая, спокойная палитра с пастельными оттенками;
• акцентный цвет для ключевых действий, статусов и важных элементов;
• геометричная типографика и фирменные графические приёмы, формирующие единый и узнаваемый стиль.
Отдельное внимание уделено визуальной работе с ассортиментом и собственной торговой маркой:
• акценты и иконки помогают быстрее ориентироваться в товарах;
• карточки выстроены так, чтобы ключевая информация считывалась сразу;
• система лояльности получила наглядную визуализацию — уровни, прогресс, бонусы и доступные возможности всегда видны и понятны.
Дизайн поддерживает сложную логику продукта, он не отвлекает от задач, а помогает быстрее принимать решения и чувствовать контроль над процессом.
Результаты
Проект прошёл серию тестирований ещё на этапе интерактивных макетов. Мы проверяли ключевые сценарии — регистрацию, повторные закупки, работу с каталогом, корзину и личный кабинет.
Тесты показали, что новая логика действительно упрощает работу:
• время оформления повторного заказа сократилось в среднем на 25–30%;
• пользователи реже прерывали сценарий на этапах оформления;
• количество вопросов по навигации и действиям снизилось примерно на 30%.
После запуска в боевой среде первые данные подтвердили гипотезы.
Даже за короткий период стало видно, что цифровой канал начал поддерживать реальные процессы закупок и постепенно забирать на себя рутинную нагрузку команды.
