ラグジュアリー 化粧品ブランドの Lancôme は、トラフィックと再エンゲージメントを促進するために、Mobify でプログレッシブ ウェブアプリ（PWA）をリリースし、モバイルウェブでのアプリのような高速エクスペリエンスを提供しました。
- コンバージョン数が 17% 増加
- iOS のモバイル セッションが 53% 増加
- プッシュ通知により、カートを復元した際のコンバージョン率が 8% 増加
課題
Lancôme では、2016 年に初めてモバイル トラフィックがパソコン トラフィックに影響を与えました。 モバイルサイトの訪問者は増えていますが、モバイルのコンバージョン率はパソコンのコンバージョン率とは一致していません。ショッピング カートの 38% がパソコンでの注文につながっていますが、モバイルウェブのコンバージョン率は 15% にとどまっています。この差異から、消費者がモバイルでの購入において、大きな障害に直面していたことがわかります。モバイルウェブが重点分野の中心となるにつれ、Lancôme は、モバイルウェブの買い物客に魅力的でスピーディーな体験を提供することに苦労していました。
そのようなアプリを構築すればいいのでは？
Lancôme は当初、モバイル用の e コマースアプリの作成を検討しましたが、定期的にアクセスする顧客にしか適していないと判断しました。同社は、Lancôme のモバイルサイトを利用する買い物客の行動が異なり、e コマースアプリを利用する頻度は毎日だけでなく、週に 1 回程度に留まることも理解していました。Lancôme は、自社のすべてのデバイスで適切なユーザー エクスペリエンス（UX）を構築したいと考えていました。同社は、ネイティブ アプリで実現できるものと同様の、読み込みが速く、魅力的な emobile エクスペリエンスを必要としていましたが、モバイルウェブを介して誰もが見つけてアクセスできるようなものにしたのです。
解決策
Lancôme は、基盤となるサイトを最小限の更新で更新するのではなく、PWA テクノロジーを活用して、アプリと同様の没入感のあるエクスペリエンスを提供することにしました。Service Worker を活用することで、不安定なネットワークで信頼性の高いパフォーマンスを実現し、再アプローチのためのプッシュ通知を運用しました。同社の最高水準の PWA は、ウェブページの品質向上を目的とした自動ツール、Lighthouse で 94/100 のパフォーマンス スコアを達成しています。
新しい PWA を使用することで、ページが操作可能になるまでの時間が以前のモバイル エクスペリエンスと比較して 84% 短縮され、それに対応して直帰率が 15% 低下しました。Lancôme では、モバイル セッションが 50% 以上、コンバージョン数が 17% 増加しました。この新しい戦略により、プラットフォーム間でユーザー エクスペリエンスが大幅に向上しました。Lancôme にとって、iOS は非常に重要です。PWA にアクセスしたユーザーの 65% は iPhone です。Lancôme では、新しい PWA により、iPhone ユーザーのセッション継続時間が 53% 増加し、直帰率は 10% 低下しました（ただし、[ホーム画面に追加] メニュー項目、プッシュ通知、オフライン キャッシュは、iOS で Service Worker の PWA がサポートされなかったためです）。
Lancôme のエンゲージメント率の向上は、新しいサイトでのダウンロード速度の向上とユーザー インターフェースの改善によるものです。また、（Service Worker をサポートする）Android デバイスでは、プッシュ通知などのリエンゲージメント テクノロジーも活用しました。これはユーザーに利用されるようになり、2016 年 10 月にサイトをリリースして以来、18,000 人以上の買い物客がアラートに登録しています。通知はネイティブ アプリの場合と同じように見え、ブラウザが実行されていなくても受信します。Lancôme は、限定プロモーションや商品の発売に関するアラートを月に 4 ～ 5 件送信します。プッシュ通知をタップした消費者の 8% が購入を行っています。これは、パソコン向けウェブサイトのコンバージョン率をはるかに上回っています。また、プッシュ通知を活用して、カートを放棄した買い物客に再び働きかけることもできました。この新しい戦略により、モバイルでの閲覧率は 18% に達し、放棄されたカートのコンバージョン率は 8% 増加しました。
全体として、PWA は大成功を収め、この大手美容企業がモバイルウェブの分野に進出するのを後押ししました。
結果
全体
- ページがインタラクティブになるまでの時間が 84% 短縮
- コンバージョン数が 17% 増加
- 直帰率が 15% 減少
- モバイル セッションが 51% 増加
iOS
- iOS のモバイル セッションが 53% 増加
- iOS の直帰率が 10% 減少
プッシュ
- プッシュ通知をタップした消費者の 8% が購入に至る
- プッシュ通知からの開封率 18%
- プッシュ通知により、カートを復元した際のコンバージョン率が 12% 増加