< о проекте >

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

В этом кейсе разбираем, с какими техническими проблемами мы столкнулись и что придумали для оптимизации процессов. Как результат — на сайте выросла конверсия заказов и увеличился средний чек более чем на 100%.

< старт работ >

Год назад косметологическая компания Mirra находилась в поисках команды по разработке it-решений. Запрос был следующий — поддержка интернет-магазина. Это один из каналов продаж компании, в которой насчитывается больше 100 000 дистрибьюторов. Свыше 100 пользователей каждый день делают оптовые покупки на сайте, поэтому от его ежедневной корректной работы и удобства зависит объем продаж. Поиск команды для разработки привел представителей Mirra к нам.

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

Еще в 2009 году наша команда веб-разработки специализировалась исключительно на поддержке сайтов на 1c-bitrix. Со временем мы расширили набор компетенций. С 2014 большую часть проектов составляла кастомная разработка, к 2016 году мы разработали и активно поддерживали 5 интернет-магазинов сетей питания. Но по-прежнему оставались инструменты, опыта работы с которыми было у нас не так много.

Интернет-магазин Mirra оказался именно таким редким случаем. Сайт компании базируется на Magento-2 — системе для создания и управления интернет-магазинами от Adobe. По нашему субъективному мнению, хоть эта система часто воспринимается как аналог битрикс, в России она остается одной из самых непопулярных cms. Согласно рейтингу Рунета в СНГ лишь 5 агентств к 2024 году разработали более 3 интернет-магазинов на Magento CMS. В то же время сделать сайт на bitrix могут свыше 200 компаний.

Разница заметна и в количестве сайтов в рунете: 11250 интернет-магазинов работают на 1c-bitrix, тогда как на Magento Commerce приходится всего 176. Цифры показывают, что в рунете Adobe Magento-2 остается редким решением.

До обращения компании Mirra наш опыт работы с Magento-2 был небольшим. Мы вели всего 2 проекта такого плана и чувствовали, что проект потребует глубокого погружения в теорию — нужно было восполнить недостающие знания. Для сравнения: наше портфолио включает 32 успешных кейса по разработке и поддержке сайтов на битрикс и 0 интернет-магазинов на Magento-2.

Magento Commerce — не наш профиль. К тому же, мы раньше не брали такие проекты на outsource. Но представители Mirra были готовы сотрудничать. Так мы впервые предоставили выделенную команду разработки продукта на Magento CMS.

< в чем разница? >

Битрикс vs Magento: в чем отличия

Magento 2 и 1C Bitrix: Управление сайтом — это платформы для создания интернет-магазинов, но каждая со своими особенностями. Magento 2 представляет собой международное open-source решение. Его используют в крупных и средних e-commerce проектах по всему миру. 1C Bitrix — российская коммерческая CMS, которую широко применяют для создания и разработки сайтов и интернет-магазинов в СНГ.

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

1C Bitrix — коммерческий продукт с закрытым кодом, развитие которого контролирует компания-разработчик. Кастомизировать систему можно с помощью виджетов — инструментов для настройки интерфейса или добавления нужных функций. Они сохраняют стабильность CMS и дают возможность получать официальные обновления.

Magento 2 — open-source решение, активно развиваемое сообществом разработчиков по всему миру.

Базовая архитектура 1C Bitrix относительно проста, но обилие встроенных решений и уникальная логика работы могут усложнять поддержку и кастомизацию.

Magento CMS следует строгим принципам объектно-ориентированного программирования, что помогает создавать гибкий, удобочитаемый и расширяемый код. Но он сложнее в освоении.

1C-Bitrix ориентирован на российский рынок, поэтому его поддержка, документация и обучающие материалы доступны на русском языке. Код ядра Bitrix закрыт, но платформа поддерживает расширения через API и модули, которые могут разрабатывать сторонние компании.

