Blibli の PWA により、ユーザーあたりの収益が従来のモバイルサイトの 10 倍に増加

Blibli では、直帰率を 42% 削減し、モバイル コンバージョン率を 8 倍に高め、セッションあたりの閲覧ページ数を 2.5 倍に増やしました。

Collin Dion Agata
Collin Dion Agata
Swetha Gopalakrishnan
Swetha Gopalakrishnan

Blibli は、インドネシアで有名な e コマース マーケットプレイスです。2019 年の同社のウェブサイトへのアクセス数は、月間平均 2,900 万回を超えています。最近の調査で、Blibli のウェブチームは、訪問者とユーザー獲得のための重要なプラットフォームであり、ウェブユーザーの 70% がモバイル、ウェブユーザーの 30% がパソコンを使用していることが判明しました。

そこで Blibli は、ウェブ エクスペリエンスの改善とコンバージョン数の増加に着手しました。その結果、いくつかの並外れた結果を得ることができました。

42%

直帰率の低下率

8 x

ブラウザ モバイルウェブと比較して、インストール済み PWA の mCVR が向上

2.5 x

インストール済みの PWA でのページ/セッションの増加

ビジネス チャンスの強調

Blibli は、次のような領域で改善の余地があることを確認しました。

  • Blibli では、多くのユーザーが中規模から低価格のデバイスでユーザーを獲得するうえで、モバイルウェブ プラットフォームが重要でした。
  • インドネシアのインターネット経済は ティア 1 の都市を超えて急速に拡大していました。そのため、PWA と高速ページは、限られたストレージや低速のネットワークといったユーザーのニーズに対応するため、優れた投資でした。
  • Blibli ウェブ プラットフォームにアクセスするユーザーの 50% はリピーターです。

採用したアプローチ

同社のチームは、モバイルウェブ プラットフォームの短期~中期的な改善を段階的に行う戦略を採用しました。これには以下が含まれます。

  • パフォーマンスが最適化されたウェブサイト(UX が刷新されたホームページを含む)。
  • 新規ユーザー向けホームページのライト バージョン。Service Worker を使用して、以降のナビゲーションのために重要なアセットをキャッシュに保存します。
  • リピーター向けのプログレッシブ ウェブアプリ(PWA)。

ユーザーフロー

新しい訪問者には、以前のホームページと比較して 3 倍の速さで軽量なページが表示されます。

元のページより 3 倍高速になった軽量なページ。
元のページより 3 倍高速になった軽量なページ。

その後のページでは、ホーム画面に PWA のショートカットを追加するよう Blibli から求められます。

ホーム画面に追加するプロンプト。

ユーザーがネットワーク接続を失った場合は、わかりやすいオフライン フォールバック ページが表示されます。

重要なオフライン フォールバック ページ。
有効なオフライン フォールバック ページ。

Blibli の軽量版ページは、Blibli.com は高速で応答性が高いという第一印象を与えました。さらに、ライトページでは、Blibli の価値提案を提供する機能のみに焦点を当てることで、機能の数を簡素化しました。

合理化前後の読み込み時間の比較。

Blibli の PWA はインストール可能で、アプリのような外観になっています。また、Service Worker のキャッシュ保存と正常なオフライン フォールバックにより、高速で信頼性が確保されています。

オフライン フォールバック
オフライン フォールバック。

これは、ウェブユーザーの大半がミッドティア デバイスを使用しているユーザーにとっては喜ばしいことです。Blibli の PWA はサイズが 1 MB 未満(Android アプリの 24 分の 1 と軽量)であるため、ユーザーが簡単にインストールできます。また、Blibli は、アプリのようなシームレスなエクスペリエンスを提供しながら、ユーザーを維持することが容易になります。

パフォーマンス バジェットを設定する

Blibli は、技術開発と管理においてパフォーマンス バジェットをパフォーマンス基準とし、この基準を定期的に見直しました。これは社内の技術開発の KPI として設定されており、経営陣のガイダンスに従って、すべてのユーザーに最適なプラットフォームを確保します。

全体的なビジネス結果

  • ページの読み込み時間が 3 分の 1 に短縮。
  • 直帰率が 42% 減少。
  • インストール済み PWA のモバイル コンバージョン率は、ブラウザのモバイルウェブに比べて 8 倍
  • インストール済み PWA の場合、ページ数/セッション数が 2.5 倍
  • ユーザーあたりの収益が、以前のモバイルサイトと比べて 10 倍向上。

「速度と PWA は、最高のモバイル エクスペリエンスを提供し、ユーザーに最高のプラットフォームを提供するという私たちのミッションを表す貴重な投資でした。」- Blibli リード プロダクト マネージャー、Collin Dion Agata 氏

写真提供元: Cristian Escobar(Unsplash)