Возможность установки веб-приложения привела к увеличению трафика, удержанию посетителей, продажам на одного клиента и конверсиям.
Rakuten 24 — это интернет-магазин, предоставляемый Rakuten, одной из крупнейших компаний электронной коммерции в Японии. Он предлагает широкий выбор товаров повседневного спроса, включая продукты питания, лекарства, медицинские товары, кухонную утварь и многое другое. Основной целью команды в прошлом году было улучшение удержания и повторного вовлечения мобильных клиентов. Сделав свое веб-приложение доступным для установки , они увидели рост удержания посетителей на 450 % по сравнению с предыдущим мобильным веб-приложением за 1-месячный период.
Подчеркивая возможность
В своих усилиях по завоеванию доли рынка и улучшению пользовательского опыта Rakuten 24 определила следующие области возможностей:
- Будучи относительно новым сервисом, Rakuten 24 не имел возможности инвестировать время и деньги в разработку приложения для конкретной платформы как для iOS, так и для Android, и искал альтернативный, эффективный способ восполнить этот пробел.
- Поскольку Rakuten-Ichiba (рынок электронной коммерции Rakuten) является крупнейшим сервисом в Японии, многие считают, что Rakuten 24 — это продавец в Ракутен-Ичиба. В результате они признали необходимость инвестировать в узнаваемость бренда и стимулировать удержание пользователей.
Инструменты, которые они использовали
Возможность установки
Чтобы воспользоваться двумя указанными выше возможностями, Rakuten 24 решила постепенно создавать функции Progressive Web App (PWA), начиная с возможности установки . Внедрение возможности установки привело к увеличению трафика, удержанию посетителей, продажам на одного клиента и конверсиям.
beforeinstallprompt
Чтобы добиться большей гибкости и контроля над поведением диалога установки, команда внедрила собственное приглашение на установку, используя событие beforeinstallprompt
. При этом они смогли определить, установлено ли приложение уже на Android или iOS, и предоставить своим пользователям более значимый и актуальный опыт.
Инструкции по индивидуальной установке
Для пользователей, которые не смогли установить PWA с баннера, они создали специальное руководство (ссылка на баннер) с инструкциями по установке PWA вручную на устройствах Android и iOS.
![Скриншоты инструкции по выборочной установке.](https://web.dev/static/case-studies/rakuten-24/image/screenshots-the-custom-i-b01425f726ccd.png?authuser=5&hl=ru)
Рабочий ящик для сервисных работников
Команда Rakuten 24 использовала Workbox (точнее, плагин workbox-webpack-plugin ), чтобы обеспечить хорошую работу PWA, даже когда пользователь находился в автономном режиме или в плохой сети. API-интерфейсы Workbox для управления кешем работали значительно лучше, чем предыдущий собственный скрипт Rakuten 24. Более того, с помощью плагина workbox-webpack-plugin (и Babel) удалось автоматизировать процесс поддержки более широкого спектра браузеров. Для дальнейшего повышения устойчивости сети они реализовали стратегию кэширования для своих ресурсов CSS и JS и использовали устаревшие при повторной проверке изображения, которые не меняются часто.
Общие результаты бизнеса
Благодаря возможности установки Rakuten 24 смог увеличить частоту посещений на одного пользователя на 310 % по сравнению с остальными веб-пользователями. Также наблюдался рост удержания посетителей на 450 % (по сравнению с предыдущим мобильным веб-потоком), рост продаж на одного клиента на 150 % и коэффициент конверсии на 200 %. Все улучшения наблюдались в течение 1 месяца.
![Увеличение частоты посещений на одного пользователя на 310%. Увеличение коэффициента удержания посетителей на 450%. Увеличение продаж на одного клиента на 150%. Увеличение коэффициента конверсии на 200%.](https://web.dev/static/case-studies/rakuten-24/image/310-increase-visit-freq-335fa9556e79f.png?authuser=5&hl=ru)
Другие способы улучшения бизнеса благодаря возможности установки
- Узнаваемость бренда: поскольку пользователи могут напрямую получить доступ к Rakuten 24 со своего домашнего экрана, это помогло как пользователям, так и Rakuten отделить Rakuten 24 от Rakuten-Ichiba.
- Эффективность: Rakuten 24 смог добиться таких результатов, не тратя много времени и денег на создание приложений для конкретных платформ для iOS и Android.
Наша миссия — внести свой вклад в жизнь общества, создавая ценность посредством инноваций и предпринимательства. Шагом к достижению этой цели стало улучшение качества обслуживания клиентов Rakuten 24 за счет внедрения A2HS. В ближайшем будущем мы также планируем расширить взаимодействие с PWA и предложение клиентам, разработав push-уведомления с использованием Web Push API.
Масаси Ватанабэ, генеральный директор отдела группового маркетинга Rakuten Inc.
Посетите страницу масштаба онлайн-кейсов, чтобы узнать больше историй успеха из Индии и Азии.