Редизайн интернет-магазина: сохраняйте решение покупателя, а не старый экран

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

Руководитель проекта смотрит на чистую страницу и задаёт вопрос не про красоту макета: «Как теперь человек поймёт, чем эти варианты отличаются?» Экран улучшили, а решение покупателя усложнили.

Сохранять нужно не экран, а решение

При редизайне не требуется сохранять каждый старый пиксель. Нужно сохранить способ, которым покупатель принимает решение.

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

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

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

Три строки для карты неизменяемого

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

1. Какое решение принимает человек на этой странице?
2. Что помогает ему принять это решение сейчас?
3. Что нельзя спрятать или изменить, пока не доказано, что новый путь лучше?

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

Где обычно теряется смысл

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

Каталог. Какое решение принимает человек в общем списке товаров? Он ищет способ быстро отсеять ненужные позиции по критериям. Помогает ли текущая сетка и набор фильтров за несколько секунд сузить выбор до подходящих вариантов?

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

Заказ. Какое решение человек принимает в корзине? Он проверяет итоговые условия и соглашается на покупку. Понятен ли человеку весь путь оформления и видны ли итоговая стоимость, варианты доставки и способы оплаты до нажатия финальной кнопки?

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

Как читать результаты

Ответы на вопросы карты неизменяемого помогают определить, по какому сценарию стоит двигаться проекту:

• Доработать, если способ выбора работает, а мешает один конкретный экран или шаг.
• Редизайн на текущей основе, если нужно перестроить путь, но его можно реализовать в существующем магазине.
• Перенос, если важный способ продажи не помещается в ограничения текущей основы.

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

С чего начинается нормальный разговор

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

1. Повторяющаяся проблема. На каком именно шаге покупатели сталкиваются с затруднениями, теряют ориентиры и уходят без покупки?
2. Решение покупателя. Какое конкретное действие на странице помогает человеку сделать выбор, а какой элемент создаёт лишний шум?
3. Связанные системы. Как предполагаемые изменения интерфейса затронут складской учёт, обмен с базами данных и работу службы доставки?
4. Важные страницы. Какие разделы каталога, категории и страницы оформления генерируют основной объем продаж?

Проработайте эти четыре предмета перед тем, как заказывать новые макеты или переписывать код.

IDBI разрабатывает интернет-магазины на 1С-Битрикс и InSales, от структуры каталога и дизайна до интеграций и запуска. Перед доработкой IDBI проверяет платформу, код, дизайн и интеграции.

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