Lancôme перестраивает свой мобильный веб-сайт в PWA, увеличивая конверсию на 17 %

Ланком деталь

Чтобы стимулировать трафик и повторное вовлечение, бренд элитной косметики Lancôme запустил прогрессивное веб-приложение (PWA) с Mobify, чтобы обеспечить быстрый, похожий на приложение опыт работы в мобильном Интернете.

  • Увеличение конверсий на 17 %
  • Увеличение количества мобильных сессий на iOS на 53 %.
  • Увеличение коэффициента конверсии восстановленных корзин на 8% с помощью push-уведомлений

Испытание

В 2016 году Lancôme впервые увидел, что мобильный трафик затмил трафик с настольных компьютеров. Несмотря на растущее число посетителей мобильных сайтов, коэффициенты конверсии с мобильных устройств не соответствовали показателям с настольных компьютеров. В то время как 38% корзин покупок привели к заказам на настольных компьютерах, коэффициент конверсии в мобильном Интернете составил лишь 15%. Это неравенство показало, что потребители сталкиваются со значительными препятствиями при попытке совершить покупку с помощью мобильного телефона. Поскольку мобильный Интернет стал основным направлением деятельности, Lancôme изо всех сил старалась создать быстрый и привлекательный опыт для своих покупателей через мобильный Интернет.

Разве мы не можем просто создать для этого приложение?

Сначала Lancôme рассматривала возможность создания приложения электронной коммерции для мобильных устройств, но решила, что приложение имеет смысл только для клиентов, которые регулярно посещают магазин. Они поняли, что покупатели на мобильном сайте Lancôme ведут себя по-другому и не будут возвращаться в приложение электронной коммерции еженедельно, не говоря уже о ежедневном. Lancôme хотела создать правильный пользовательский интерфейс (UX) на всех своих устройствах. Компании требовалось быстро загружающееся и привлекательное мобильное приложение, похожее на то, чего они могли достичь с помощью собственного приложения, но при этом доступное каждому через мобильный Интернет.

Решение

Вместо того чтобы минимально обновлять свой основной сайт, Lancôme обратилась к технологиям PWA, чтобы обеспечить иммерсивный опыт работы с приложениями. Они воспользовались сервисными работниками, чтобы обеспечить надежную работу в нестабильных сетях и отправлять push-уведомления о повторном подключении. Их лучший в своем классе PWA получил оценку производительности 94/100 в Lighthouse, автоматизированном инструменте для улучшения качества веб-страниц.

Благодаря новому PWA время до того, как страница станет интерактивной, сократилось на 84 % по сравнению с предыдущим опытом на мобильных устройствах, а показатель отказов снизился на 15 %. В Lancôme число мобильных сессий выросло более чем на 50%, а конверсия выросла на 17%. Новая стратегия также обеспечила гораздо лучший пользовательский опыт на разных платформах. iOS чрезвычайно важна для Lancôme: 65% всех пользователей, использующих PWA, используют iPhone. Благодаря новому PWA компания Lancôme добилась увеличения продолжительности сеанса на 53 % и снижения показателя отказов на 10 % среди пользователей iPhone (несмотря на то, что пункт меню «Добавить на главный экран», push-уведомления и автономное кэширование были недоступны из-за отсутствия iOS). поддержка PWA сервисных работников).

Более высокий уровень вовлеченности Lancôme стал результатом увеличения скорости загрузки нового сайта и улучшений пользовательского интерфейса. На устройствах Android (которые поддерживают сервисных работников) Lancôme также воспользовалась такими технологиями повторного взаимодействия, как push-уведомления, которые стали очень популярны среди пользователей: с момента запуска сайта в октябре 2016 года на оповещения подписались более 18 000 покупателей. такие же, как и в собственных приложениях, и появляются, даже если браузер больше не работает. Lancôme рассылает четыре или пять оповещений в месяц об эксклюзивных акциях и выпусках продуктов. 8% потребителей, которые нажимают на push-уведомление, совершают покупку, что намного выше, чем коэффициент конверсии веб-сайта для ПК. Lancôme также добился больших успехов в использовании push-уведомлений для восстановления связи с покупателями, бросившими свои корзины. Новая стратегия обеспечила показатель открываемости на мобильных устройствах 18 %, а коэффициент конверсии брошенных корзин увеличился на 8 %.

В общем, PWA имел огромный успех, помогая гиганту индустрии красоты добиться больших успехов в мобильном Интернете.

Полученные результаты

Общий

  • Сокращение времени на 84 % до того, как страница станет интерактивной.
  • Увеличение конверсий на 17 %
  • Снижение показателя отказов на 15 %
  • Увеличение числа мобильных сессий на 51 %

iOS

  • Увеличение количества мобильных сессий на iOS на 53 %.
  • Снижение показателя отказов на 10 % на iOS

Толкать

  • 8% потребителей, которые нажимают на push-уведомление, совершают покупку
  • 18 % открытий благодаря push-уведомлениям
  • Увеличение коэффициента конверсии восстановленных корзин на 12 % с помощью push-уведомлений.