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.5x

インストール済みの PWA でのページ数/セッション数が増える

商談の機会をアピールする

Blibli は、次の分野で改善の余地があることを特定しました。

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

使用したアプローチ

チームは、モバイルウェブ プラットフォームの短期から中期的な改善を段階的に進めるという戦略をとりました。これには以下が含まれます。

ユーザーフロー

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

以前のページの 3 倍の速度で読み込まれる軽量なページ。
従来のページより 3 倍高速になった軽量なページ。

次のページで、Blibli は PWA のショートカットをホーム画面に追加するようユーザーに求めます。

「ホーム画面に追加」プロンプト。

ユーザーがネットワーク接続を失った場合、エレガントなオフライン フォールバック ページが表示されます。

エレガントなオフライン フォールバック ページ。
エレガントなオフライン フォールバック ページ。

Blibli のライトページは、Blibli.com が高速でレスポンシブであるという第一印象を与えました。また、ライトページでは、Blibli の価値提案を提供する機能にのみ焦点を当てることで、機能の数を削減しました。

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

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

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

これは、大部分が中間層デバイスを使用しているウェブユーザーにとっては喜ばしいことです。Blibli の PWA のサイズは 1 MB 未満(Android アプリの 24 倍軽量)であるため、ユーザーがインストールする際の負担が大幅に軽減されます。また、アプリのようなシームレスなエクスペリエンスを提供しながら、ユーザーの維持を容易にします。

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

Blibli は、パフォーマンス予算をテクノロジー開発と管理におけるパフォーマンス基準とし、この基準を定期的にレビューしました。これは、すべてのユーザーにとって最適なプラットフォームを確保するために、経営幹部の指導のもと、社内技術開発の KPI として設定されています。

ビジネス全体の成果

  • ページ読み込み時間が 3 倍速くなります。
  • 直帰率が 42% 減少。
  • インストール済み PWA のモバイル コンバージョン率は、ブラウザのモバイルウェブと比較して 8 倍高くなります。
  • インストール済みの PWA でのページ / セッション数が 2.5 倍に増加。
  • 以前のモバイルサイトと比較して、ユーザーあたりの収益が 10 倍。

「スピードと PWA は、最高のモバイル エクスペリエンスを提供するための貴重な投資であり、ユーザーに最高のプラットフォームを提供するという当社の使命を体現しています」—Blibli リード プロダクト マネージャー、Collin Dion Agata

写真提供: Cristian Escobar(Unsplash)