Magento 2 развивается международным сообществом, для него доступно больше плагинов, решений и интеграций, которые разрабатывают специалисты по всему миру. Основная документация — на английском.

1C Bitrix использует собственную архитектуру, которая сочетает простоту и сложные внутренние механизмы. В системе присутствуют устаревшие решения, которые могут усложнять разработку, а документация не всегда охватывает все нюансы.

Magento-2 использует компоненты Symfony, Laminas и другие популярные библиотеки, обеспечивающие гибкость и модульность системы.

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

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

Андрей Назариков

php-разработчик WPP.DIGITAL

На исходную: с чем предстояло работать

Mirra — компания с собственным производством и научной лабораторией. Бренд присутствует на рынке 28 лет. У компании насчитывается более 200 оффлайн-магазинов, которые расположены как в России, так и за рубежом — в Чехии, Словакии, Японии, Белоруссии, Казахстане, Армении, Кыргызстане и Узбекистане.

Интернет-магазин косметики Мирра — b2b- и b2c-площадка, основные покупатели которой — дистрибьюторы. Для онлайн-заказа через mirra.ru доступно свыше 300 позиций. Это косметика, биологически-активные добавки, парфюмерия.

К моменту, когда разработкой и проектированием интернет-магазина занялась наша команда разработки, сайт давно работал. На протяжении 5 лет за функционал площадки отвечал внутренний IT-отдел и сторонний российский подрядчик. На mirra.ru можно было зарегистрироваться, сформировать корзину и оформить заказ.

Разработкой в сфере e-commerce я плотно занимался около 3 лет. Был и опыт с Magento Commerce. Поэтому у меня было общее понимание работы платформы. За полгода наша команда веб разработки закрыла порядка 300 задач. Причем большая часть из них касалась критических ошибок, которые затрудняли работу с сайтом

Андрей Назариков

php-разработчик WPP.DIGITAL

Совершенствуем программу лояльности

Заказы дистрибьюторов через сайт mirra.ru формируют 30-40% дохода от всех продаж. Это ключевые клиенты компании, для которых важно быстрое и удобное оформление заказов онлайн. Простота покупки напрямую влияет на их активность и лояльность.

Бизнес компании строится по MLM-модели, где каждый дистрибьютор — не просто покупатель, а полноценный партнер. Его доход зависит не только от личных заказов, но и от активности всей команды, которую ему удалось сформировать. Чем больше заказов, тем выгоднее условия закупки: цена на продукцию снижается, а заработок растет. Выгодно становится всем.

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

< проблема >

Задача №1 — нормализовать учет скидок

Mirra привлекала новых дистрибьюторов с помощью персонального промокода: новичок получал 10% скидку на первый заказ, а его наставник — 20% бонуса. Хотя новый участник закреплялся за наставником в базе данных, система не фиксировала скидку.

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

Андрей Назариков

php-разработчик WPP.DIGITAL

< проблема >

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

Итоговая выплата рассчитывается ежемесячно. Размер выплаты зависит как от личных накоплений дистрибьютора, так и от активности всей сетевой группы, то есть других участников, которых наставник привлек к работе с mirra.ru. Если у кого-то из участников группы не хватает баллов для выполнения плана, его коллеги могут с ним поделиться — передать баллы через личный кабинет. В результате доход увеличится у всей команды.

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

Ян Грин

генеральный директор Mirra

Команда разработки WPP.DIGITAL исправила и автоматизировала процесс. Система начисления баллов стала прозрачной для пользователей. А IT-отдел компании избавился от ежемесячной рутинной работы.

Упрощаем оплату

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

< решение задачи >

Шаг 1

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

Подключить новую платежную систему обычно довольно просто, но в данном случае процесс усложнился из-за большого количества интеграций. В решении для магазина mirra.ru насчитывается больше 5 интеграций. Они напрямую влияют на работу сайта, взаимодействуя с внешними сервисами. Изменения в каждой требуют синхронного обновления на стороне Adobe Magento, иначе есть риск сбоя.

