Обновленный интернет-магазин METRO: объединение B2B- и B2C-сценариев и рост органического трафика в 2 раза
METRO — это не просто интернет-магазин, а сложная экосистема с несколькими типами пользователей и сценариев: частные покупатели, рестораны, отели, офисы, владельцы магазинов, франшизы и тендерные направления.
Исторически цифровая среда бренда росла не как единая платформа, а как набор отдельных решений под разные задачи. В итоге пользовательские сценарии оказались распределены по нескольким ресурсам, а логика переходов между ними была неочевидной. Пользователь мог прийти из поиска, попасть не на тот сайт, увидеть нерелевантные цены или сценарии и уйти. Особенно это касалось B2B-сегмента: бизнес-пользователь, уже работающий с METRO, мог попасть не в свой контур и потеряться в B2C-интерфейсе.
В результате сайт не выполнял ключевую функцию — быть точкой входа в экосистему.
Перед командой АЭРО стояла задача пересобрать платформу: объединить сценарии, упростить навигацию и сделать так, чтобы любой пользователь — вне зависимости от сегмента — быстро попадал в нужный ему путь.
Исторически цифровая среда бренда росла не как единая платформа, а как набор отдельных решений под разные задачи. В итоге пользовательские сценарии оказались распределены по нескольким ресурсам, а логика переходов между ними была неочевидной. Пользователь мог прийти из поиска, попасть не на тот сайт, увидеть нерелевантные цены или сценарии и уйти. Особенно это касалось B2B-сегмента: бизнес-пользователь, уже работающий с METRO, мог попасть не в свой контур и потеряться в B2C-интерфейсе.
В результате сайт не выполнял ключевую функцию — быть точкой входа в экосистему.
Перед командой АЭРО стояла задача пересобрать платформу: объединить сценарии, упростить навигацию и сделать так, чтобы любой пользователь — вне зависимости от сегмента — быстро попадал в нужный ему путь.
Описание кейса / решения
1. Новая логика платформы
Начали с самостоятельного прохождения пользовательских сценариев. Уже на этом этапе стало ясно, что даже при понимании продукта ориентироваться в платформе сложно. Далее подключили аналитиков и проверили гипотезу на данных. Картина подтвердилась: пользователи путаются между площадками и не всегда доходят до целевых действий.
Затем провели интервью с B2C-аудиторией и представителями бизнес-направлений. Выяснилось, что проблема не в отдельных экранах, а в логике продукта. Пользователи не понимали, куда им идти, а сайт не помогал определить сценарий.
Из инсайта родилась ключевая идея: платформа должна отвечать на два вопроса — кто наш клиент и какую задачу он хочет решить. На этом принципе построили новую архитектуру. Вместо универсального входа сайт выстраивает маршруты для частных пользователей, бизнеса и разных отраслей.
2. От страниц к сценариям
По итогам первого этапа собрали карту jobs-to-be-done — список задач пользователей и проблем, с которыми они сталкиваются. На ее основе переработали UX: определили ключевые сценарии, сократили путь до целевых действий, выстроили понятные точки входа и логику переходов.
Для B2C это привычные задачи: интернет-магазин, акции, каталог и офлайн-точки. Для B2B — регистрация, доступ к специальным условиям и отдельные сервисы. Эти сценарии встроили в общую систему, чтобы пользователь сразу понимал, куда идти.
3. Визуальный язык и сегментация
Следующим шагом стало переосмысление визуальной коммуникации. В e-commerce интерфейсы часто выглядят одинаково: баннеры, карточки товаров, акции. В сложных продуктах фокус сначала направлен на логику и удобство, а не на визуальную часть.
В исходной версии сайта METRO разные направления почти не отличались внешне, из-за чего пользователю было сложнее ориентироваться. В обновленной концепции дизайн пересобрали с учетом продуктовых сценариев и усилили сегментацию через визуальный язык. Убрали перегруженные баннерные зоны, упростили структуру экранов и добавили более выразительную графику и композицию.
Дополнительно разработали гибкую дизайн-систему для масштабирования продукта без потери целостности. Обновили цветовую палитру, добавили более легкие оттенки, современные элементы и аккуратные 3D-акценты. Это усилило визуальную часть и ускорило дальнейшую реализацию.
4. Контент как инструмент продажи
Одним из ключевых решений стало внедрение нового контентного формата в e-commerce.
Команда интегрировала в интерфейс короткие видео — по аналогии с привычным скроллингом в соцсетях. Контент встроен в структуру страницы: с одной стороны пользователь видит ролики с рецептами и продуктами, с другой — связанные товарные предложения.
Ролики работают в связке с товаром: пользователь может перейти к покупке напрямую, без переключения между разделами и дополнительного поиска. Такой подход сокращает путь от интереса к действию и делает взаимодействие с сайтом более естественным.
Сроки реализации
03.02.2025 — 08.10.2025
Результаты ДО и ПОСЛЕ
Компания METRO получила обновленную цифровую платформу, которая стала единой точкой входа в экосистему. Проект помог связать между собой разные пользовательские сценарии — от B2C-покупок до сложных B2B-процессов. Логика взаимодействия стала прозрачной, а сами сценарии — структурированными и понятными.
Изменения напрямую отразились на метриках:
В итоге интернет-магазин стал системой маршрутов, где пользователь быстрее понимает, куда ему идти, а бизнес получает управляемый и масштабируемый инструмент для развития разных направлений.
В чем полезность и уникальность кейса?
Полезность проекта заключается не только в редизайне интернет-магазина, а в пересборке логики взаимодействия пользователя с цифровой экосистемой METRO. Команда решала задачу, характерную для крупных компаний с несколькими направлениями бизнеса: со временем цифровая среда превращается в набор разрозненных сервисов, где пользователь теряется между сценариями, а бизнес теряет трафик и конверсию.
Вместо классического подхода «улучшить интерфейс» проект был построен вокруг пользовательских задач и маршрутов. Новая архитектура сайта помогает определить сценарий пользователя уже на входе и направить его в нужный контур — B2C, B2B или отраслевые сервисы. Это особенно важно для компаний, где одновременно существуют разные аудитории с разными моделями поведения.
Отдельная уникальность проекта — интеграция контентных механик, характерных для соцсетей, в e-commerce-сценарии. Короткие видео были встроены непосредственно в структуру интернет-магазина и связаны с товарными предложениями, что сократило путь от просмотра контента к покупке.
Все это позволило не просто обновить визуальную часть, а создать масштабируемую платформу для дальнейшего развития цифровой экосистемы METRO.
Возможно ли кейс масштабировать в компании и применить для других участников рынка?
Подход, реализованный в проекте METRO, масштабируется как внутри компании, так и на другие рынки. В основе решения лежит работа с разными пользовательскими сценариями внутри единой цифровой экосистемы.
Такой подход актуален для крупных ритейлеров, маркетплейсов, банков, телеком-компаний и экосистемных продуктов, где одновременно существуют B2C- и B2B-аудитории, разные сервисы и сложная навигация между ними.
1. Новая логика платформы
Начали с самостоятельного прохождения пользовательских сценариев. Уже на этом этапе стало ясно, что даже при понимании продукта ориентироваться в платформе сложно. Далее подключили аналитиков и проверили гипотезу на данных. Картина подтвердилась: пользователи путаются между площадками и не всегда доходят до целевых действий.
Затем провели интервью с B2C-аудиторией и представителями бизнес-направлений. Выяснилось, что проблема не в отдельных экранах, а в логике продукта. Пользователи не понимали, куда им идти, а сайт не помогал определить сценарий.
Из инсайта родилась ключевая идея: платформа должна отвечать на два вопроса — кто наш клиент и какую задачу он хочет решить. На этом принципе построили новую архитектуру. Вместо универсального входа сайт выстраивает маршруты для частных пользователей, бизнеса и разных отраслей.
2. От страниц к сценариям
По итогам первого этапа собрали карту jobs-to-be-done — список задач пользователей и проблем, с которыми они сталкиваются. На ее основе переработали UX: определили ключевые сценарии, сократили путь до целевых действий, выстроили понятные точки входа и логику переходов.
Для B2C это привычные задачи: интернет-магазин, акции, каталог и офлайн-точки. Для B2B — регистрация, доступ к специальным условиям и отдельные сервисы. Эти сценарии встроили в общую систему, чтобы пользователь сразу понимал, куда идти.
3. Визуальный язык и сегментация
Следующим шагом стало переосмысление визуальной коммуникации. В e-commerce интерфейсы часто выглядят одинаково: баннеры, карточки товаров, акции. В сложных продуктах фокус сначала направлен на логику и удобство, а не на визуальную часть.
В исходной версии сайта METRO разные направления почти не отличались внешне, из-за чего пользователю было сложнее ориентироваться. В обновленной концепции дизайн пересобрали с учетом продуктовых сценариев и усилили сегментацию через визуальный язык. Убрали перегруженные баннерные зоны, упростили структуру экранов и добавили более выразительную графику и композицию.
Дополнительно разработали гибкую дизайн-систему для масштабирования продукта без потери целостности. Обновили цветовую палитру, добавили более легкие оттенки, современные элементы и аккуратные 3D-акценты. Это усилило визуальную часть и ускорило дальнейшую реализацию.
4. Контент как инструмент продажи
Одним из ключевых решений стало внедрение нового контентного формата в e-commerce.
Команда интегрировала в интерфейс короткие видео — по аналогии с привычным скроллингом в соцсетях. Контент встроен в структуру страницы: с одной стороны пользователь видит ролики с рецептами и продуктами, с другой — связанные товарные предложения.
Ролики работают в связке с товаром: пользователь может перейти к покупке напрямую, без переключения между разделами и дополнительного поиска. Такой подход сокращает путь от интереса к действию и делает взаимодействие с сайтом более естественным.
Сроки реализации
03.02.2025 — 08.10.2025
Результаты ДО и ПОСЛЕ
Компания METRO получила обновленную цифровую платформу, которая стала единой точкой входа в экосистему. Проект помог связать между собой разные пользовательские сценарии — от B2C-покупок до сложных B2B-процессов. Логика взаимодействия стала прозрачной, а сами сценарии — структурированными и понятными.
Изменения напрямую отразились на метриках:
- после запуска сайт стал полноценным драйвером трафика в e-commerce — рост составил 64%
- органический трафик из поисковых систем вырос на 183%
- глубина просмотра увеличилась более чем в два раза — с 7 до 14,5 страниц за визит
- время на сайте выросло почти вдвое — с 6,8 до 12,5 минут
В итоге интернет-магазин стал системой маршрутов, где пользователь быстрее понимает, куда ему идти, а бизнес получает управляемый и масштабируемый инструмент для развития разных направлений.
В чем полезность и уникальность кейса?
Полезность проекта заключается не только в редизайне интернет-магазина, а в пересборке логики взаимодействия пользователя с цифровой экосистемой METRO. Команда решала задачу, характерную для крупных компаний с несколькими направлениями бизнеса: со временем цифровая среда превращается в набор разрозненных сервисов, где пользователь теряется между сценариями, а бизнес теряет трафик и конверсию.
Вместо классического подхода «улучшить интерфейс» проект был построен вокруг пользовательских задач и маршрутов. Новая архитектура сайта помогает определить сценарий пользователя уже на входе и направить его в нужный контур — B2C, B2B или отраслевые сервисы. Это особенно важно для компаний, где одновременно существуют разные аудитории с разными моделями поведения.
Отдельная уникальность проекта — интеграция контентных механик, характерных для соцсетей, в e-commerce-сценарии. Короткие видео были встроены непосредственно в структуру интернет-магазина и связаны с товарными предложениями, что сократило путь от просмотра контента к покупке.
Все это позволило не просто обновить визуальную часть, а создать масштабируемую платформу для дальнейшего развития цифровой экосистемы METRO.
Возможно ли кейс масштабировать в компании и применить для других участников рынка?
Подход, реализованный в проекте METRO, масштабируется как внутри компании, так и на другие рынки. В основе решения лежит работа с разными пользовательскими сценариями внутри единой цифровой экосистемы.
Такой подход актуален для крупных ритейлеров, маркетплейсов, банков, телеком-компаний и экосистемных продуктов, где одновременно существуют B2C- и B2B-аудитории, разные сервисы и сложная навигация между ними.
Результат
Органический трафик из поисковых систем вырос на 183%
Описание кейса / решения
1. Новая логика платформы
Начали с самостоятельного прохождения пользовательских сценариев. Уже на этом этапе стало ясно, что даже при понимании продукта ориентироваться в платформе сложно. Далее подключили аналитиков и проверили гипотезу на данных. Картина подтвердилась: пользователи путаются между площадками и не всегда доходят до целевых действий.
Затем провели интервью с B2C-аудиторией и представителями бизнес-направлений. Выяснилось, что проблема не в отдельных экранах, а в логике продукта. Пользователи не понимали, куда им идти, а сайт не помогал определить сценарий.
Из инсайта родилась ключевая идея: платформа должна отвечать на два вопроса — кто наш клиент и какую задачу он хочет решить. На этом принципе построили новую архитектуру. Вместо универсального входа сайт выстраивает маршруты для частных пользователей, бизнеса и разных отраслей.
2. От страниц к сценариям
По итогам первого этапа собрали карту jobs-to-be-done — список задач пользователей и проблем, с которыми они сталкиваются. На ее основе переработали UX: определили ключевые сценарии, сократили путь до целевых действий, выстроили понятные точки входа и логику переходов.
Для B2C это привычные задачи: интернет-магазин, акции, каталог и офлайн-точки. Для B2B — регистрация, доступ к специальным условиям и отдельные сервисы. Эти сценарии встроили в общую систему, чтобы пользователь сразу понимал, куда идти.
3. Визуальный язык и сегментация
Следующим шагом стало переосмысление визуальной коммуникации. В e-commerce интерфейсы часто выглядят одинаково: баннеры, карточки товаров, акции. В сложных продуктах фокус сначала направлен на логику и удобство, а не на визуальную часть.
В исходной версии сайта METRO разные направления почти не отличались внешне, из-за чего пользователю было сложнее ориентироваться. В обновленной концепции дизайн пересобрали с учетом продуктовых сценариев и усилили сегментацию через визуальный язык. Убрали перегруженные баннерные зоны, упростили структуру экранов и добавили более выразительную графику и композицию.
Дополнительно разработали гибкую дизайн-систему для масштабирования продукта без потери целостности. Обновили цветовую палитру, добавили более легкие оттенки, современные элементы и аккуратные 3D-акценты. Это усилило визуальную часть и ускорило дальнейшую реализацию.
4. Контент как инструмент продажи
Одним из ключевых решений стало внедрение нового контентного формата в e-commerce.
Команда интегрировала в интерфейс короткие видео — по аналогии с привычным скроллингом в соцсетях. Контент встроен в структуру страницы: с одной стороны пользователь видит ролики с рецептами и продуктами, с другой — связанные товарные предложения.
Ролики работают в связке с товаром: пользователь может перейти к покупке напрямую, без переключения между разделами и дополнительного поиска. Такой подход сокращает путь от интереса к действию и делает взаимодействие с сайтом более естественным.
Сроки реализации
03.02.2025 — 08.10.2025
Результаты ДО и ПОСЛЕ
Компания METRO получила обновленную цифровую платформу, которая стала единой точкой входа в экосистему. Проект помог связать между собой разные пользовательские сценарии — от B2C-покупок до сложных B2B-процессов. Логика взаимодействия стала прозрачной, а сами сценарии — структурированными и понятными.
Изменения напрямую отразились на метриках:
В итоге интернет-магазин стал системой маршрутов, где пользователь быстрее понимает, куда ему идти, а бизнес получает управляемый и масштабируемый инструмент для развития разных направлений.
В чем полезность и уникальность кейса?
Полезность проекта заключается не только в редизайне интернет-магазина, а в пересборке логики взаимодействия пользователя с цифровой экосистемой METRO. Команда решала задачу, характерную для крупных компаний с несколькими направлениями бизнеса: со временем цифровая среда превращается в набор разрозненных сервисов, где пользователь теряется между сценариями, а бизнес теряет трафик и конверсию.
Вместо классического подхода «улучшить интерфейс» проект был построен вокруг пользовательских задач и маршрутов. Новая архитектура сайта помогает определить сценарий пользователя уже на входе и направить его в нужный контур — B2C, B2B или отраслевые сервисы. Это особенно важно для компаний, где одновременно существуют разные аудитории с разными моделями поведения.
Отдельная уникальность проекта — интеграция контентных механик, характерных для соцсетей, в e-commerce-сценарии. Короткие видео были встроены непосредственно в структуру интернет-магазина и связаны с товарными предложениями, что сократило путь от просмотра контента к покупке.
Все это позволило не просто обновить визуальную часть, а создать масштабируемую платформу для дальнейшего развития цифровой экосистемы METRO.
Возможно ли кейс масштабировать в компании и применить для других участников рынка?
Подход, реализованный в проекте METRO, масштабируется как внутри компании, так и на другие рынки. В основе решения лежит работа с разными пользовательскими сценариями внутри единой цифровой экосистемы.
Такой подход актуален для крупных ритейлеров, маркетплейсов, банков, телеком-компаний и экосистемных продуктов, где одновременно существуют B2C- и B2B-аудитории, разные сервисы и сложная навигация между ними.
1. Новая логика платформы
Начали с самостоятельного прохождения пользовательских сценариев. Уже на этом этапе стало ясно, что даже при понимании продукта ориентироваться в платформе сложно. Далее подключили аналитиков и проверили гипотезу на данных. Картина подтвердилась: пользователи путаются между площадками и не всегда доходят до целевых действий.
Затем провели интервью с B2C-аудиторией и представителями бизнес-направлений. Выяснилось, что проблема не в отдельных экранах, а в логике продукта. Пользователи не понимали, куда им идти, а сайт не помогал определить сценарий.
Из инсайта родилась ключевая идея: платформа должна отвечать на два вопроса — кто наш клиент и какую задачу он хочет решить. На этом принципе построили новую архитектуру. Вместо универсального входа сайт выстраивает маршруты для частных пользователей, бизнеса и разных отраслей.
2. От страниц к сценариям
По итогам первого этапа собрали карту jobs-to-be-done — список задач пользователей и проблем, с которыми они сталкиваются. На ее основе переработали UX: определили ключевые сценарии, сократили путь до целевых действий, выстроили понятные точки входа и логику переходов.
Для B2C это привычные задачи: интернет-магазин, акции, каталог и офлайн-точки. Для B2B — регистрация, доступ к специальным условиям и отдельные сервисы. Эти сценарии встроили в общую систему, чтобы пользователь сразу понимал, куда идти.
3. Визуальный язык и сегментация
Следующим шагом стало переосмысление визуальной коммуникации. В e-commerce интерфейсы часто выглядят одинаково: баннеры, карточки товаров, акции. В сложных продуктах фокус сначала направлен на логику и удобство, а не на визуальную часть.
В исходной версии сайта METRO разные направления почти не отличались внешне, из-за чего пользователю было сложнее ориентироваться. В обновленной концепции дизайн пересобрали с учетом продуктовых сценариев и усилили сегментацию через визуальный язык. Убрали перегруженные баннерные зоны, упростили структуру экранов и добавили более выразительную графику и композицию.
Дополнительно разработали гибкую дизайн-систему для масштабирования продукта без потери целостности. Обновили цветовую палитру, добавили более легкие оттенки, современные элементы и аккуратные 3D-акценты. Это усилило визуальную часть и ускорило дальнейшую реализацию.
4. Контент как инструмент продажи
Одним из ключевых решений стало внедрение нового контентного формата в e-commerce.
Команда интегрировала в интерфейс короткие видео — по аналогии с привычным скроллингом в соцсетях. Контент встроен в структуру страницы: с одной стороны пользователь видит ролики с рецептами и продуктами, с другой — связанные товарные предложения.
Ролики работают в связке с товаром: пользователь может перейти к покупке напрямую, без переключения между разделами и дополнительного поиска. Такой подход сокращает путь от интереса к действию и делает взаимодействие с сайтом более естественным.
Сроки реализации
03.02.2025 — 08.10.2025
Результаты ДО и ПОСЛЕ
Компания METRO получила обновленную цифровую платформу, которая стала единой точкой входа в экосистему. Проект помог связать между собой разные пользовательские сценарии — от B2C-покупок до сложных B2B-процессов. Логика взаимодействия стала прозрачной, а сами сценарии — структурированными и понятными.
Изменения напрямую отразились на метриках:
- после запуска сайт стал полноценным драйвером трафика в e-commerce — рост составил 64%
- органический трафик из поисковых систем вырос на 183%
- глубина просмотра увеличилась более чем в два раза — с 7 до 14,5 страниц за визит
- время на сайте выросло почти вдвое — с 6,8 до 12,5 минут
В итоге интернет-магазин стал системой маршрутов, где пользователь быстрее понимает, куда ему идти, а бизнес получает управляемый и масштабируемый инструмент для развития разных направлений.
В чем полезность и уникальность кейса?
Полезность проекта заключается не только в редизайне интернет-магазина, а в пересборке логики взаимодействия пользователя с цифровой экосистемой METRO. Команда решала задачу, характерную для крупных компаний с несколькими направлениями бизнеса: со временем цифровая среда превращается в набор разрозненных сервисов, где пользователь теряется между сценариями, а бизнес теряет трафик и конверсию.
Вместо классического подхода «улучшить интерфейс» проект был построен вокруг пользовательских задач и маршрутов. Новая архитектура сайта помогает определить сценарий пользователя уже на входе и направить его в нужный контур — B2C, B2B или отраслевые сервисы. Это особенно важно для компаний, где одновременно существуют разные аудитории с разными моделями поведения.
Отдельная уникальность проекта — интеграция контентных механик, характерных для соцсетей, в e-commerce-сценарии. Короткие видео были встроены непосредственно в структуру интернет-магазина и связаны с товарными предложениями, что сократило путь от просмотра контента к покупке.
Все это позволило не просто обновить визуальную часть, а создать масштабируемую платформу для дальнейшего развития цифровой экосистемы METRO.
Возможно ли кейс масштабировать в компании и применить для других участников рынка?
Подход, реализованный в проекте METRO, масштабируется как внутри компании, так и на другие рынки. В основе решения лежит работа с разными пользовательскими сценариями внутри единой цифровой экосистемы.
Такой подход актуален для крупных ритейлеров, маркетплейсов, банков, телеком-компаний и экосистемных продуктов, где одновременно существуют B2C- и B2B-аудитории, разные сервисы и сложная навигация между ними.
Результат
Органический трафик из поисковых систем вырос на 183%