Как подготовить оптовый сайт к полноценному UX-редизайну

Редизайн оптового сайта нельзя начинать с «красивого нового интерфейса». В B2B-проектах это почти всегда приводит к потере заявок, росту нагрузки на менеджеров и конфликту между ожиданиями бизнеса и реальным поведением закупщика. Правильная подготовка к UX-редизайну — это сначала понять, где именно ломается путь клиента, какие сценарии приносят деньги, а какие только создают шум.

Если коротко: до старта дизайна нужно собрать доказательства, что менять, зачем и для кого. Иначе редизайн превращается в дорогую косметику вместо инструмента роста. За годы аудитов нишевых B2B-площадок я вывел для себя железное правило: интерфейс, который не опирается на реальные сценарии закупщика, всегда проигрывает телефонному звонку менеджеру. А это именно то, чего мы хотим избежать.

Когда сайту уже нужен UX-редизайн

Оптовые площадки редко «умирают» резко. Обычно проблемы накапливаются: каталог растет, фильтры усложняются, цены показываются не всем, авторизация затягивается, а пользователи начинают чаще звонить менеджеру вместо оформления заказа. Это и есть сигналы, что пора не точечно править кнопки, а пересматривать логику интерфейса целиком.

В своей практике я часто встречал ситуацию, когда владелец сайта говорит: «Да всё работает, просто дизайн устарел». Начинаем копать — и выясняется, что 70% заказов всё равно идёт через менеджера, потому что в каталоге не найти нужную позицию без знания внутреннего артикула, а цена отображается только после ручного согласования. Это не устаревший дизайн, это сломанный сценарий продажи.

Типовые признаки, что сайт созрел для редизайна

• Пользователи не находят нужный товар с первого-второго захода.
• Воронка проседает на каталоге, карточке товара или в корзине.
• Часть клиентов уходит после входа, регистрации или подтверждения статуса.
• Менеджеры регулярно дублируют функции сайта: присылают цены, ищут товар, оформляют заказы вручную.
• Мобильная версия не помогает закупщику, а мешает.
• Появилось много костылей: скрытые разделы, отдельные прайс-листы, устаревшие сценарии, разрозненные формы.
• Сайт обновлялся кусками, но целостная логика так и не появилась.

Если на сайте есть хотя бы три-четыре таких симптома, перед редизайном нужен не новый визуал, а полноценная подготовка UX-основания. Я обычно прошу команду не обсуждать цвета и шрифты до тех пор, пока мы не пройдём все сценарии глазами снабженца, который в 7 утра с телефона пытается добить заказ до отгрузки.

Что именно нужно выяснить до старта

Подготовка к UX-редизайну — это аудит текущего состояния. Его задача не «найти все ошибки», а собрать карту проблем и возможностей. Для оптового сайта особенно важно понять, где закупщик теряет время, где не доверяет интерфейсу и где вынужден обращаться к менеджеру. Без этой карты любой редизайн превращается в гадание: мы можем случайно улучшить то, что и так работало, и не заметить дыру, в которую утекают постоянные клиенты.

1. Кто реально пользуется сайтом

В B2B часто проектируют «среднего пользователя», которого не существует. На самом деле на одном сайте могут работать:

• закупщик;
• снабженец;
• менеджер торговой точки;
• собственник;
• технолог;
• бухгалтер;
• новый клиент;
• постоянный клиент с быстрыми повторными закупками.

У каждого свои задачи. Один ищет аналоги и сравнивает упаковки, другой — быстро повторяет заказ, третий — проверяет документы, четвертый — добивается цены без лишних звонков. Если не разделить аудитории, редизайн будет усреднять интерфейс и ухудшать конверсию. На одном из проектов мы обнаружили, что технолог производства и собственник небольшой розничной точки пользовались сайтом принципиально по-разному: первый искал совместимость по характеристикам, второй — цену и наличие на складе. Объединить их в одном интерфейсе без конфликта — задача, которую без сегментации не решить.

2. Какие сценарии приносят деньги

Для оптового сайта важны не абстрактные просмотры, а конкретные сценарии:

• поиск товара по артикулу, названию, параметрам;
• вход в каталог и быстрый выбор;
• добавление в корзину и повтор заказа;
• получение цены с учетом статуса клиента;
• оформление заказа с минимальным числом шагов;
• скачивание документов и спецификаций;
• работа с личным кабинетом и историей закупок.

Именно эти сценарии нужно проверить в первую очередь. Если они не работают, редизайн должен начинаться с них, а не с главной страницы. Я часто вижу, как бизнес хочет начать с красивого лендинга, но закупщик приходит на сайт не любоваться баннерами, а закрыть конкретную потребность. И если поиск по артикулу не находит товар, который точно есть в базе, — никакой дизайн не спасет.

3. Где пользователи теряются

Соберите все точки, где человек может застрять:

• поиск;
• фильтры;
• карточка товара;
• авторизация;
• регистрация;
• запрос цены;
• корзина;
• оформление;
• личный кабинет;
• мобильная версия;
• повторный заказ.

