あなた自身のアイデアを刺激する、先進的な Web アプリの e コマースの例

すべての電子小売業者の夢は、総所有コストを低く抑えながら価値実現までの時間を短縮することです。このページにアクセスした方は、PWA e コマースが大きな魅力であることをすでにご存知のはずです。

概念に精通していない人のために： プログレッシブ ウェブ アプリ (PWA) は、最高のモバイル アプリ エクスペリエンスを提供し、ブラウザーで動作するアプリケーション ソフトウェアの一種です。すべてのデバイスでアクセスでき、すべての画面サイズに簡単に適応し、超高速で読み込まれます。さらに、PWA アプリの開発コストはネイティブ アプリの開発コストより 75% 低くなります (その理由については後ほど説明します)。 

Elogic では、過去 10 年間にわたり、最新の PWA の進歩の最前線に立ち続けてきました。そして、PWA のすべての利点を明らかにし、あなたのストアで従うべき最高の PWA e コマースの例をいくつか紹介する準備ができています。さっそく飛び込んでみましょう！

e コマースにおける PWA の利点

PWA の美しさはそのアーキテクチャにあります。モバイル アプリの外観と操作性を提供しますが、依然として e コマース Web サイトのバックエンドに接続されています。後者は、PWA が検索エンジンによって検出可能であり、すべての既知のブラウザーで機能し、Web サイトのキャッシュのおかげでオフラインでも動作できることを意味します。 

e コマース Web サイトが PWA テクノロジーを採用する理由は次のとおりです。

1. アプリのようなユーザー エクスペリエンス (UX)。 

PWA は、モバイルでもタブレットでも、あらゆる種類のデバイス上でいくつかの素晴らしいネイティブ アプリ UX 機能を保持します。プッシュ通知を送信したり、地理的位置を追跡したり、カメラ、センサー、Bluetooth、その他のデバイス機能にアクセスするユーザーと対話したりできます。

2. 読み込み速度が速い。 

Web キャッシュとわずかなストレージ容量のおかげで、e コマース PWA の読み込み速度は途方もなく速いです。 PWA はシングルページ アプリであるため、最初のページの読み込みですべてが読み込まれるため、その後のページの表示は最初のページよりも速くなります。比較してみると、小売業者のホームページには平均して次のような時間がかかります。 2.6 seconds 初めてロードするまでの時間はわずか 0.6 秒に短縮されます。

3. インストールの必要はありません。 

PWAは、eコマースWebサイトから直接インストールできます。 PlayMarketやAppStoreを忘れてください—eコマースPWAはワンクリックでユーザーのデバイスのホーム画面に追加されます。

4. オフラインサポート。

Progressive Web Apps の e コマースは、ネットワークを超えて動作できます。アプリはユーザーの最後の操作中にキャッシュされたデータを活用するため、クライアントは引き続きカタログを参照したり、アプリを操作したりすることができます。

5. 費用効果の高い開発. 

　 PWA開発の平均コスト メンテナンスはネイティブアプリの場合とほぼ同じです。 しかし、秘訣は、一度支払うことです。 そのため、ネイティブアプリの開発、モバイルレスポンシブウェブサイト、デスクトップバージョンに投資する代わりに、すべてのデバイスで平等に機能する単一のPWAストアフロントにお金を費やすことができます。

インスピレーションを得るための10のPWAeコマースの例

間違いなく、PWA と e コマースは素晴らしい組み合わせです。 PWA を適切な e コマース プラットフォームと組み合わせると、想像していたよりも多くのトラフィックがもたらされ、コンバージョン率が向上します。多くの世界的に有名な e コマース ブランドに対して行われたのと同じです。

ここでは、この革新的なテクノロジーに今すぐ投資するよう説得する、e コマース PWA の 10 の例を紹介します。 PWA ビジネスのニーズと期待されるパフォーマンスの参考として使用してください。

アリババ

PWAのビジネスニーズ：魅力的なモバイルエクスペリエンスを作成します。

Alibaba.com は、2 か国以上で事業を展開している最大のオンライン B200B 企業の XNUMX つです。この世界的な小売業者は現在、モバイルでのブランド発見の主要チャネルとして Progressive Web App ecommerce を使用しています。最も重要なことは、Alibaba PWA が XNUMX つの視聴者セグメント (ネイティブ アプリ ユーザーとモバイル アプリの買い物客) を橋渡しし、最終的に単一のマーケットプレイス プラットフォーム上でサプライヤーと顧客を結びつけたことです。 

上のPWA実装の結果 アリババ:

