Кейс «Детский мир»: как грамотно перенести интернет-магазин в смартфон и оправдать ожидания миллионов пользователей

Крупнейший российский ритейлер детских товаров "Детский мир" получил современное мобильное приложение, в котором совмещены программа лояльности и полноценный интернет-магазин. Созданием приложения занимались специалисты 65apps. В ходе проекта разработчики применили ряд нестандартных, но отлично работающих решений, предусмотрели нюансы для взрывного роста аудитории мобильного приложения и сформировали задел для будущих улучшений. Результаты не заставили себя ждать. Уже в первый месяц после запуска через приложение было сделано более 100 000 покупок, а спустя три месяца приложение преодолело рубеж в 1,5 млн установок.

«Берясь за проект, мы хотели приложить руки и головы к созданию лучшего в мире e-comm приложения. Чего бы это ни стоило», - СЕО 65apps Дмитрий Желнин.

Чем крупнее ритейлер, тем сложнее разработать хорошее мобильное приложение для его интернет-магазина. Так было и в случае с сетью «Детский мир»: сложный ИТ-ландшафт, большое разнообразие связанных систем и распределенная ответственность между микросервисами — все это требовалось соединить, чтобы создать единую точку входа для мобильного приложения. Главной задачей компании 65apps было создать действительно удобный и функциональный инструмент для совершения покупок и оправдать ожидания миллионов клиентов.

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

Этап #1: Программа лояльности

В 2018 году специалисты 65apps разработали приложение с системой лояльности и личным кабинетом пользователя. Оно решило больную проблему: огромные расходы на СМС.

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

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

Клиенты «Детского мира» получили возможность не пропускать скидки и получать персональные предложения. А «Детский мир» сократил расходы на СМС-рассылки, получил новый канал для активации клиентов без дополнительных затрат, решил задачу по антифроду пользовательских бонусов и индивидуализировал отношения со своими покупателями. Как DevOps-сервис помогает «разгрузить» высоконагруженные системы BPMSoft 2.2 т

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

Этап #2: Интернет-магазин

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

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

В 65apps приняли решение работать без тестовой среды — сразу с «боевым» API интернет-магазина, чтобы быстро получить доступ к единому, уже сформированному контенту. С одной стороны, это позволило значительно сэкономить бюджет и сократить сроки на разработку отдельного бэкенда для мобильного приложения. Но с другой стороны — API приходилось дорабатывать «на лету» под выявляемые нюансы, а вслед за этим дорабатывать и мобильное приложение.

Проект имеет свои особенности. Например, у «Детского мира» свой, уникальный подход к дизайну. Интерфейс приложений для iOS и Android максимально похож и проработан до мелочей. Отдельная фишка — кастомная анимация при нажатии кнопок. Конечно, такой подход требует серьезных ресурсов при разработке и тестировании. Мы не раз меняли и дорабатывали дизайн под выявляемые нюансы. Но результат получился превосходным — приятный, позитивный дизайн, которые не оставит пользователя равнодушным. Разработчики «Детского мира» в тесном контакте с нашими специалистами сумели решить все возникающие вопросы и создать удобное функциональное приложение для покупателей, - рассказал Алексей Баранов, менеджер проектов 65apps.

Интеграции: как это было

Интернет-магазин «Детский мир», помимо собственных IT-решений, использует и сторонние сервисы для автоматизации ряда задач.

Фактически, у мобильного приложения «Детского мира» три бэкенда. Это нестандартное решение, но в данном случае оно отлично работает.

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

Второй бэкенд — это API для интеграции с решениями компании «Центр финансовых технологий» (ЦФТ), которая поддерживает программу лояльности «Детского мира». Разработчики 65apps реализовали эту часть еще на первом этапе, когда разработали электронную систему лояльности. Эта интеграция отвечает за создание бонусных карт, авторизацию по ним, баланс бонусов, отображение QR-кода, хранение регистрационных данных. В новом мобильном приложении она получила развитие. Теперь в приложении есть проверка и предупреждение о необходимости обновления. А еще все текстовые ресурсы переехали на бэкенд — это дало возможность отделу маркетинга экспериментировать с дизайном без привлечения разработчиков и перепубликации приложения.

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

Надежность и отказоустойчивость

По предварительным расчетам, аудитория мобильного приложения должна была расти в 5-10 раз быстрее, чем число пользователей сайта, где фиксируется до 50 000 одновременных посещений. И в 65apps были к этому готовы.

Для оптимизации нагрузки на бэкенд была заранее предусмотрена архитектура распределенных серверов и использовано кэширование запросов пользователей.

Веб-версия интернет-магазина способна выдерживать до 50 000 клиентов одновременно. В мобильном приложении нагрузка ожидалась сопоставимой, поэтому в разрабатываемом решении нам пришлось предусмотреть нюансы как в архитектуре, которую проектировала команда «Детского мира», так и в нативных приложениях, которые разрабатывали 65apps, - отметил Микаэл Гелецян, продакт-менеджер цифрового «Детского мира».

Результаты и планы

Уже в первом релизе — это крутой полноценный интернет-магазин, который не уступает функциональности на сайте.

Детально проработан поиск товаров с различными фильтрами: по наличию в магазине, полу и возрасту ребенка, бренду, категориям, акциям. Это трудоемкая работа, ее непросто реализовать и в бэкенде, и в мобильном приложении. Поэтому сейчас не в каждом мобильном интернет-магазине есть такая возможность — и приложение «Детского мира» по качеству проработки сильно выделяется среди конкурентов.

Это сказывается на результатах: приложение было запущено в декабре, и в первые недели его установили сразу 600 000 покупателей. Сезонный январский спад не повлиял на рост аудитории: в декабре доля покупок в приложении составляла 4% от всех онлайн-заказов, а в январе — уже 15%.

Уже за первый месяц через приложение было сделано более 100 000 покупок, за январь это число увеличилось в несколько раз и стремительно растет.

Все задачи, запланированные на данном этапе работы, мы полностью реализовали. На ближайшее будущее мы уже сформировали пул работ по совершенствованию мобильных приложений. Наше сотрудничество с «Детским миром» продолжается — заказчик постоянно работает над развитием своих решений. Команда «Детского мира» будет развивать IT-инфраструктуру, улучшать отдельные элементы интернет-магазина. И вместе с этими улучшениями будет меняться функциональность мобильного приложения, - рассказал Алексей Баранов, менеджер проектов 65apps.

Мобильное приложение по функциональности догоняет сайт. Теперь, когда мы развиваем интернет-магазин «Детского мира», мы одновременно вносим изменения и на сайт, и в мобильное приложение. Ближайшим шагом станет новая корзина на сайте — ее же мы повторим в мобильном приложении в виде нативных экранов, - добавил Микаэл Гелецян, продакт-менеджер цифрового «Детского мира».

Статистика проекта

В первый месяц:

• 600 000 установок приложения
• 100 000 оформленных заказов
• 4% доля в онлайн-продажах

Спустя 3 месяца:

• 175 000 пользователей в день
• 866 000 активных пользователей за месяц
• 1,5+ млн установок (на iOS и Android)