Кейс Decathlon и Aero: взаимная интеграция команд и внедрение в экосистему ecommerce-сервисов

В материале рассказываем об опыте сложной разработки eCommerce-платформы для спортивного ритейлера №1 в Европе в формате интеграции инхаус- и аутсорс-команды. Мы, Aero, перепроектировали UX онлайн-покупок и объединили работу с товарным контентом в единой PIM-системе.

Decathlon — спортивный ритейлер №1 в Европе. Компания была основана во Франции в 1976 году, сейчас бренд представлен в 60 странах. Первый российский магазин открылся в 2006 году, на момент старта проекта у ритейлера был интернет-магазин и 62 магазина в 24 городах.

Decathlon — вертикально интегрированная компания с собственным производством товаров для 85 видов спорта, где более 95% собственные торговые марки.

В компании много ресурсов выделяют на R&D. Так, например, в Decathlon есть собственная исследовательская лаборатория по изучению человеческого тела. Или подразделение Decathlon Technology, где разрабатывают устройства и ПО для 100 000 сотрудников, решения для ecommerce, RFID-маркировку, «умные» спортивные товары и мобильные приложения, занимаются безопасностью данных 400 миллионов клиентов.

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

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

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

Какие задачи мы решали в рамках проекта:

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

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

Команда Decathlon, помимо технической экспертизы, привнесла понимание тонкостей бизнеса и потребностей конечных пользователей. Мы полностью перешли на Agile, теперь обе команды работали по одной методологии. Так мы сделали главное — поменяли майндсет сотрудников, стерли деление на своих и чужих, а также сформировали полностью укомплектованные команды аналитики, разработки и QA.

Таким образом нам вместе удалось усилить друг друга и добиться поставленной цели.

Одним из крупных проектов стала работа над перепроектированием покупательского опыта в онлайне.

В Aero предпроектной подготовкой всегда занимается команда продуктовых и data- аналитиков.

Data-аналитики отвечают за количественную сторону: в их инструментарии BI-системы, системы веб-аналитики, GTM, данные с кассовых аппаратов, показатели email-рассылок. После того, как массивы данных обработаны и найдены закономерности — данные попадают продактам.

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

При работе над магазином Decathlon мы провели исследования обоих типов, в том числе опросы респондентов из разных целевых сегментов клиента. После глубинных интервью мы проводили UX-тест: давали респондентам задания, которые соответствуют их обычному поведению на сайте, исходя из их потребностей. Например, тем, кто увлекается сноубордом, предлагали поискать элементы экипировки. Для проведения UX-теста все респонденты делились на 2 группы: половина тестировала десктопную версию сайта Decathlon, половина — мобильную.

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

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

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

На Decathlon мы, в числе прочих, решали задачу сплитования корзины — чтобы в будущем имплементировать ее на маркетплейс-модель. До начала работы покупатель магазина всегда получал товары из заказа одной посылкой. Вы покупаете сноуборд, очки и пару носков одним заказом — и даже если сноуборд и очки могут быть доставлены сегодня, вы получите их только когда носки поступят со склада в другом городе. Приходилось долго ждать свои заказы.

Сплит корзины — это решение на стыке технологий и логистики, оно позволило доставлять покупателю товары из одной корзины по-отдельности. Это напрямую влияет на лояльность.

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

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

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

Еще одна важная доработка — интеграция «1С-Битрикс» и Symfony. Фронтенд сайта был реализован как SPA (Single Page Application), нужно было создать вариацию Headless CMS для гибкого управления контентом — для этой задачи команда выбрала не самый обычный способ.

PIM-система — это удобный интерфейс для работы с каталогом, который автоматически забирает все данные из разных источников, нормализует их и представляет в удобном для работы виде.

Ни один готовый вариант не подходил Decathlon на 100%. Поэтому компания приняла решение разработать собственный сервис, который покрывал бы все технические и бизнес-требования. Чтобы интегрироваться в экосистему других сервисов, он должен был быть разработана на Java.

Все данные о товарах, которые попадают в PIM, проходят автоматическую и ручную проверку. К примеру, система проверяет, заполнены ли все поля. Когда информация о товаре заполнена на 70%, она поступает в мастер-каталог.

Какие возможности PIM-системы Decathlon стоит отметить:

75 человек работают как единая команда уже 2 года. Мы провели много интеграций и продолжаем развивать проект вместе с Decathlon. Достижения проекта, которые отмечает клиент:

#decathlon #декатлон