Взаимная интеграция команд, создание интернет-магазина и внедрение ecommerce-сервисов в экосистему
>70 человек
в совместной команде
50 000
товаров
>20
интеграций
>5 млн
посетителей в месяц
Рассказываем об опыте сложной разработки eCommerce-платформы для спортивного ритейлера № 1 в Европе в формате интеграции инхаус- и аутсорс-команды. Мы перепроектировали UX онлайн-покупок и объединили работу с товарным контентом в единой PIM-системе.
Decathlon — это про технологии и масштаб
Decathlon — спортивный ритейлер №1 в Европе. Компания была основана во Франции в 1976 году, сейчас бренд представлен в 60 странах. Первый российский магазин открылся в 2006 году, на момент старта проекта у ритейлера был интернет-магазин и 62 магазина в 24 городах.
Decathlon — вертикально интегрированная компания с собственным производством товаров для 85 видов спорта, где более 95% собственные торговые марки. В компании много ресурсов выделяют на R&D. Так, например, в Decathlon есть собственная исследовательская лаборатория по изучению человеческого тела. Или подразделение Decathlon Technology, где разрабатывают устройства и ПО для 100 000 сотрудников, решения для ecommerce, RFID-маркировку, «умные» спортивные товары и мобильные приложения, занимаются безопасностью данных 400 миллионов клиентов.
Decathlon — это про омниканальность, потребитель воспринимает онлайн и офлайн как единую «точку обслуживания». Чтобы такое было возможно, компания годами развивала и поддерживала комплекс собственных технологических решений. Aero предстояло разработать новые продукты и интегрировать их в уже работавший сложный комплекс сервисов — несколько десятков внешних систем, которые отвечали за авторизацию, историю заказов, работу с остатками, ценами, отзывами, возвратами, рекомендательными полками, управление отгрузками в магазине.
Задачи
Система сервисов, которыми пользовался Decathlon в России, стала изживать себя — нужно было обновляться на всех уровнях, от интернет-магазина до внутренних систем. Перед российским подразделением компании встал выбор: брать коробочные решения с рынка, переходить на французское ПО или написать кастомный сервис.
«Мы приняли решение отстраиваться от головного офиса, чтобы получить гибкость во внедрении новых технологий и решений, поддерживая потребности локального бизнеса и наших клиентов. Такое решение было непросто продвинуть — оно стоило нам несколько лет. Огромная инвестиция времени и ресурсов. Aero оказались наиболее подходящим и соответствующим нашему запросу интегратором, который не побоялся нашей сложной и незнакомой им экосистемы».
Светлана Азоркина
Директор по продуктам электронной коммерции Decathlon
Стратегической целью проекта была разработка обновленной системы локальной архитектуры, которая бы позволила быстро запускать новые функции и тестировать идеи бизнеса локально, независимо от головного офиса во Франции.
Какие задачи мы решали в рамках проекта:
Провести интеграцию с технической экосистемой Decathlon: 18 сервисов собственной разработки.
Качественно обновить UX/UI клиентских интерфейсов по принципу mobile first.
Заложить системную логику для последующего внедрения бизнес-модели маркетплейса.
Разработать с нуля локальную PIM-систему.
Обеспечивать бесшовный опыт покупки для офлайн- и онлайн-клиентов.
Автоматизировать ручные операции бизнеса.
Прийти к концепции мультиканальности, на едином бэкенде развернуть множество фронтендов: сайт, мобильное приложение, в перспективе — обеспечить техническую возможность создания вертикальных тематических маркетплейсов (например, маркетплейс товаров для лыжников).
Сохранить позиции в выдаче при переработке сайта (SEO).
Выстроить эффективную систему IT-сопровождения бизнеса.
Работы по проекту шли параллельно развитию текущего бизнеса, таким образом, важным было не просто сохранить текущие бизнес-показатели компании при «переезде» на новые технологические решения, но и улучшить их.
Интеграция команд
«Меня очень порадовало вовлечение наших партнеров из Decathlon: у нас было по 5-6 встреч в день, участвовало руководство из Франции и России. Это помогло реализовать проект такого уровня сложности», — Оксана Скобелева, Руководитель проектной группы, Aero.
Команда Decathlon, помимо технической экспертизы, привнесла понимание тонкостей бизнеса и потребностей конечных пользователей. Мы полностью перешли на Agile, теперь обе команды работали по одной методологии. Так мы сделали главное — поменяли майндсет сотрудников, стерли деление на своих и чужих, а также сформировали полностью укомплектованные команды аналитики, разработки и QA. Таким образом нам вместе удалось усилить друг друга и добиться поставленной цели.
«Сначала наша команда выступала как заказчик с функцией ментора: мы проводили code review и code acceptance, писали замечания и пожелания. Но со временем мы поняли, что этого мало и такой подход недостаточно гибкий. В итоге у нас получилось объединить команды так, что совершенно не чувствовалась граница — мы заказчики, вы исполнители. Мы работали и продолжаем работать как единая команда», —Сергей Лобанов, iCTO / Webstudio Development Team Leader в Decathlon.
Одним из крупных проектов стала работа над перепроектированием покупательского опыта в онлайне.
UX/UI. Новый интернет-магазин Decathlon
В Aero предпроектной подготовкой всегда занимается команда продуктовых и data- аналитиков.Data-аналитики отвечают за количественную сторону: в их инструментарии BI-системы, системы веб-аналитики, GTM, данные с кассовых аппаратов, показатели email-рассылок. После того, как массивы данных обработаны и найдены закономерности — данные попадают продактам.
Продакты занимаются проработкой гипотез и проведением качественных исследований: в их распоряжении глубинные интервью, кастдевы, CJM, фокус-группы и тесты UX-гипотезы с помощью специализированных сервисов.
При работе над магазином Decathlon мы провели исследования обоих типов, в том числе опросы респондентов из разных целевых сегментов клиента. После глубинных интервью мы проводили UX-тест: давали респондентам задания, которые соответствуют их обычному поведению на сайте, исходя из их потребностей. Например, тем, кто увлекается сноубордом, предлагали поискать элементы экипировки. Для проведения UX-теста все респонденты делились на 2 группы: половина тестировала десктопную версию сайта Decathlon, половина — мобильную.
Через исследования мы пришли к списку проблем, от которых нужно было избавиться на новой версии интернет-магазина. Их было около 50, в том числе:
нерелевантные товары в выдаче;
неудобная структура карточки товара;
сложная форма регистрации;
Разработать с нуля локальную PIM-систему.
медленный процесс оформления заказа;
проблемы при выборе пункта самовывоза.
Неполная выдача по релевантному запросу (например, по запросу «спальный» выдается всего 3 спальных мешка, по запросу «спальный мешок» и фильтру по соответствующему типу находится уже 18 мешков)
Аналитика старого сайта и результаты UX-исследования стали основой дизайн-концепции новой eCommerce-платформы. Работа над проектом только начиналась, но помочь покупателям хотелось еще до запуска. Поэтому мы передали все результаты UX-исследования Decathlon, чтобы они могли улучшить пользовательский опыт на существующем сайте.
Мы переработали витрину, опираясь на данные и результаты бенчмарков: дизайнер работал в связке с аналитиком, в его распоряжении были результаты анализа ближайших конкурентов.
На Decathlon мы, в числе прочих, решали задачу сплитования корзины — чтобы в будущем имплементировать ее на маркетплейс-модель.
Сплит корзины — это решение на стыке технологий и логистики, оно позволило доставлять покупателю товары из одной корзины по-отдельности. Это напрямую влияет на лояльность.
Еще один пример подобного решения — матрица доставки. Decathlon работает со многими курьерскими службами, но при этом у них всегда есть ограничения по расстоянию, габаритам, типу товаров. Плюс есть текущая загрузка — она постоянно меняется. Мы эффективно перенесли разработку Decathlon на российскую платформу — оно анализировало содержимое заказа, сопоставляло с геоданными пользователя и подбирало подходящие службы доставки.
Уже на готовом сайте мы реализовали систему сбора данных, настроили Google Analytics 360, адаптировали ее под сложный фронтенд. В случае с React простая установка кода не сработает, нужно учитывать специфику библиотеки.
Мы сделали полную разметку сайта и реализовали сбор всей доступной информации — чтобы специалисты компании могли понять все, что делает пользователь на сайте. Как посетители используют поиск, подсказки, как взаимодействуют с фильтрами, сколько страниц каталога просматривают, как ведут себя на любой странице.
Интеграция «Битрикса» и Symfony
Еще одна важная доработка — интеграция «1С-Битрикс» и Symfony. Фронтенд сайта был реализован как SPA (Single Page Application), нужно было создать вариацию Headless CMS для гибкого управления контентом — для этой задачи команда выбрала не самый обычный способ.
«Мы взяли от «Битрикса» админку, архитектуру и паттерны, чтобы не изобретать велосипед. «Битрикс» поместили в облако, обеспечили свободное горизонтальное масштабирование. Для интеграций выбрали Symfony — мы объединили этот фреймворк с «Битриксом» и использовали для написания REST API, логирования, кэширования, подключения composer пакетов и интеграций с Elasticsearch, DaData и внутренними системами. Для связки «Битрикса» и Symfony мы разработали архитектуру взаимодействия, реализовали и связали событийные модели, теперь эти два фреймворка гладко общаются между собой. Сейчас сайт работает стабильно и уверенно, обновляется и периодически добавляется новый функционал», — Сергей Лобанов, iCTO / Webstudio Development Team Leader в Decathlon.
Единая PIM-система для эффективной работы с данными каталога
PIM-система — это удобный интерфейс для работы с каталогом, который автоматически забирает все данные из разных источников, нормализует их и представляет в удобном для работы виде.
В PIM хранится и корректируется вся необходимая информация о товаре и оттуда попадает в каталог интернет-магазина, в мобильное приложение или на маркетплейс. У каждого канала продаж свои требования и ограничения, касающиеся контента — в PIM хранятся данные для каждой площадки, плюс часть работы PIM выполняет автоматически, например, делает ресайзы изображений из исходников.
Ни один готовый вариант не подходил Decathlon на 100%. Поэтому компания приняла решение разработать собственный сервис, который покрывал бы все технические и бизнес-требования. Чтобы интегрироваться в экосистему других сервисов, он должен был быть разработана на Java.
Все данные о товарах, которые попадают в PIM, проходят автоматическую и ручную проверку. К примеру, система проверяет, заполнены ли все поля. Когда информация о товаре заполнена на 70%, она поступает в мастер-каталог.
Как выглядит один из рабочих интерфейсов PIM-системы
Какие возможности PIM-системы Decathlon стоит отметить:
У компании появилась возможность гибко управлять атрибутами на уровне продуктовых категорий.
Возможность корректировки дерева каталога, созданного в головном офисе.
Сокращение ручной работы команды за счет функций массовой загрузки полей атрибутов.
Мультиченнел: независимые каталоги на сайте и в мобильном приложении, управляемые из единой системы.
медленный процесс оформления заказа;
проблемы при выборе пункта самовывоза.
Результаты
75 человек работают как единая команда уже 2 года. Мы провели много интеграций и продолжаем развивать проект вместе с Decathlon. Достижения проекта, которые отмечает клиент:
Реализована и запущена eсommerce-платформа с новым дизайном и PIM-системой.
Конверсия на сайте выросла на 30%.
Уменьшилось количество ошибок в продуктовой информации на 75%.
Сократилась ручная работа сотрудников по управлению продуктовой информацией на 80%.
Российский офис получил больше технической автономии.
Удалось настроить продуктивную параллельную работу нескольких команд, отвечающих за свои направления: интернет-магазин, PIM, мобильное приложение, работа с данными, заказами.
Многосторонняя коммуникация с рядом партнеров: инфобезопасность, французские коллеги, партнеры по локальным коробочным решениям (Mindbox, DaData).
Мы подбираем индивидуальные условия и схемы работы под конкретный проект, продукт и набор ИТ-систем.
Расскажите о целях, задачах, сроках и бюджете вашего проекта как можно подробнее. Это поможет нам лучше вникнуть и сделать вам предложение намного быстрее.
Физическое лицо, оставляя заявку на веб-сайте www.aeroidea.ru
через форму «Обсудим ваш проект» и форму подписки на e-mail рассылку, действуя свободно, своей волей и в своем интересе,
а также подтверждая свою дееспособность, предоставляет свое согласие на обработку персональных данных
(далее — Согласие) Обществу с ограниченной ответственностью «АЭРОКОМ» (ООО «АЭРОКОМ»)
(ИНН 9705136776, info@aeroidea.ru, +7(495)120-12-38, +7 968 900-23-45),
которому принадлежит веб-сайт www.aeroidea.ru
и которое зарегистрировано по адресу 111024, г. Москва, вн.тер.г.муниципальный округ Лефортово, ул. Авиамоторная, д.50, стр.2, этаж 2, помещ.XI, комната 25, офис А79,
на обработку своих персональных данных со следующими условиями:
Данное Согласие дается на обработку персональных данных, как без использования средств автоматизации, так и с их использованием.
Согласие дается на обработку следующих моих персональных данных: персональные данные, не относящиеся к специальной категории персональных данных или к биометрическим персональным данным: адрес электронной почты (e-mail); имя; сведения о месте работы; номер мобильного телефона.
Цель обработки персональных данных: обсуждение возможного проекта.
В ходе обработки с персональными данными будут совершены следующие действия: сбор; запись; систематизация; накопление; хранение; уточнение (обновление, изменение); извлечение; использование; передача (предоставление, доступ); блокирование; удаление; уничтожение.
Третьи лица, обрабатывающие персональные данные по поручению ООО "Аэроком” для указанной в согласии цели:
АО "АМОЦРМ", 21205, г. Москва, вн.тер.г. Муниципальный Округ Можайский, Тер Сколково Инновационного Центра, б-р Большой, д. 42 стр. 1
ООО "Яндекс", 119021, г. Москва, ул. Льва Толстого, д. 16
Персональные данные обрабатываются в течение 30 дней с момента отказа в дальнейшем обсуждении проекта или с момента принятия решения о заключении договора на проект в соответствии с ч. 4 ст. 21 152-ФЗ, смотря что произойдет раньше.
Согласие может быть отозвано вами или вашим представителем путем направления ООО "Аэроком” письменного заявления или электронного заявления, подписанного согласно законодательству Российской Федерации в области электронной подписи, по адресу, указанному в начале Согласия.
В случае отзыва вами или вашим представителем Согласия ООО "Аэроком” вправе продолжить обработку персональных данных без него при наличии оснований, указанных в пунктах 2 — 11 части 1 статьи 6, части 2 статьи 10 и части 2 статьи 11 Федерального закона № 152-ФЗ «О персональных данных» от 27.07.2006 г.
Настоящее согласие действует все время до момента прекращения обработки персональных данных, указанных в п. 6 и п. 7 Согласия.
eCommerce стикеры №1
Мы нарисовали первый eCommerce стикерпак, чтобы вам было еще проще обмениваться своими эмоциями!