При обработке заказов на сайте все данные об оплате, сборке, передаче в доставку сперва отправляются в Magento Commerce, а только потом — в систему ЮKassa

Виктория Добаринова

QA-инженер WPP.DIGITAL

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

< решение задачи >

После подключения ЮKassa наша команда разработки начала интеграцию сервиса «Плати частями». Этот инструмент позволяет разбивать сумму покупки на несколько платежей. Удобно для дистрибьюторов, которые оформляют крупный опт.

Сайт mirra.ru изначально не поддерживал одновременную работу двух платежных сервисов. Поэтому, чтобы ЮKassa и «Плати частями» работали параллельно, пришлось адаптировать имеющиеся плагины.
Затем обнаружилась проблема при фискализации платежей. Если в тестовом режиме все работало корректно, то в реальных условиях чеки не доходили до кассовых сервисов.

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

Андрей Назариков

php-разработчик WPP.DIGITAL

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

После запуска сервиса средний чек вырос с 2–3 тысяч рублей при полной оплате до 6–7 тысяч, а в некоторых случаях — до 14–20 тысяч рублей. Уже через 2 месяца после внедрения около 10% всех заказов оформлялись через “Плати частями”

Александр Трифонов

руководитель IT-отдела Mirra

Теперь к доставке

Интернет-магазин косметики Мирра предлагает клиентам несколько вариантов доставки:

• привезти товар курьером;
• отправить через Почту России;
• выдать заказ в пунктах СДЭК и 5Post;
• забрать самому из офлайн-магазинов сети.

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

Мы выяснили, что при смене способа доставки сайт mirra.ru отображал изменения, но в системе оставался первоначальный вариант. Покупателю приходилось собирать заказ заново. Сейчас эту ошибку исправили — способ доставки можно менять без пересоздания заказа.

Ставим цели на будущее

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

Проект ждет множество перемен. Улучшая удобство и простоту покупок, мы делаем процесс выбора косметики по-настоящему приятным и комфортным. Наша задача — сделать так, чтобы клиенты хотели возвращаться к Mirra снова и снова

Василий Гребенников

директор WPP.DIGITAL

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

наши планы на ближайший год

На сайте Mirra планируются и другие обновления, которые улучшат удобство покупок, персонализацию.

• Раздел с профессиональной косметикой

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

• Онлайн-консультации по фотографии

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

• Чат-бот для ответов в реальном времени

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

• Видео-библиотека о здоровье

Mirra активно сотрудничает с экспертами в области косметологии и медицины, а на YouTube-канале компании уже есть вебинары о здоровье кожи, волос и всего организма в целом. Мы добавим эти материалы на сайт, чтобы клиентам было проще разобраться в правильном уходе и подобрать нужные продукты;

• Система рейтинга товаров

Внедрим систему, которая позволит пользователям сортировать товары по рейтингу, популярности и другим критериям. Покупателям будет легче ориентироваться в ассортименте и выбирать подходящие средства;

• Интерактивные элементы для вовлечения клиентов

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

Когда нам была нужна команда разработчиков, мы обратились к wpp.digital и ни разу не пожалели. Наше сотрудничество приносит только положительные впечатления

руководитель IT-отдела Mirra

Александр Трифонов

< команда >

над проектом работали

Андрей Назариков

Антон Седов

Василий Гребенников

Виктория Добаринова

< еще материалы >

рекомендуем посмотреть

«Экспресс Меню» — это сервис доставки готовых блюд от поваров Азбуки Вкуса. Проект на тысячи часов, крутой командой и огромным потенциалом. Сайт, мобильные приложения, API

+1

Тестирование

Разработка

Анализ

Клиент хотел улучшить пользовательский опыт на проекте. Решили стартовать с насущной проблемы — авторизации. Нужно было построить сервис единой авторизации

Тестирование

Разработка

+4

Проектирование