• 月間トラフィック155.6M
• ブラウザ間で76％高いコンバージョン 
• iOSでは月間アクティブユーザーが14％増加し、Androidでは30％増加します
• Androidで30％ホーム画面に追加から4倍高いインタラクション率

AliExpressの

PWAのビジネスニーズ：優れたモバイルショッピング体験を構築します。

AliExpress は世界有数のマーケットプレイスの 1 つで、ペットフードから電子機器に至るまであらゆるものを販売し、製品を中国から直接配送しています。このブランドは「よりスマートなショッピング、より良い生活!」をモットーに運営されており、PWA e コマースは同社の成長戦略に不可欠なものとなっています。 Alibaba と同様に、AliExpress はネイティブ アプリと Web ページの利点を最大限に活用して、ターゲットとする顧客セグメントの気まぐれやニーズに応えました。

PWAeコマースの結果 AliExpressの:

• 月間トラフィック666.5M
• すべてのブラウザで、セッションごとに104％多くの新規ユーザーと2倍のページが表示されます。 
• iOSのコンバージョン率が82％増加
•  すべてのブラウザでセッションごとに費やされる時間が74％増加しました。

ジョージ.com

PWAのビジネスニーズ：既存のモバイルソリューションをより高度なテクノロジーで強化します。 

George.com は英国を拠点とする衣料品ブランドで、現在は ASDA Walmart の一部です。このブランドはヨーロッパ全土に 580 以上の店舗を所有し、毎週 2 万人以上の顧客にサービスを提供しています。プログレッシブ Web アプリの e コマース エクスペリエンスは、既存のモバイル ソリューションを刷新し、顧客向けのオファーを改善する必要から始まりました。

PWAeコマースの結果 ジョージ.com:

• 平均ページ読み込み時間が3.8倍高速
• バウンス率が2分のXNUMXに減少
• モバイルコンバージョンが31％増加
• 20回の訪問あたりのページビューがXNUMX％増加
• ホーム画面からの訪問のサイト滞在時間の平均が28％長くなりました

フリップカート

PWAのビジネスニーズ：ユーザーエクスペリエンスを向上させるためにアプリのみの戦略を採用します。

Flipkartは、インドでナンバーワンのeコマースWebサイトであり、市場であらゆる種類の製品を提供しています。 当初、同社は オンラインで本を売る。最終的に、Flipkart は事業を拡大し、美容製品、エレクトロニクス、アパレルなどの e コマース分野に参入しました。2015 年、Flipkart は、既存のモバイル アプリで魅力的な Web エクスペリエンスを提供することに苦労しました。 PWA がこれに取って代わり、店舗は高速に機能し、オフラインで作業し、より多くの顧客を引き付けることができるようになりました。 

PWAeコマースの結果 フリップカート:

• サイトで費やした時間の3倍
• 再エンゲージメント率が40％高い
• [ホーム画面に追加]を介して到着したユーザーのコンバージョン率が70％向上
• データ使用量を3分のXNUMXに削減

ランコム

PWAのビジネスニーズ：トラフィックと再エンゲージメント率を促進します。

ランコムは、ロレアル傘下のフランスの高級香水および化粧品会社です。モバイルのコンバージョン率が低いため、ブランドはプログレッシブ Web アプリの e コマースを試みるようになりました。新しいストアは 2016 年 XNUMX 月にオープンし、ランコムは小売 PWA 開発のパイオニアの XNUMX つとなりました。同社はサービス担当者の協力を得て、不安定なネットワークでも信頼性の高いパフォーマンスを提供し、再エンゲージメントのためのプッシュ通知を設定することに成功しました。 

PWAeコマースの結果 ランコム:

• 月間トラフィック74.3K
• ページの読み込み時間が84％短縮
• コンバージョンが17％増加
• iOSでのモバイルセッションが53％増加
• プッシュ通知を介して回収されたカートのコンバージョン率が8％増加

エレガンザ

PWAのビジネスニーズ：販売中のサーバーの負荷を減らし、店舗の将来性のあるルックアンドフィールを取得することで、モバイルショッピングエクスペリエンスを変革します。

Eleganzaはオランダを拠点とする高級ファッション小売業者であり、Versace、Michael Kors、Valentinoなどのプレミアムブランドを販売しています。 Magento 2の移行 プロジェクトを開始し、ストアフロントの 1 つとして PWA を実装しました。後に Eleganza の e コマース マネージャー、Guus van der Staak として コメントアウト, 同ブランドは、PWAへの投資が即座に利益を生むことを確認しており、今後何年にもわたってファッション市場の最前線に留まり続けることを期待している。

PWAeコマースの結果 エレガンザ:

