Запуск и редизайн сайта для региональной торговой сети «Командор»

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

«Командор» — красноярский ритейл-холдинг и крупнейшая торговая сеть Восточной Сибири. Компания входит в РБК-ТОП-500 крупнейших по выручке и объему реализации продукции (RAEX-600) компаний России, а также в ТОП-100 ведущих ритейлеров страны по версии INFOLine. Сеть объединяет несколько брендов и развивает единую цифровую экосистему, изначально запущенную как программа лояльности «Копилка». В рамках этого направления формировалась и онлайн-платформа.

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

Задача

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

Причина

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

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

Коротко про контекст: электронная коммерция в регионах

«Командор» работает в Восточной Сибири — это региональный ритейл, который развивает онлайн-направление в условиях конкуренции с федеральными сервисами доставки.

Пользователь сравнивает локальный продукт с Самокатом и Яндекс Лавкой, где интерфейсы и пользовательские сценарии уже давно оптимизированы. При этом инфраструктура, ресурсы и внутренняя ИТ-архитектура у региональной сети отличаются от федеральных игроков. Решения нельзя просто перенести: их нужно адаптировать под существующую серверную часть, операционные процессы и темпы развития сети.

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

"Для нас было важно не просто "обновить дизайн". Мы конкурируем с федеральными игроками, и пользователь ожидает такого же удобного опыта, независимо от того, заказывает он в Красноярске или Москве. Поэтому мы искали партнера, который сможет посмотреть на сервис глазами покупателя и при этом не потеряет из виду задачи бизнеса", - комментирует Игорь Козулин, директор по маркетингу и электронной торговле торговой сети «Командор».

Этап 1. Анализ интерфейса и проблем пользовательского опыта

Работа началась с анализа существующего интерфейса и пользовательских сценариев. Мы изучили, как покупатели проходят ключевые этапы взаимодействия с сервисом: поиск товаров, работу с каталогом, авторизацию, выбор города и магазина, оформление заказа.

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

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

Этап 2. Редизайн и переработка ключевых сценариев

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

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

Далее переработали ключевые пользовательские сценарии.

1. Каталог и карточка товара. Структура страниц стала более удобной и упорядоченной. Мы упростили интерфейс, чтобы пользователю было легче находить нужные товары и ориентироваться внутри категорий.

1. Авторизация и регистрация. Были устранены технические и логические проблемы при входе в сервис — процесс стал быстрее и понятнее.
2. Выбор города и магазина. Появилась более прозрачная логика выбора локации. Пользователь сразу видит, из какого магазина сети — «Командор», «Аллея» или «Хороший» — он оформляет заказ и какие условия доставки или самовывоза для него доступны.

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

Для ключевых экранов были подготовлены адаптивные версии и описано поведение интерфейса на разных разрешениях.

Игорь Козулин, директор по маркетингу и электронной торговле торговой сети «Командор», комментирует: «С самого начала вместе с BSTD мы искали решение, которое сохранит особенности нашего бизнеса: объединит на одной платформе три формата магазинов (Командор, Аллея и Хороший) и сделает так, чтобы независимо от того, где покупатель взаимодействует с брендом – онлайн или офлайн, – опыт оставался цельным и понятным».

Этап 3. Бизнес-требования и монетизация интерфейса

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

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

Теперь у бизнеса есть инструменты для:

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

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

«Для нас сайт – это не только сервис оформления заказов, но и полноценный маркетинговый канал. При разработке нового интерфейса было важно сразу предусмотреть возможности для запуска промо, продвижения ассортимента и будущих коммерческих механик, чтобы не возвращаться к этим вопросам после запуска», - комментирует Игорь Козулин, директор по маркетингу и электронной торговле торговой сети «Командор».

Результат

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

Мы провели анализ пользовательского опыта сайта и переработали ключевые сценарии взаимодействия с сервисом.

В рамках проекта была подготовлена обновленная концепция интерфейса и пользовательского опыта, собрана библиотека компонентов и выполнена адаптивная верстка основных экранов для дальнейшей интеграции со стороны клиента.

Интерфейс стал более структурированным и понятным для пользователя, а воронка покупки — прозрачной и предсказуемой. Дополнительно в структуру страниц были заложены инструменты для работы с рекламными размещениями и управления спросом.

Команда BrandStudio уже 20+ лет создает визуальные сюжеты и разрабатывает цифровые продукты для лидеров рынка: сайты, приложения и интернет-магазины любой сложности.

Наш сайт: bstd.ru

Канал в Telegram

Канал в MAX

Обсудить проект: hello@bstd.ru