10ベストMagento PWAの例

Magento PWA Studio の登場により、より多くの Magento PWA が E コマースシーンに登場し、オンライン顧客のショッピング体験を向上させているのは当然のことです。これらの新しいMagentoのPWAの中には、いくつかの有望な新顔がありますので、ご紹介します。

1.Magento PWAとは?

Magento PWAは、Magentoのバックエンドを備えたProgressive Web Appです。つまり、Magento PWAは、機能的にも外観的にも、典型的なネイティブアプリと同じようになるはずです。Magento PWAは、Magentoのバックエンドを利用したプログレッシブ・ウェブ・アプローチです。

Fashion theme by SimiCart

さらに、Magento PWA はヘッドレス構造であるため、特定のフロントエンド技術に制限されることなく、自由にアップグレードパスを選択することができるので、Magento PWA ではより多くの柔軟性とカスタマイズ性を得ることができます。

Magento PWA は通常、Magento PWA Studio で構築されます。Magento PWA Studio は、PWA の採用を前進させるために Magento が作成したツール群です。Magento PWA Studioプロジェクトのおかげで、開発者はMagentoのバックエンドの上でPWAストアフロントを開発、デプロイ、維持することができ、より速く、より安全で、応答性が高く、Magentoの原則である拡張性とモジュール性に準拠したウェブサイトを作成することができます。

関連投稿:PWA vs ネイティブアプリ: eコマースビジネスにはどちらが適当?

2. MagentoのPWAの事例10選

1. Eleganza

Eleganza

オランダを拠点とするEleganzaは、Valentino、Versace、Michael Korsなどのブランドを販売することで知られる有名な高級ファッション小売店です。同ブランドは、国内に5つの実店舗とウェブショップを展開していますが、お客様の90%が携帯電話でオンラインショップを利用していることから、より良い体験を提供し、結果的に収益を上げる機会があると考えました。

Eleganzaは以前、4つの言語に対応したMagento 1のストアを運営していましたが、Magento 1の寿命が近づいていることから、モバイルでのショッピング体験を変えるためにMagento 2とPWAに期待しました。同社の新しいMagento PWAサイトはTeam Experiusによって開発され、期待を裏切らないものとなりました。

2. Peter Jackson

Peter Jackson

宝石商のPeter Jacksonは、Eleganzaと同じような問題に直面していました。Magento 1のレガシーストアで、顧客を増やすために必要なパフォーマンスを発揮できていなかったのです。

当時、他のブランドと同様に、Peter Jackson氏が最も懸念していたのはスピードでした。彼らのサイトは読み込みに平均8秒かかっており、ユーザーの不満や全体的な不快感を引き起こしていたため、ビジネスに大きな支障をきたしていました。さらに、サイト内の導線も良くありませんでした。お客様にとって使いやすいフィルタリングオプションやナビゲーションの経路がなく、お客様が適切な製品を見つけるのに苦労していたため、結果的に売上を落とすことになっていました。

every1 が開発した新しいMagento PWAサイトでは、これらの問題はもはや問題ではありません。新しいサイトでは、巧みなフィルタリング方法によりナビゲーションが容易になり、お客様が目的の製品に早く到達できるような新しい方法も採用されています。すべてがミリ秒単位で表示されるため、エンゲージメントやコンバージョンが向上し、直帰率も大幅に減少しました。

3. Benecos

Benecos
Benecosは、華やかな “Conventional “化粧品と、資源を大切にする認証済みのオーガニック化粧品の良いところを組み合わせた、オーガニック化粧品がお好きな方にはたまらないブランドです。オーガニック素材とお客様の信頼を最優先とする当時の多くの新興ブランドと同様に、ブランドの個性を発揮できるような、快適で魅力的なショッピング体験を提供することが求められました。
これらはすべて、SimiCart によるカスタムメイドの Magento PWA で実現されました。PWA を搭載した新しいストアフロントでは、アプリのような外観と機能が提供され、カスタム機能(最寄りの在庫を検索、カラーオプション付きリストから商品をカート/ウィッシュリストに追加)が統合され、ブランドの競争力が強化されています。ブランドは、ウェブサイトの新しいデザインに非常に満足しています。それは、ブランドの製品と完全に調和した全体的な雰囲気をもたらし、グリーン愛好家の視聴者に心地よい体験を提供することができたからです。

4. Organyc

Organyc

英国に拠点を置く Organyc は、世界でも数少ないオーガニックフェミニン製品を提供する企業の 1 つです。グリーン運動のパイオニアとして、ブランドの価値を代表するような競争力のある魅力的なショッピング体験を創造する必要がありました。

SimiCart は、Magento PWA がこれらの課題に完璧に対応できるはずだと考え、Organyc のために完全な Magento PWA を構築しましたが、その結果にブランドは満足することができませんでした。

PWAを採用した新しいサイトは、モダンで清潔感があり、市場のさまざまなスクリーンサイズにブランドの価値を難なく伝えることができるようになりました。また、このブランドが提供する製品は周期的なものであるため、Organycはショッピング体験を向上させるためにカスタム機能を採用しました。カスタム機能である Build a Box と Product Subscription は SimiCart に統合されており、独自のボックスを作成したり、あらかじめ用意されたパッケージを選択して毎月自宅に配送することで、顧客のニーズに応えられるようになっています。

5. The Whisky Barrel

The Whisky Barrel

The Whisky Barrel は、エディンバラを拠点とするウイスキー専門店で、独自のボトリングと、モルト、ブレンデッドウイスキーの品質の高さで有名です。このブランドは、需要の増加に伴い、提供する製品の品質に見合わないユーザーエクスペリエンスの問題に直面していました。