• セッションあたりのページ数が76％増加
• 平均ページ読み込み時間が23％高速化
• サーバーの平均反応時間が372％高速化

ウイスキーバレル

PWAのビジネスニーズ：モバイルショッピング体験を向上させ、サーバーの負荷を軽減します。

The Whiskey Barrel は、スコットランドに本拠を置くウイスキー専門会社で、独自のボトリングとブレンデッド ウイスキーの品質で有名です。このブランドは注目に値する成功を収め、その精神を世界中に広めています。しかし、以前のネイティブ アプリは製品の品​​質が基準に達していませんでした。進歩的な Web アプリの e コマースは、ウィスキー バレルのサクセス ストーリーにおける大胆かつ論理的なステップでした。最適化されたユーザー ナビゲーションとサイト構造を備えた洗練されたアプリのデザインにより、サイトへのトラフィックが増加し、製品が見つけやすくなりました。

PWAeコマースの結果 ウイスキーバレル:

• オーガニックインプレッションが27％増加
• クリック数が44％増加
• 灯台のパフォーマンスが84％向上
• サーバーの応答時間が88％短縮

OLX

PWAのビジネスニーズ：モバイルアプリのエクスペリエンスを高速化します。

OLXは、現在30か国以上に存在するマーケットプレイスのさらに別のグローバルネットワークです。 顧客は通常、中古品を低コストで購入し、チャットで価格を交渉することができます。 どうやら、OLXは没入型のモバイル体験に大きく依存しており、最初は非常に残念でした。 eコマースのPWAは、OLXの真のゲームチェンジャーであり、ブランドの重要なeコマース指標とWebサイトの速度を向上させることが証明されました。

PWAeコマースの結果 OLX:

• ページがインタラクティブになるまでの時間が23％短縮
• バウンス率が80％低くなります
• 広告のクリック率が146％向上
• 再エンゲージメントが250％増加

ジュミア

PWAのビジネスニーズ：インターネット接続が不十分であるにもかかわらず、モバイルでユーザーを引き付けます。

Jumia はアフリカを代表する e コマース マーケットプレイスです。このブランドは、この地域のインターネット接続が不十分であるという問題に直面していました。ほとんどのモバイル接続は 2G ベースであったため、顧客に買い物を促すことはほとんど不可能でした。オフライン可用性機能のおかげで、PWA は制限を回避し、市場の顧客エクスペリエンスを向上させることができました。 

PWAeコマースの結果 ジュミア:

• コンバージョン率が33％高い
• バウンス率が50％低く
• ネイティブアプリの12倍のユーザー（AndroidとIOSの両方）
• 使用するデータが5分の25になり、必要なデバイスストレージがXNUMX分のXNUMXになります

5マイル

PWAのビジネスニーズ：費用対効果が高く、高速で魅力的なモバイルショッピング体験を提供します。

5miles はダラスを拠点とするスタートアップ企業で、北京に R&D センターを持ち、「手に入れたものを売って、欲しいものを買う!」というモットーのもとに運営されています。実際、マーケットプレイスでは家具からダイヤモンドの指輪に至る​​まで幅広い商品を取り揃えているため、ブランドにとって顧客の関心を引き続けることが重要です。 PWA は、直帰率の高さ、維持率の低さ、ネイティブ アプリのメンテナンスのコストの高さという 5miles の長年の問題に対する解決策でした。 

PWAeコマースの結果 5マイル:

•  バウンス率が50％減少
•  サイトで過ごす時間が30％増加
•  [ホームに追加]画面からアクセスしたユーザーのコンバージョンが30％向上

トップ小売企業がプログレッシブWebアプリケーションを選択する理由

e コマース向け PWA に対するビジネス ニーズがどのようなものであっても、スピードとパフォーマンスの点で期待を上回るものであることをご安心ください。次のような複数のメリットが得られます。

• —パフォーマンスの向上とコンバージョン率の向上
• —魅力的なユーザーエクスペリエンスと高いコンバージョン率
• —データ使用量の削減とSEOランキングの向上
• —オフラインでのシームレスな作業と更新の制限なし
• —簡単な開発と開発コストの削減

一言で言えば、PWA には小売業者にとって複数の利点があります。数字は嘘をつきません。 PWA を採用することで大きな成功を収めた多くの世界的ブランドについて触れてきました。今日の競争の激しい世界において、PWA e コマースの最良の例は、デジタル サービスをより簡単かつ魅力的な方法で顧客に提供できることを証明し、コンバージョンと SEO の両方の成功を促進します。

出典: https://elogic.co/blog/best-examples-of-progressive-web-apps-pwa-in-retail-and-ecommerce/