Чем длиннее путь до заказа, тем больше вероятность, что пользователь уйдет к менеджеру или конкуренту. В опте это критично: лишний шаг часто стоит не одной продажи, а целого аккаунта. Постоянный клиент, который привык заказывать в три клика, не простит вам внезапное усложнение. А новый — просто не станет постоянным.

Как провести подготовительный UX-аудит

Подготовка к редизайну начинается с диагностики. Хороший аудит оптового сайта не ограничивается общими замечаниями вроде «улучшить навигацию». Нужны факты: где именно ломается сценарий и что именно надо менять. Я всегда настаиваю на том, чтобы аудит опирался на цифры и наблюдения, а не на вкусовщину. Иначе мы будем чинить то, что кажется проблемой, а не то, что реально мешает закупщику.

Базовый набор источников

На что смотреть в первую очередь

1. Поиск по сайту: умеет ли он находить артикулы, синонимы, опечатки, категории.
2. Каталог: можно ли быстро сузить выбор без перегруза фильтрами.
3. Карточка товара: есть ли на ней все данные для закупки.
4. Цены: понятны ли правила показа и условия.
5. Корзина: можно ли проверить заказ без лишних шагов.
6. Авторизация: не слишком ли рано сайт требует регистрацию.
7. Повторный заказ: есть ли быстрый сценарий для постоянного клиента.

Что считать проблемой

Проблема — это не «пользователю не нравится». Проблема — это ситуация, где:

• человек не понимает, что делать дальше;
• делает больше действий, чем нужно;
• не доверяет показанной информации;
• не может завершить заказ без помощи менеджера.

Если интерфейс требует объяснений в звонке, значит он не продает молча. Для опта это почти всегда плохой знак. Я называю это «эффектом телефона»: когда сайт работает как витрина, а реальная сделка происходит в разговоре. Задача редизайна — перенести эту сделку обратно в интерфейс.

Ошибки, которые мешают редизайну еще до его начала

Подготовка нужна не только для того, чтобы собрать данные. Она помогает не заложить в проект системные ошибки. Часто команда рвется в бой, имея на руках лишь устаревшие макеты и пожелания отдела продаж. Это путь к переделкам и разочарованию.

Частые ошибки

• Сразу обсуждать цвета, кнопки и анимации, не разобрав сценарии.
• Переносить старую структуру сайта в новый дизайн «как есть».
• Делать редизайн только главной страницы.
• Не учитывать повторные закупки и сценарии постоянных клиентов.
• Игнорировать мобильные сценарии, хотя закупщик часто работает с телефона.
• Проектировать интерфейс под внутреннюю логику компании, а не под реальный путь клиента.
• Не разделять задачи нового и старого пользователя.
• Считать, что каталог сам по себе решает продажу.

Почему это опасно

Если не убрать корневые проблемы, новый дизайн просто красиво упакует старый хаос. Пользователь быстрее не станет, менеджеры не разгрузятся, а бизнес не увидит роста. В B2B редизайн без подготовки часто улучшает внешний вид и ухудшает операционные показатели. Я видел проекты, где после перезапуска количество звонков менеджерам не падало, а росло — потому что новый интерфейс был непривычен, а старые сценарии оказались разрушены.

Что должно быть готово до начала дизайна

Перед стартом UX-редизайна у команды должен появиться не набор пожеланий, а рабочий пакет материалов. Это как фундамент: без него даже самый талантливый дизайнер не построит устойчивую систему.

Минимальный набор артефактов

• карта ключевых пользовательских сценариев;
• список целевых аудиторий и их задач;
• перечень проблем текущего интерфейса;
• аналитика по отвалам и слабым местам;
• список гипотез по улучшению;
• приоритеты по влиянию на бизнес;
• ограничения со стороны CMS, ERP, CRM, склада, ценовых правил;
• перечень страниц и шаблонов, которые нужно пересобирать в первую очередь.

Что важно зафиксировать отдельно

1. Бизнес-цели

Например: сократить долю заказов через менеджера, увеличить повторные заказы, поднять конверсию в заявку, снизить число отказов на фильтрах.

2. Пользовательские цели

Например: быстро найти товар, сравнить аналоги, увидеть актуальную цену, оформить закупку без лишних действий.

3. Технические ограничения

Например: сложная интеграция с 1С, ограничения CMS, разные прайсы для сегментов, необходимость показывать цены только авторизованным клиентам.

Без этого дизайн-команда почти неизбежно предложит решения, которые красиво выглядят в макете, но плохо живут в реальной системе. Я не раз сталкивался с ситуацией, когда проработанный прототип корзины разбивался о невозможность быстро обсчитать скидку за объем из-за ограничений старой ERP. Такие вещи нужно знать до начала проектирования.

Приоритизация: с чего начинать редизайн

Не все проблемы стоит решать одновременно. В опте важно сначала чинить то, что влияет на доход и повторные закупки. Распыление на всё сразу приводит к затянутым срокам и размытому результату.

Таблица приоритетов

