2026
Редизайн ЛК Ozon
Командная работа 4 опытных дизайнеров над реальной продуктовой задачей в рамках 2х недельного интенсива Ozon + UXROCK
Длительность:
2 недели
Моя роль:
UX/UI Дизайнер
Пользователи:
Малый и средний бизнес
Дизайн система:
Создание внутренней дизайн системы
Контекст
Ozon Seller — это личный кабинет продавца, в котором он управляет товарами, заказами, логистикой, аналитикой, ценами и продвижением. Главная страница дашборда должна помогать продавцу быстро понимать текущее состояние бизнеса: что требует внимания прямо сейчас, где есть риски и какие действия стоит сделать в первую очередь.
Текущие проблемы главного экрана
- Виджеты сложно различать → пользователь должен мнгновенно понимать, что важно прямо сейчас, и куда смотреть дальше
- Нет акцентов → пользователю сложнее быстро понять, что действительно важно прямо сейчас, а что является второстепенной информацией
- Баннерная слепота в промо-зоне → промо-блоки замечают, но воспринимают скорее как рекламу, чем как полезную часть интерфейса. В результате они не помогают пользователю и только усиливают визуальный шум
Задачи редизайна
- Убрать лишний информационный шум и выстроить более чёткую визуальную иерархию, чтобы пользователь с первого взгляда понимал, что требует внимания в данный момент
- Промо-зону сделать менее рекламной и более полезной
- Блоки должны были начать отличаться не только по тексту, но и по логике, структуре и визуальному паттерну
Погружение в предметную область
Перед редизайном мы разобрали, как работает текущий дашборд и какую задачу решает каждый виджет. Для нас было важно не просто обновить визуал, а понять, какие блоки действительно нужны продавцу в ежедневной работе.
По итогу мы:
- Определили назначение и ценность каждого виджета
- Выяснили, какие показатели зависят от FBO, FBS или обеих схем
- Продумали корнер кейсы для каждого виджета, например: нулевой оборот, отсутствие данных, превышение нормы и т.д
Провели бенчмаркинг
Изучили, как похожие задачи решаются в других data-driven интерфейсах и дашбордах. Нас интересовали не отдельные визуальные решения, а паттерны, которые помогают пользователю быстрее считывать важное и принимать решения.
В результате мы выделили несколько полезных принципов:
- Группировка виджетов по смыслу
- Акцентные статусы в проблемных местах
- Короткие рекомендации рядом с критичными метриками
- Визуальная иерархия без лишнего шума
Выделили мотивации и барьеры персоны
Мотивация:
- Сохранять контроль - “Я понимаю, что происходит, и могу на это повлиять”
- Экономить время и силы - “Я быстро нахожу важную для меня информацию”
- Избегать ошибок и тревогу - “Я вижу критичные моменты и чувствую себя уверенно”
Барьеры:
- Непонимание - “Я вижу цифры, но не понимаю, что это значит для меня”
- Нет акцентов - “Все выглядит одинакого, не понимаю куда смотреть”
- Время - “У меня нет времени вникать, мне нужен быстрый ответ”
Дизайн
На основе исследования мы переработали систему виджетов и типизировали их в 5 базовых паттернов: сравнительный, промо, списковый, статусный и инфографический.
Это помогло привести схожие по логике блоки к единому формату и сделать систему дашборда более консистентной. Для команды Ozon это важно ещё и с техничной точки зрения: над главной страницей работают разные команды, и единый набор паттернов позволяет быстрее собирать новые сценарии, снижать лишнее разнообразие решений и органично масштабировать интерфейс.
Редизайн блока индекса ошибок продавца
Объединили 5 отдельных виджетов с метриками ошибок в одну таблицу, чтобы убрать разрозненность и сделать сравнение показателей быстрее и проще. Внутри таблицы данные ранжируются по критичности, а рядом с каждой метрикой добавлены статус и рекомендация к действию.
Так пользователь, заходя в личный кабинет, сразу видит:
- Какой показатель требует срочного внимания
- Насколько критична проблема
- Что можно сделать, чтобы её исправить
Группировка по смыслу
Сгруппировали виджеты по пользовательским сценариям.
Ранее блоки были разрозненными и считывались как набор отдельных карточек.В редизайне мы объединили их в смысловые группы, чтобы пользователь быстрее понимал:
- Где есть риск,
- Что нужно сделать сейчас,
- Как идут продажи,
- Какие расходы влияют на результат.
Поместили промо в блок с рекомендациями
Теперь промо-зона решает не только коммуникационную задачу платформы, но и помогает самому продавцу: подсказывает новые возможности, обновления или инструменты, которые могут быть актуальны именно сейчас. За счёт этого блок начинает работать как часть продуктового опыта, а не как отдельный рекламный элемент.
ИИ рекомендации
К каждому блоку с показателями добавили кнопку с ИИ-рекомендацией, чтобы сократить путь от обнаружения проблемы до действия. Вместо сценария, в котором пользователь сначала замечает метрику, потом сам интерпретирует её и только после этого думает, что делать дальше, дашборд сразу предлагает следующий шаг.
За счёт этого пользователь не просто видит цифры, а получает понятную и контекстную рекомендацию, связанную с текущим состоянием показателя.
Добавили блок с важными задачами
В правую верхнюю часть экрана, рядом с графиком, добавили список приоритетных задач, чтобы пользователь сразу при входе в дашборд видел, какие проблемы требуют внимания в первую очередь. Это помогает быстрее считывать критичные сигналы и не тратить время на поиск важных зон по всему экрану.
Корнер кейсы
Предусмотрели для общих экранов и для каждого отдельного виджета более 10 корнер кейсов, чтобы минизировать риски в продакшене
Тест
Для проверки ключевой гипотезы, мы провели тест первого клика среди продавцов малого/среднего бизнеса OZON + респоденты без опыта:
Гипотеза
Если собрать критичные сигналы в одном месте и отсортировать их по приоритету, мы сможем снизить когнитивную нагрузку на пользователя
Задание
Вы увидите главную страницу продавца маркетплейса. Куда бы вы нажали, чтобы понять, что требует вашего внимания прямо сейчас?
Результат
Наша гипотеза подверждена, пользователи кликают на проблемные показатели в первую очередь ( Пульс + подсвеченные отрицательне значения в рейтинге продавца) 🥳
