С целью увеличить трафик и повысить процент возвращения клиентов на сайт, бренд косметической косметики Lancôme запустил Progressive Web Apps (PWA) с канадской компанией Mobify. В результате, использование сайта бренда при заходе с мобильных устройств стало значительно более быстрым и удобным.

Что такое PWA

Впечатляющие результаты:

  • На 17% увеличение конверсий;
  • На 53% выросли мобильные сеансы на iOS;
  • На 15% упал процент отказов;
  • На 51% увеличилось числа мобильных сеансов;
  • На 53% увеличение мобильных сеансов на iOS;
  • На 10% снижение показателей отказов на iOS;
  • 18% показатель открытых push-уведомлений;
  • На 8% вырос коэффициента конверсии при возвращении к брошенным корзинам (благодаря применению рush-уведомлений).

Вызов

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

Разве не достаточно просто создать приложение?

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

Решение

Таким образом, компания Lancôme применила PWA вместо обычного приложения. Система service worker обеспечила надежную работу сайта при нестабильной Интернет-связи, а для повторного взаимодействия с клиентами применялись push-уведомления на устройствах Android (с октября 2016 года 18 тысяч клиентов бренда подписаны на push-рассылку).

Подключить push к сайту бесплатно

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

Также после установки PWA время загрузки сайта снизилось на 84%. Уровень отказов упал на 15%. Длительность мобильных сессий увеличилась на 50%, а конверсия – на 17%.

Кроме того, с PWA удалось сделать удобный пользовательский интерфейс для любых платформ. Поскольку почти 65% клиентов Lancôme используют iPhone, подключение платформы iOS имело огромное значение. Результаты для аудитории бренда на iPhone: плюс 53% к длительности сеансов, а также снижение уровня отказов на 10%.

Источник: https://developers.google.com/web/showcase/2017/lancome