Правильная последовательность

1. Проверить аналитику и выявить точки потерь.
2. Изучить реальные сценарии клиентов.
3. Сформулировать гипотезы улучшений.
4. Приоритизировать изменения по влиянию на заказ.
5. Подготовить новую структуру и прототипы.
6. Протестировать прототипы на закупщиках.
7. Только после этого переходить к визуальному дизайну.

Этот порядок нарушают чаще всего: начинают с визуала, а потом удивляются, что прототип не решает реальных задач. Я всегда рекомендую закладывать время на итерации в прототипе — это дешевле, чем переделывать готовый дизайн или, хуже того, сверстанный функционал.

Как понять, нужен ли полный редизайн или достаточно точечных правок

Иногда бизнесу кажется, что нужен «новый сайт», хотя на деле достаточно пересобрать пару критичных страниц. Отличить одно от другого помогает простой критерий: если проблемы локальные, можно точечно доработать интерфейс; если сломана логика пути клиента — нужен редизайн.

Точечные правки подойдут, если

• трафик есть, но проседает одна-две страницы;
• поиск и каталог работают, но выглядят устаревшими;
• проблемы касаются отдельных форм или блоков;
• структура сайта в целом понятна.

Полный UX-редизайн нужен, если

• сайт строился под старую модель продаж;
• путь от входа до заказа слишком длинный;
• интерфейс не поддерживает повторные закупки;
• каталог, цены и авторизация живут разными правилами;
• без ручной помощи менеджера заказ почти не оформляется;
• изменения уже не лечат системную проблему.

В моей практике был случай: клиент хотел полный редизайн, но аудит показал, что проблема только в фильтрах и карточке товара. После переработки этих двух зон конверсия выросла на 20%, и деньги на полный редизайн не понадобились. Поэтому я всегда советую сначала провести диагностику, а потом принимать решение о масштабе.

Чек-лист подготовки к UX-редизайну

Перед стартом убедитесь, что у вас есть:

• список целевых сегментов;
• данные по воронке;
• понимание ключевых сценариев;
• перечень страниц с наибольшими потерями;
• список повторяющихся вопросов клиентов;
• карта технических ограничений;
• приоритеты по бизнес-целям;
• решение, что именно будет редизайном: весь сайт или отдельные модули;
• план тестирования прототипов;
• ответственные со стороны бизнеса, продаж и разработки.

Если чего-то нет

Не стоит сразу рисовать новый интерфейс. Сначала доберите недостающие данные. Иначе проект будет опираться на предположения, а не на поведение пользователей. Я не раз видел, как пропуск даже одного пункта из этого списка приводил к тому, что редизайн приходилось пересматривать через полгода после запуска.

Как выглядит грамотная подготовка на практике

Хороший подготовительный этап обычно занимает больше времени, чем ждут владельцы сайта. Но именно он экономит бюджет на разработке и снижает риск переделок.

Практический сценарий

• Сначала анализируют, как пользователи приходят на сайт и где уходят.
• Потом разбирают каталог, поиск, карточку, корзину и личный кабинет.
• Затем проводят интервью или короткие тесты с реальными закупщиками.
• После этого формируют список проблем и гипотез.
• На основе данных проектируют новую архитектуру и прототип.

Такой подход позволяет не угадывать, а проектировать под реальные задачи рынка. В одном из проектов мы потратили три недели только на интервью с закупщиками, но именно это помогло нам понять, что ключевой сценарий — не поиск нового товара, а быстрый повтор прошлого заказа. И мы перестроили интерфейс вокруг этой задачи, что дало рост повторных продаж на 35%.

Вывод

Подготовка оптового сайта к UX-редизайну — это не формальность, а основа всего проекта. Чем сложнее B2B-продукт, тем опаснее начинать с визуала и пропускать анализ сценариев, аналитики и ограничений системы.

Если сайт продает через менеджеров, заставляет клиента искать информацию вручную и ломается на базовых действиях, редизайн нужен не ради обновления внешнего вида, а ради перестройки логики продаж. И чем лучше подготовка, тем выше шанс, что новый интерфейс действительно начнет разгружать команду, ускорять закупку и повышать конверсию.

FAQ

С чего начать подготовку к редизайну оптового сайта?
С анализа воронки, ключевых сценариев и точек, где пользователи теряются: поиск, каталог, карточка товара, авторизация, корзина.

Нужно ли делать UX-аудит, если сайт и так «работает»?
Да, если заказы оформляются с помощью менеджеров, а не через интерфейс, или если конверсия проседает на критичных шагах.

Что важнее в B2B-редизайне: дизайн или структура?
Структура и логика сценариев. В опте интерфейс должен помогать закупке, а не просто выглядеть современно.

Можно ли ограничиться обновлением главной страницы?
Редко. Если проблема в поиске, каталоге или карточке товара, одна главная страницу ничего не исправит.

Как понять, что редизайн готов к старту?
Когда есть аналитика, список проблем, приоритеты, сценарии пользователей, технические ограничения и понятная цель проекта.