Home Blogs 上位のプログレッシブWebアプリの例:Tinder、Twitter、Walmart
Applications

上位のプログレッシブWebアプリの例:Tinder、Twitter、Walmart

About The Author

Outline

優れたユーザーエクスペリエンスを提供するために、あらゆる種類の企業が現在、プログレッシブWebアプリ(PWA)、シングルページアプリケーション(SPA)、React Webサイトなどの最新テクノロジーを採用しています。 モバイルネットワークのパフォーマンスは、ヘッドレスeコマースに移行し、eコマースのプログレッシブウェブアプリを採用して、ライティングを高速に変換する体験を提供している業界リーダーにとってもはや懸念されていません。

スピードは収益に相当し、eコマースは非常に競争の激しい業界であるため、プログレッシブなウェブアプリの例を見つけるのは困難です。 しかし、PWAの導入者がより高い可視性、トラフィック、エンゲージメント、コンバージョンを受けているため、この情報は一般の人々と共有されるべきだと考えています。 eコマース企業が現在の状況を理解し、現状を把握できるように、eコマースPWAのトップ例を毎月いくつか紹介します。 今回は、インテリア、ソーシャルネットワーキング、量販店の業界をリードする企業を分割しました。

PWAを使用したソーシャルネットワーキングプラットフォーム

1. Pinterest – PWA

Pinterestは、iOSとAndroidユーザー向けにPWAを構築する初期の導入者の1つでした。 クリエイティブなマインドを刺激するプラットフォームは、モバイル体験から離れていました。 Pinterestは、新しいネイティブアプリのようなPWA体験により、アクティブなモバイルユーザー数が2倍以上増加し、セッション時間が約4倍に増加したと報告しました 。 彼らのホームページのJavaScriptペイロードは490kbから190kbに増加し、低帯域幅環境でもほぼ瞬時にページロードを生成しました。 プッシュ通知、「ホーム画面に追加」プロンプト、「ナイトモード」設定、アセットキャッシングにより、モバイルユーザーは本当に魅力的な体験を得ることができます。

2. Tinder – PWA

Tinderは、250のさまざまな国で毎月6千万人以上のユーザーを抱える出会い系アプリで 、デスクトップとモバイルユーザーにPWAを提供しています。 Tinder Onlineと呼ばれる新しいウェブ体験は、ネイティブアプリ体験よりも多くのスワイプ、プロフィール編集、ユーザーセッションあたりの時間を受け取ります。 PWAコアのサイズが小さいことで、Tinderはロード時間を11.9秒から4.69秒に短縮し 、ユーザーのエンゲージメントとスワイプを史上最高の状態で実現しました。

