AliExpress PWA:使用 Progressive Web App 提高轉化率
已發表: 2022-06-22如果小型在線企業主正在尋找加快網站加載速度和改善購物體驗的方法,那麼本案例研究適合您。 了解 AliExpress PWA 以及它如何為這個巨大的中國市場帶來數十億美元的收入。
關鍵字是 PWA 帶來的,我們打賭你對每個網站的這個未來的下一個標準都有很多詢問,所以讓我們開始吧。
內容
速賣通概述
全球速賣通成立於 2010 年,是一個全球零售市場,主要將低成本商品從中國製造商和分銷商外包到世界其他地區。
由於種類、規模和供應量的迅速增加,速賣通很快成為為後續本地和全球分銷提供原創產品的最大平台之一。
AliExpress 由阿里巴巴擁有,可與美國的 eBay 相提並論,促進小企業和獨立商家之間的交易和合作。
目前,全球速賣通展示架上超過 80 個品類的 1 億多件商品,服務於全球每月超過 2 億用戶的興趣。
PWA 集成之前的全球速賣通挑戰
以“更智能的購物,更美好的生活!”為座右銘,全球速賣通旨在成為世界領先的平台,讓購物者可以快速輕鬆地找到他們想要的東西。
目睹移動商務的快速增長,其增長速度是電子商務的三倍,市場領導者決定投資他們的移動業務。
經過研究,他們意識到網站和移動應用程序之間的性能嚴重不匹配。 當時他們的平台並未針對移動設備進行優化,而這是他們發現的主要來源。
起初,他們決定使用移動應用程序,但發現在網站上構建與本地應用程序一樣引人入勝的類似用戶體驗具有挑戰性。
在考慮了解決方案之後,他們最終選擇了 PWA,主要原因有兩個。 並非每個用戶都會下載該應用程序。 它需要更大的投資,但無法完全吸引用戶進行安裝和重新參與。 此外,他們只需要一個將非應用用戶轉換為應用用戶的移動平台。
速賣通 PWA 的成果
設計
設計沒有任何重大變化,而是佈局重新排列或字體調整的小細節。
PWA 值得注意的一點是最終用戶不需要手動處理任何更新。 相反,在一次加載或重新加載後,更改將在後台自動同步。
功能
除了跨瀏覽器工作、離線使用以及通過彈出消息與頻繁購買者重新聯繫的能力之外,以下是速賣通 PWA 的特色:
- 加載速度令人難以置信,首頁加載在 3-5 秒內完成。
- 每個頁面轉換都是每次訪問的一次性加載。 因此,推動與網站的每次交互都可以無縫且快速地運行。
- 所有元素和效果在過渡後幾乎立即完全出現。
- 如果不是因為顯示的產品太多,那麼導航非常清晰明了。
- 佈局:我們喜歡他們如何將整體產品評論放在搜索後面的頂部。 顯然,他們知道在線購物者只有在獲得好評後才會開始考慮產品。 這個小細節將幫助他們的觀眾更順暢、更快地進行購買之旅。
- 出色的懸停效果,放置得恰到好處,不會讓用戶煩惱。
結果
- 新用戶總數增加 0.4%; iOS 轉化率提高了 82%。
- 每個用戶每次會話訪問的雙頁總數。
- 每個會話花費的總時間增加了 74%。
如何建立一個像速賣通 PWA 這樣的網站?
開發電子商務網站
以下是全球速賣通市場關於重點關注的核心功能的建議:
- 註冊階段:停止創建另一個帳戶並阻止訂單完成可能會很麻煩,因此請確保您的註冊過程簡短而甜蜜。
- 產品列表:了解持懷疑態度的用戶對在線購物的感受,因此請確保您提供盡可能多的有關產品的信息。
- 搜索工具:如果您擁有像速賣通這樣的龐大產品組合,請尋找帶有關鍵字建議或類似產品的工具。 各種過濾器和排序可以幫助縮小他們喜歡的類型。
- 結帳流程:用戶可能有多個訂單要處理,這使得此步驟快速直觀。 最好是他們可以選擇保存付款信息和一個簡單的充值系統以供下次購買。
- 評級和評論:直接影響銷售的最關鍵因素之一。 在我們決定遵循他們的行動之前,我們人類希望得到大多數人的批准。
開發 PWA
PWA 的工作原理
使用服務工作者作為核心技術一直是 PWA 能夠將本機應用程序的最佳使用用於漸進式網站的一個突出點。 PWA 本質上是一個網站; 這就是為什麼它在瀏覽器中運行良好的原因。
使用存儲 API 和應用程序外殼,服務人員可以預先緩存站點內容,以便在用戶第二次訪問頁面時立即提供服務。
除了緩存能力之外,服務工作者還可以通過處理多個緩存、最小化數據流以及在連接斷開時保存未完成的用戶生成的交互以供以後同步來干預和處理網絡請求。
這種緩存的工作方式幫助開發人員專注於網站速度。 他們進行的優化越多,獲得的性能就越輕、更快和流線型。 這正是全球速賣通所追求的。
選擇可靠的 PWA 開發提供商的標準
- 服務選項:首先您想從電子商務服務或數字開發服務縮小到 PWA 開發服務。 然後取決於您的業務需求,是從頭開始構建 PWA、優化和更新 PWA 還是將 PWA 主題應用於您現有的網站。
但是請注意,PWA 可以適用於任何網站,因此如果您擁有在線商店,請查看電子商務 PWA 解決方案或特定於平台的 PWA 解決方案。
- 經驗和專業知識:PWA 相對較新,但它需要具有多年專業知識的熟練開發人員來應對各種場景。 您可以通過提供 PWA 服務的年數和所進行的 PWA 項目的數量來檢查這一點。
- 第三方平台上的評級和評論: Trustpilot 或 Clutch 是您可以開始挖掘的地方。 通過閱讀其他項目的描述,您可以推斷該機構是否進行了複雜、中間或簡單的服務。
- 感言和以前的作品:一旦提供商有您的信念,請查看他們的官方網站和感言,看看該機構的最佳之處。 為他們的強項招聘一個地方應該比其他了解較少的服務更好。
- 地點:最後,如果您遵循上述步驟,將您的 PWA 開發外包給亞洲國家將承諾以最便宜的費用獲得世界標準的質量項目。 無數小企業將他們的需求外包給較低的小時費率區域。
介紹 Tigren PWA 開發服務
關於泰格倫
如果您正在為電子商務商店尋找經過審查且可靠的 PWA 解決方案機構,那麼 Tigren 是您應該開始檢查的名稱。 從谷歌命名的那一年開始,我們就研究並提供了漸進式 Web 應用程序開發。
我們是發展最快的電子商務服務機構之一,在 Magento 方面具有很強的專業性。 在過去十年中,我們與近千名全球客戶合作,並經常收到保留項目。
關於 Tigren PWA
我們提供定制的 PWA 開發服務,無論是從頭開始還是不同的解決方案,都以可承受的成本為您的商店配備先進的功能和額外的照顧。
如果您只是想為您現有的網站定制一個 PWA 主題,我們有一個針對 Magento 平台進行了最佳優化的高級主題。 如果您想在集成 PWA 的同時保留當前設計,我們可以重新創建它以適應新的 PWA 功能。
根據項目的複雜程度,您可以享受我們至少 3 到 6 個月的免費支持。 在那之後,我們可以繼續每月通過更新、錯誤修復和定期優化為您提供支持。
集成後 PWA 開發的常見問題
1. 你如何在沒有應用商店的情況下“營銷”PWA?
它實際上比推廣原生應用程序更容易。 現在每個人都可以使用他們擁有的任何瀏覽器訪問在線商店,而不是單獨調用 iO 或 Android 用戶。
同時,您可以通過原生應用程序的不足來推廣 PWA,即現在他們可以在主屏幕上安裝 PWA 商店,而不會浪費存儲或即時更新。
2. 小型電商如何在大多數用戶都不知道的情況下採用 PWA?
假設您決定成為下一件大事的早期採用者之一。 在這種情況下,您必須負責告知目標受眾您正在進行的這種轉變。
自 2015 年以來,Google 就引入了漸進式 Web 應用程序的概念,他們在開發者社區中做得很好,並與大品牌接觸。
現在是您走出去告訴您的觀眾他們將通過最新更新獲得的多汁好處的時候了,直接來自您為創造更好的購物體驗所做的努力。
外賣
在 PWA 之前和之後的全球速賣通在在線購買方面給用戶帶來了極大的衝擊,尤其是在移動平台上的表現。 AliExpress PWA 更快、更輕、更簡單、更具吸引力。
在 PWA 的幫助下,他們現在在各種屏幕尺寸上保持一致的圖像,所有這些都是為了創造有意義的購買體驗。 該平台在優化加載速度方面做得非常出色。