10 個最佳 Magento PWA 示例

已發表: 2020-12-25

目錄

隨著最近 Magento PWA Studio 的出現，更多的 Magento PWA 進入電子商務領域是很自然的，為在線客戶帶來了更好的購物體驗。 在這些新的 Magento PWA 中，有一些很有前途的新面孔，我們迫不及待地想與您分享：

什麼是 Magento PWA？

Magento PWA 是一個帶有 Magento 後端的漸進式 Web 應用程序，這意味著 Magento PWA 應該就像您的典型原生應用程序一樣——功能和外觀。 使這項技術成為廣受歡迎的新方法的原因在於它能夠將店面轉變為性能更高的版本，具有更快的加載速度和更連接、更流暢的體驗。

Siminia 主題是一個 Magento PWA

此外，由於 Magento PWA 本質上是無頭的，因此您可以通過 Magento PWA 獲得更大的靈活性和可定制性，因為無頭架構意味著您不再局限於特定的前端技術，並且可以自由選擇升級路徑。

Magento PWA通常使用 Magento PWA Studio 構建，這是 Magento 自己製作的一組工具，用於幫助推動 PWA 的採用。 借助 Magento PWA Studio 項目，開發人員可以在 Magento 後端之上開發、部署和維護 PWA 店面，創建更快、更安全、響應更快並遵守 Magento 可擴展性和模塊化原則的網站。

 相關文章：將 Magento 主題與 PWA 店面進行比較

10 個最佳 Magento PWA 示例，激發您的靈感

以下是 Magento PWA 的各種示例，您可以將其用作預期性能和功能的參考：

1. 優雅

埃萊甘薩

Eleganza 總部位於荷蘭，是著名的高端時裝零售商，以銷售 Valentino、Versace、Michael Kors 等品牌而聞名。 該品牌在全國擁有五家實體店以及自己的網店，但由於 90% 的客戶使用手機訪問其在線商店，該品牌看到了提供更好體驗的機會，因此，產生更多的收入。

Eleganza 之前經營著一家支持四種語言的 Magento 1 商店，並且看到 Magento 1 的生命週期即將結束，他們依靠 Magento 2 和 PWA 來改變其移動購物體驗。 他們新的 Magento PWA 網站是由 Team Experius 開發的，它確實沒有讓人失望。

“我們期待在未來實現額外的價值，因為 PWA 不僅將我們帶到了我們市場的前沿，而且讓我們在未來幾年保持在那裡。”

Guus van der Staak，Eleganza 電子商務經理

2.彼得傑克遜

彼得傑克遜

珠寶商 Peter Jackson 發現自己陷入了與 Eleganza 類似的難題，因為他們也有一家傳統的 Magento 1 商店，該商店在吸引更多客戶方面表現不佳。

和當時的其他品牌一樣，速度是彼得傑克遜的主要關注點。 他們的網站過去平均加載時間為 8 秒，這確實損害了他們的業務，因為這會導致用戶沮喪和整體不受歡迎的體驗。 此外，他們網站上的尋路並不是最好的。 客戶缺乏真正易於使用的過濾選項和更簡單的導航路徑，從而導致更多的銷售損失，因為客戶難以找到合適的產品。

有了every1 開發的新Magento PWA 站點，這一切都不再是問題。 新網站易於瀏覽，這要歸功於它巧妙的過濾方法，以及幫助客戶更快獲得所需產品的新方法。 一切都在幾毫秒內呈現，這會帶來更多的參與度、更多的轉化，並顯著降低跳出率。

3. 貝內科斯

貝內科斯

Benecos 將最好的迷人“傳統”化妝品與經過認證的資源節約型有機化妝品相結合，如果您喜歡有機化妝品，Benecos 就是您的首選品牌。 與當時許多將有機材料和客戶信任放在首位的新興品牌類似，該品牌需要有一種歡迎和引人入勝的購物體驗，以展示其品牌個性。

所有這一切都是通過 SimiCart 定制的 Magento PWA 實現的。 他們新的 PWA 支持的店面現在提供了類似應用程序的新外觀和功能，並集成了自定義功能（查找最近的庫存商、從帶有顏色選項的列表中將產品添加到購物車/願望清單），以賦予品牌更多競爭優勢。 該品牌對其網站的全新重新設計感到特別滿意，因為它帶來了與他們的產品完美融合的整體和感覺，為他們的綠色愛好者觀眾創造了一種溫馨的體驗。

4.香料

香料 Magento PWA

Spice 是一家擁有 200 多家商店的購物中心，它決定在 Covid19 激增期間採取 PWA，當時封鎖阻止了顧客前往公共場所。

他們基於 PWA 的新 UX 設計將所有商店及其產品統一在同一屋簷下，這為他們的商家提供了新的銷售渠道以獲得額外收入。

轉型是他們新品牌願景的一部分，旨在在數字空間中創建更易於訪問的業務。 作為其中的一部分，引入了一個新的口號——“比以往任何時候都更接近”。 PWA 閃電般的性能，同時幫助他們更快更好地與客戶建立聯繫，完美地補充了這一座右銘。

5. 威士忌酒桶

威士忌酒桶

The Whisky Barrel 是一家總部位於愛丁堡的威士忌專家，以其獨家裝瓶和麥芽混合威士忌的質量而聞名。 由於需求增加，該品牌面臨對用戶體驗的擔憂，因為他們認為這與他們提供的產品質量不符。

這對解決方案提供商（數字六）來說是一個挑戰——而且這不是一件容易的事。 他們需要創建一個不僅能提供最佳體驗，還能承受高峰需求流量的網站； 並且該網站還需要設計精美且足夠靈活，以確保 The Whiskey Barrel 繼續成為uisge beatha分銷的先驅。

