case study

city'super

革新網店頁面 提升網上用戶體驗

city’super 選擇了全球性雲端電子商務平台Shopify,務求提供完善的網店使用者經驗予顧客。Wave Commerce 與 city’super 合作,完善網店的導航、商品庫存顯示、送貨資訊,提升顧客體驗。

May 15, 2020
F&B
Hong Kong

PLatform

Shopify Plus

services provided

Existing Shopify/Plus enhancements and optimization, Data-driven UI and UX, Navigation enhancement, Conversion rate optimization, Applications and extensions, Enterprise integrations, Audit and review, Omnichannel strategy and planning, Coaching and support
自1996年以來,city'super一直是香港領先的高檔超市。 city'super在大中華區設有門店,為追求高品質生活的忙碌都市人士提供來自世界各地的優質產品。

city’super 力求以創新的購物體驗啟發、充實顧客的生活方式,因此,city’super選擇了全球性雲端電子商務平台——Shopify,以提供完善的網店使用者經驗。Wave Commerce 與city’super合作,完善網店的導航、商品庫存顯示及送貨資訊,從而提升顧客體驗。

目標:以 Shopify 的完善網店頁面提供優良網上購物體驗

了解到大多數的顧客都期望購物選擇能多多益善,city’super 本著「以客為先」的精神,選用 Shopify 更新其網店頁面,提供更豐富的貨品選擇給顧客。從頁面導航到送貨資料,清晰的表達都無容置疑是極為重要。Wave Commerce 與 city’super 緊密合作,找出在客用網上購物時,能幫助促進更順利的購物體驗的關鍵接觸點,包括頁面導航、固定頁首,以及根據商品庫存限制而定制的訊息。

解決方案:於結賬時,智能提供送貨選項

Wave Commerce 協助 city’super 更新網店,以提供非同凡響的品牌體驗。透過確保顧客能時刻得知網店的送貨、提貨資訊,Wave Commerce 設計了一個完整的購物流程,統一顧客從瀏覽到結賬的體驗,力求令顧客於下單到線下提貨的體驗均會暢通無阻。

city’super 希望完全發揮 Shopify 的定制設計對顧客的利處。如果顧客訂單貨品較多,其中某些貨品很可能只有送貨的選項,而其他貨品則需於指定地點提取。Wave Commerce 與 city’super 運用 Shopify 的標籤及代碼級別變化,提供了獨一無二的結賬及送貨體驗。

為了透過顧客本位的設計提升顧客滿意度,於購物過程保持清楚溝通極為重要,是以,Wave Commerce 針對以下關鍵顧客接觸點設計頁面與顧客的溝通:

  • 商品說明
  • 顧客將限制貨品加入購物車時之免責聲明
  • 購物車總覽

當顧客瀏覽一項貨品時,可以查看該貨品之送貨選項——只限送貨,抑或可以於指定商品(例如國際金融中心商場及新城市廣場)提取。此設計能大大幫助顧客下決定。


此外,免責聲明會於送貨選項有限制之貨品被加入購物車時顯示。此功能有助確保顧客得悉重要資訊,使他們於結賬前已有所準備,從而減低棄單率。


最後,Wave Commerce 與 city’super 協力將清楚溝通置於結賬時之使用者體驗設計中。city’super 的購物車頁面會根據貨品的送貨選項,顯示定制的日曆及地點。舉例而言,如果只有海港城售賣該貨品,則只顯示該地點;如果該貨品只有提取選項,則會顯示原因。根據此預先界定的送貨選項邏輯,Wave Commerce 為不同情境撰寫對應訊息,確保顧客感到此網店頁面是為方便他們而設,同時亦感到指示清晰。

於購物之最後階段顯示資料有助顧客更容易明白提取貨品的步驟,令這些資料能被輕易獲取,顧客就不必於事後翻查資料,享受更順利的購物體驗。

---

與顧客的清楚溝通有助 city’super 網店提供順利、容易的購物體驗予顧客,同時使員工更容易根據訂單提供貨品。Wave Commerce 與 city’super 團隊緊密合作,透過優化網店頁面與顧客的溝通及網店的後台邏輯,得以幫助 city’super 預計顧客需要,從而提供他們的專業顧客服務。

The UI/UX enhancement helps to better display the navigation of menu as well as to cater for different delivery/pickup models. It further improves the whole customer journey, from browsing, purchasing to receiving the items."