Tinder PWAとネイティブアプリの例を比較する。 (出典:

3.ツイッター- PWA

Twitterは、ユーザーエンゲージメントを高めるための直接的な取り組みとして、より良いユーザーエクスペリエンスを提供するためにPWAテクノロジーを採用し、大きな成功を収めました。 Twitter Liteは、セッションあたりのページ数が65%増加し、送信ツイート数が75%増加したため、PWAの優れた例です。 データセーバーモードを追加し、PWAのサイズを60kbに最適化することで、3億人以上のアクティブモバイルユーザーが2Gネットワークでもコンテンツをすばやくナビゲートできます。

PWAを提供する家の装飾

4.アニー・セルケ- PWA+AMP+SSR

アニー・セルク は、1ヶ月に170,000人以上の訪問者に質の高い家の装飾をもたらします。 SEOとSEMにおけるウェブサイトの速度の重要性を理解した同社は、EdgioのサーバーレスBackend for Frontend (BFF)で自動AMP変換を備えたPWAを開始しました。 アニー・セルケはモバイルオーガニックトラフィックが40.41%増加し、Edgioでのブラウジング速度を読み込み時間の中央値である538 msに短縮しました。 アニー・セルケは、AMP、サーバーサイドレンダリング、PWAの各テクノロジーを通じて、トラフィックソース全体での最初のページの平均読み込み時間を0.74秒と予測しています。

1秒未満のeコマースウェスバイトを配信

Edgioは、大規模なeコマースWebサイトで一貫して500ミリ秒未満のページロードを提供しています。 これらの速度向上は、15~30%のコンバージョンリフトにつながることが知られています。 コンサルティング会話のスケジュールを設定します。

5.カークランド株式会社 – PWA + AMP + SSR

カークランドは、37州の431ストアを超えて、いつでもあらゆる顧客にリーチできるようにeコマースPWA向けに最適化されています。 サイトの速度を最適化することが、競争の最前線であると認識していたため、同社の主な目的でした。 住宅装飾小売業者は、EdgioのオープンソースのReact PWAフレームワークを使用し、組み込みのAMP変換とEdgioインフラストラクチャ上のサーバーサイドレンダリングサポートを使用しました。 カークランドは現在、最速の小売ウェブサイトの1つであり、1秒未満のページロード、サムプリントチェックアウト、ワンクリックログインですばやく簡単に購入できます。

6.ウェスト・エルム- PWA

親会社のWilliams-Sonoma Inc.が所有するウェスト・エルムは、モバイルコマースエクスペリエンスにPWAテクノロジーを採用している優れた業界リーダーです。 彼らの製品のモダンなスタイルは、PWAの経験とスマートでスタイリッシュなルックアンドフィールを一致させ、毎月の4 100万人のユーザーに提供します。 彼らのeコマースプログレッシブウェブアプリは、サイトの平均時間を15%増加させ、コンバージョンを9%増加させまし た。

eコマースPWAを導入している量販店

7.メイシーズ。 – SPA

IR6企業であり、アパレルおよびアクセサリー業界でナンバーワンであるMacy’sは、毎月6,000万人以上の訪問者に可能な限り最高の体験を提供するために、ヘッドレスeコマースに移行しました。 その結果、過去3年間のオンライン成長率は2桁になりました。 Macyのサイト速度は大幅に向上し、検索ランキングと顧客体験を向上させました。 メイシーズのエンジニアリング担当ディレクターであるLenny Stofsky氏は、このウェビナーで、ヘッドレスアプローチとそのマイクロサービスアーキテクチャにより、より機敏で機敏な対応が可能になると述べています。 「自動化された開発運用、改善された回帰テスト、拡張と革新のための専任チームにより、2週間ごとに導入できます」とStofsky氏は述べています。

Macys.comのエンジニアリングディレクター、Lenny Stofskyが、単一ベンダーの単一のeコマースプラットフォームからマイクロサービスをベースとした柔軟で最高のシステムへの移行について説明しています。

八ステープル- P W A

Staplesのウェブサイトの速度は、より多くの販売を促進するために可能な限り最高のユーザーエクスペリエンスを提供するために最優先事項となりました。 これらの望ましい結果は、大量小売業者がロード時間が増加し、直帰率が増加し、コンバージョン率が低下することを発見したときに重要になりました 。 カスタマージャーニーエクスペリエンスを完全に分析した後、ステイプルズはホームページの読み込み時間の中央値を1秒単位で短縮し、98パーセンタイルの読み込み時間を6秒単位で短縮することができました。 その結果、コンバージョン率が10%向上しました。

9.ターゲット- PWA

Targetは月間1億人以上の訪問者を獲得して いますが、AmazonやWalmartとの厳しい競争に直面しています。 ターゲットは、モバイルとデスクトップ間のシームレスな移行を実現することに重点を置いています。調査によると、ターゲットの買い物客の 80 %は、あるデバイスで小売体験を開始し、別のデバイスで終了する可能性が高いことが明らかになりました 。 進化し続ける環境に迅速に対応するために、PWAは、中核となるデジタルストアサービスの一部を強化し、モバイルとデスクトップの買い物客に魅力的で統一されたエクスペリエンスを提供するソリューションとなりました。

10.ウォルマート-スパ

ウォルマートが全てのカテゴリーで勝利しました Walmart.comとWalmartの食料品店は、最新のテクノロジーを使用して、モバイルとデスクトップのオンラインショッピング体験を最適化しています。 Over 11,700が全世界で展開していることから、同社はすべての顧客が「店舗に足を踏み入れたり、サイトをクリックしたりするとき」に畏敬の念を抱きたいと考えていたと、ウォルマート米国COOのジュディス・マッケナ氏は述べています。 現代のテクノロジーは、没入型のオンライン体験と、サイトの速度とオンサイトでの時間との相関関係をとらえた方法に劇的な影響を与えています。 eCommerceサイトでは、100ミリ秒単位でページ読み込みが改善されるたびに、収益が最大1%増加することがわかりました

結論

プログレッシブウェブアプリはeコマースの未来です。 現代のウェブ技術のこの新しい時代には、競争上の優位性を獲得するために、可能な限り最速のサイトと最高のユーザーエクスペリエンスを提供するためのeコマース企業間の競争が含まれます。 ネイティブアプリが最適なソリューションではなくなりました。PWAも同様にインタラクティブで、おそらくさらに高速です。 消費者は高速な期待を持っており、eコマースの専門家は超高速で魅力的な体験を提供するのが賢明でしょう。

ノイズを克服するには、業界のリーダーが従来のウェブサイトからPWA/SPA/Reactウェブサイトに切り替え、コンバージョンとSEOの成功を促進するほぼ瞬時の体験を提供する例を参考にしてください。

プログレッシブウェブアプリのその他の例については、SPA、PWA、Reactフレームワークを使用している最新のeコマース企業のリストをご覧ください。また、 12 WeeksでEdgioがPWAを立ち上げて運用する方法を学ぶためのコンサルティング会話をスケジュールして ください。 私たちは、1-800-Flowers、Shoe Carnival、Revolveなど、最大かつ最高のものから信頼されています