Magento PWA 自然是他們品牌的下一步，而且這最終是正確的一步。 PWA 的本質為品牌提供了新的用戶旅程、網站速度和性能，以及新的超流暢用戶體驗，即使是最難取悅的客戶也應該滿意。

6.塞爾科

塞爾科

Selco 是建築商的倉庫，是業內最知名的品牌之一，在全國擁有超過 68 個分支機構。 然而，Selco 發現自己的在線業務有限，並認為他們需要通過採用更現代、更先進的店面來提升自己的水平，自然而然地，Magento PWA 就是這樣。

通過利用 Magento Commerce Edition 2.3 和 Magento PWA Studio，WeAreJH 能夠將 Selco 店面重建為高性能、響應迅速且高效的 Magento PWA。 新的 Selco 網站號稱是有史以來第一個在 Magento Commerce 平台上為 B2B 商家部署的漸進式 Web 應用程序，並附帶各種功能，包括：

  • 點擊並收集
  • 建築材料計算器
  • 實時庫存檢查
  • 項目列表功能

7. 購買渦流

商店渦流

ShopEddies 的商店提供超過 260,000 種汽車、卡車、房車和動力運動的零部件和配件，因此 ShopEddies 迫切需要一種解決方案來幫助他們有效地管理商店，同時仍然提供引人入勝的購物體驗。

Tigren 建議將 Magento PWA 作為 Shop Eddies 過去問題的最終解決方案，並且 Magento PWA 確實做到了。 2020 年初發布的新 PWA 支持的店面發展迅速，擁有全新的外觀和感覺來展示品牌的身份，並且對結賬流程進行了更多優化，以幫助提高轉化率。 最重要的是，使用 Magento PWA 解決方案還意味著 Shop Eddies 現在可以通過推送通知和添加到主屏幕等類似應用程序的功能更好地為移動客戶服務。

8.汽車伯納德

汽車伯納德 PWA

法國汽車分銷公司 Auto Bernard 想要一種全渠道戰略，使他們能夠在競爭中脫穎而出。 他們的主要目標是為購物者提供一種直接在線預訂和購買車輛的方式，並使每個在線訂單與 Magento 後端實時同步。

WEBQAM 接受了這一挑戰，並為該品牌開發了一個全新的 Magento PWA 網站。 這個新網站提供了 Auto Bernerd 所要求的一切，甚至在某些方面超出了要求，因為新網站功能豐富，客戶可以同時比較多達三輛車的特性、預約、申請報價——一切在網站上是可以的。

9. 洛克勒

洛克勒

家族經營的傳統時尚品牌 ROECKL 需要一種解決方案，既能帶來最佳性能，又能提供直觀的內容創作體驗。 此外，由於他們之前的網站缺乏真正的響應式體驗，因此該品牌需要在其業務的徹底改造中將其置於更高的優先級。

Mothership 意識到了這一挑戰，並建議將 Magento PWA 作為解決方案。 使用 Magento PWA，網站的前端獨立於 Magento 後端，因此可以減少服務器負載並加快功能開發。 新網站的前端是基於 ReactJS 的 PWA，即使在用戶連接不穩定的情況下也能夠交付內容。

10.多鈴

Dobells Magento PWA

在 Covid19 大流行期間努力生存是每個品牌都可以與之相關的事情。 對於英國男裝零售商 Dobells 來說，疫情促使他們對網站進行了更好的改造。

舊的 Magento 1 網站已被證明已經過時，因此，必須遷移到 Magento 2 才能吸引和轉換客戶。 此外，還引入了“高級產品變體”功能，讓客戶可以在一個訂單中混合搭配任何商品的細節和配件。

由於添加新功能可能會降低網站速度，因此另一個挑戰是保持流暢的用戶體驗和快速的性能，而 PWA 是要走的路。 結果，該品牌的總點擊量增加了 11.8%，平均點擊率增加了 14.3%，平均排名下降了 10.2%。

 推薦閱讀：為 Magento 構建 PWA 需要多少成本

11. G-SP

Magento 的全球網站有兩個不同的網站，分別面向 B2B 和 B2C 訪問者，每個網站都有 100 多個類別和子類別，保持流暢的網站滾動體驗是 G-SP 面臨的一大挑戰。

銷售手機配件和備件的 G-SP 網站的所有者早就意識到了這個問題，PWA 似乎是一個明顯的解決方案。

雖然 PWA 通常被標記為提高 Magento 網站速度的有效解決方案，但重要的是要知道，並非所有網站都能在實施 PWA 後立即達到驚人的速度性能。 網站的加載方式取決於許多因素，包括其大小和技術配置。

但是，如果定制得當，PWA 比普通 Web 應用程序更具有超快的潛力。 G-SP 的 PWA 站點經過我們團隊的速度優化後，成功將移動速度提高了三倍，桌面速度提高了一倍。

 推薦閱讀：G-SP 案例研究：PWA 轉換前後。

結論

隨著越來越多的商家開始接受這項新技術並使其成為新的電子商務體驗，Magento PWA 無疑將成為新的搶手購物體驗。 採用 Magento PWA 方法的商家已經取得了令人印象深刻的成果，而且您​​等待實施的時間越長，您可能遭受的收入損失就越大。

如果您正在尋找優質的 Magento PWA 提供商，在 SimiCart，我們是一個由 Google 認可的 PWA 開發人員組成的團隊，能夠為您的業務提供具有成本效益的解決方案。

構建您的 Magento PWA