これは、ソリューションプロバイダー(デジタルシックス)にとっての課題であり、決して容易なことではありませんでした。最高の体験を提供するだけでなく、ピーク時のトラフィックに耐えうるサイトを作る必要がありました。また、サイトは美しくデザインされ、The Whisky Barrelが今後もUisge beathaの販売の先駆者であり続けることができるような柔軟性も必要でした。

Magento PWAは、彼らのブランドにとって当然次のステップであり、最終的には正しいステップでした。PWAの性質は、新しいユーザー・ジャーニー、サイトのスピードとパフォーマンスとともに、ブランドにパワーを与え、最も満足させるのが難しい顧客も満足させるはずの超スムーズなユーザー・エクスペリエンスを提供しています。

6. Selco

Selco

建築業者向け倉庫のセルコは、全国に68店舗以上の支店を持つ、業界で最も定評のあるブランドのひとつです。しかし、セルコはオンラインでの存在感が希薄であることに気付き、よりモダンで先進的なストアフロントを実現する必要があると考え、Magento PWAを採用しました。

Magento Commerce Edition 2.3とMagento PWA Studioを利用して、WeAreJHはSelcoのストアフロントを、パフォーマンスが高く、反応が良く、効率的なMagento PWAに再構築することができました。新しいSelcoのウェブサイトは、Magento CommerceプラットフォームでB2Bマーチャント向けに展開された初のプログレッシブウェブアプリであることを誇りとしており、以下のような様々な機能を備えています。

  • クリック&コレクト
  • 建材計算機
  • リアルタイムでの在庫確認
  • プロジェクトリスト機能

7. Shop Eddies

Shop Eddies

ShopEddiesは、車、トラック、RV、パワースポーツ用の260,000以上のパーツやアクセサリーを扱っており、魅力的なショッピング体験を提供しつつ、効率的に店舗を管理するためのソリューションを切望していました。

Magento PWAは、Shop Eddiesの過去の問題を解決するソリューションとしてTigren氏が提案したもので、Magento PWAはそれを実現しました。2020年初頭にリリースされた新しいPWAを搭載したストアフロントは、非常に高速で、ブランドのアイデンティティを示す全く新しいルック&フィールを持ち、コンバージョン率を向上させるためにチェックアウトフローの最適化も行われています。さらに、MagentoのPWAソリューションを採用したことで、Shop Eddiesは、プッシュ通知やホーム画面への追加など、アプリのような機能を使って、モバイル顧客へのサービスを向上させることができるようになりました。

8. Auto Bernard

Auto Bernard PWA

フランスの自動車販売会社である Auto Bernard 社は、競合他社との差別化を図るためのオムニチャネル戦略を求めていました。その主な目的は、買い物客が直接オンラインで車を予約・購入できる方法を提供し、すべてのオンライン注文をリアルタイムでMagentoのバックエンドと同期させることでした。

WEBQAM はこの課題に取り組み、ブランドのために新しい Magento PWA ウェブサイトを開発しました。この新しいウェブサイトは、Auto Bernerdが要求したすべての機能を実現しており、また、それ以上の機能も備えています。最大3台の車の特性を同時に比較したり、予約や見積もりを申し込んだり、あらゆることがウェブサイト上で可能です。

9. ROECKL

ROECKL

家族経営の伝統的なファッションブランドであるROECKLは、直感的なコンテンツオーサリング体験を提供しつつ、最高のパフォーマンスをもたらすソリューションを必要としていました。さらに、以前のウェブサイトでは真のレスポンシブ・エクスペリエンスが欠如していたため、このビジネスの全面的な刷新において、ブランドはより高い優先順位をつける必要がありました。

マザーシップはこの課題に気づき、解決策としてMagento PWAを提案しました。Magento PWAでは、WebサイトのフロントエンドがMagentoのバックエンドから独立しているため、サーバーの負荷が軽減され、より迅速な機能開発が可能になりました。新しいウェブサイトのフロントエンドは、ReactJSをベースにしたPWAで、ユーザーの接続が不安定な場合でもコンテンツを配信することができます。

10. Rooted Objects

Rooted Objects PWA

インドのファッションブランド「Rooted Objects」は、商品のルーツを特に重視しています。ルーツがしっかりしている商品は、オリジナリティもしっかりしていて、より良い品質や工芸品を生み出すことができると考えているからです。しかし、このブランドには「スピード」という大きな課題がありました。

お客様の大半がスマートフォンを使ってショップを閲覧しているため、お客様を飽きさせないだけのスピードと一貫性のある体験を提供することができず、お会計の際にお客様を逃してしまうことがありました。

PWAを採用した新しいウェブサイトでは、顧客が求めているような体験を提供することができました。Aureate Labs は、このブランドの PWA Vue Storeefront ストアフロントの開発を支援し、サイトのビジネスロジックとデータを処理する Magento バックエンドと組み合わせることで、新しい Magento PWA は卓越したパフォーマンスを実現し、このブランドを今後何年も存続させることができました。

結論

より多くのマーチャントがこの新しいテクノロジーを採用し、新しい E コマース体験を提供するようになれば、Magento PWA は間違いなく新しいショッピング体験として求められるようになるでしょう。Magento PWAを導入したマーチャントはすでに素晴らしい結果を出していますが、導入が遅れれば遅れるほど、収益の損失が大きくなるでしょう。

参照リンク

デモを申し込む

弊社の専門家は最適なソリューションをサポートさせて頂きます。

 

►►►サービスについて