info@air.agency

Интернет-магазины для собственных брендов METRO

О клиенте
METRO Cash & Carry — немецкая сеть магазинов, четвертая по величине в мире, специализируется на мелкооптовой торговле. Входит в группу компаний Metro Group. В России представлено 90 торговых центров в 50 регионах.
Проекты
  1. METRO Rioba
  2. METRO Asia
  3. METRO Italy
  4. METRO Healthy
  5. METRO Chef
  6. METRO Icecream
  7. METRO America
Цели

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

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

  • Увеличение продаж собственных брендов и товаров METRO C&C: METRO Chef и METRO Rioba.
  • Продвижение сезонных продуктов: METRO Icecream.
  • Привлечение внимания к определенным категориям продуктов: METRO Asia, METRO Italy, METRO Healthy.
Задачи
  • Разработать интернет-магазины для продуктов собственных брендов METRO и других товаров
  • Сделать страницы визуально привлекательными для пользователей. Дизайн не должен повторять интерфейсы основного сайта, сохраняя при этом детали общей стилистики.
  • Продумать интерфейсы пользовательской корзины с учетом особенностей категории клиента.
Корпоративным клиентам

Мы разрабатываем для METRO сайты, которые продвигают собственные бренды компании — METRO Chef и Rioba, сезонные товары — например, мороженое летом, а также целые категории продуктов: для здорового питания, для приготовления и сервировки итальянских и азиатских блюд.

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

Основная цель — закрыть потребности корпоративных клиентов METRO C&C. Все они представляют разные индустрии, соответственно, и запросы к поставщику у них отличаются. Чтобы клиенты не тратили время на фильтрацию продукции в основном каталоге и не отвлекались на ненужные товары, было решено вынести эти категории в виде отдельных интернет-магазинов. Так они не потеряются на основном сайте в огромном ассортименте различной продукции. Менеджер ресторана или отеля попадает в каталог, где представлены товары, которые могут понадобиться конкретно в его бизнесе.

Теперь представитель ресторана японской кухни может заказать все необходимое на METRO Asia, администратор кофейни — на сайте METRO Rioba, менеджер итальянского кафе — на METRO Italy и т.д.

Каталог
В каталоге мы отказались от раскрывающегося меню в пользу фиксированного меню-слайдера для проектов METRO Asia, Italia, Icecream и Health. Это удобнее для пользователя: есть наглядная разбивка по категориям с картинками.
Карточки товаров
В случае с карточками товаров мы решили не перегибать с креативом и сделали понятный и чистый дизайн с описанием: цена, количество, характеристики товара. Структура карточки одна и та же для всех проектов, отличается лишь цветовая гамма. Это позволило нам сэкономить время на этапе дизайна и наглядно показать товары каталога. Мы стараемся не перегружать страницы лишней информацией, чем часто грешат интернет-магазины.
В таких проектах нельзя было обойтись без постоянного обновления информации о наличии товаров. Поэтому интернет-магазины интегрированы с основным сайтом METRO: отсюда по API мы каждые 5 минут получаем актуальные данные для каталога. Внутри карточки товара — описание, информация по наличию и возможность добавить в корзину необходимое количество продукции. Все просто и понятно.
Metro Chef
Это информационный портал о товарах, которые продаются в магазинах сети под собственным брендом Metro. Есть главная страница со списком разных категорий продуктов. Можно перейти во внутренние разделы, ознакомиться с продукцией, отсортировать ее по фильтрам.
Менеджмент
Работа у нас велась по каскадному методу: это позволяет сосредоточиться на одном проекте и оперативно закрывать этапы, а затем переходить к следующему. С нашей стороны с METRO работают менеджер, back и frontend-разработчики, дизайнер и тестировщик.
Стек проекта
Backend мы разрабатывали на Laravel, а frontend — на Vue.js, который позволяет моментально отображать каталог и другие интерактивные элементы вроде слайдера, карточек, выпадающих списков и т.п.
Результаты
  • Разработали 7 интернет-магазинов для продукции METRO C&C
  • Продумали и реализовали современный дизайн
  • Провели все необходимые интеграции: каталог товаров, корзина, сайт Metro C&C
Отзыв клиента

AIR Production гибко и своевременно реагировали на все требования. В результате мы получили продукт, который задумывался изначально, и уложились в сроки. Мы довольны сотрудничеством и продолжаем работать со студией

Сергей Бажора

Руководитель направления по цифровым продуктам и аналитике

Еще проекты