E-Shopping 機上購物免稅網站 - Shiloh Wang's Portfolio

機上免稅網

機上免稅網 PC & Mobile 設計

−
CLIENT
China Airlines中華航空

−
MY ROLE
UIUX Design

−
NUMBER OF TEAMS
5 人

−
VISIT SITE
https://cishop.cilink.com.tw/tw

−
專案背景

華航機上免稅購物網，舊版本自 2015 年以來未更新，在電子商務快速增長趨勢下，舊平台在操作體驗、商品展示規劃、購物流程、跨平台設計，已經與2020年時下電商網/購物網的使用者習慣，相去甚遠。而航空與機上購物的商品類型，專注於銷售高單價的品牌精品，因此平台更急需創造時尚精緻與簡潔流暢的購物氛圍，以吻合商品屬性，且延續中華航空企業形象。同年間，2020 年 COVID-19 疫情肆意，推使電商平台迅速擴展，為預先部署更新機上購物平台，此時成為平台更新的最佳時機。

−
任務與挑戰

探索舊版免稅購物網站，理解的整個網站的流程架構與體驗後，發現舊版平台的規劃缺乏用戶體驗思維，再與各家航空公司的機上免稅購物網比較，發現幾個重要的問題，如下：

1. 平台缺乏區域/全域導覽功能，無法引導用戶探索產品。

2. 整體促銷資訊與用戶間的互動低，不足以吸引用戶增加消費行為。

3. 航空企業品牌的質感並無延伸到網站，網站風格老舊與販售精品的形象不一致。

−
專案目標

新增導覽方式，
提升瀏覽查找商品效率

新站於首頁增加了多種導覽區塊，全域導覽、區域導覽、關聯性導覽，可順暢的提供使用者，瀏覽商品之方式。並於全域導覽的商品分類，新增 Mega menu 選單與選單雙向入口，更提升用戶探索網站商品的便利性與體驗。

了解消費者評估決策點，
優化購物體驗與流程

在重要的消費決策點提升購物體驗。選購時，以長駐型迷你購物車鼓勵用戶加入商品，隨時查看與比較優惠差異；結帳時，簡化結帳流程、強調優惠時效，以刺激用戶消費，提高用戶進入購物流程決策點的機會。

營造時尚精品質感，
提升品牌識別度與一致性

以中華航空企業識，主色調中華藍、次色調天空藍，建立一致性的視覺 icon，讓既有風格，延伸至機上免稅品購物網，提升網站品牌識別度。商品導覽頁面，以最大比例版位，呈現高質感的精品圖片，吸引注目並營造時尚精品的平台質感。

−

Individual abilities - 1：規劃UX用戶旅程

我在提案過程，負責向業主提出UX用戶旅程規劃，以及UX規劃對應到UI介面設計的方法，重點規劃包含：

1 引導用戶探索商品

機票預定成功，即發送機上購物平台電子郵件，引導消費者進入平台。

新增首頁全域/區域導覽列，以新品、熱銷品、網路限定品、會員限定品，等區域鼓勵消費者深入探索。

2 鼓勵用戶與促銷互動

以常駐的迷你購物車，鼓勵消費者加入愛好商品。

迷你購物車可主動提醒用戶優惠未達差距，也可隨時查看已達優惠組合。

設立會員專區，提供會員更多級別優惠資訊。

3 刺激商品結帳

結帳以視覺化差異，清楚顯示商品折扣後價差，及未達優惠門檻資訊，刺激用戶加購湊滿額或下單。

簡併結帳頁面，將同類資訊歸類於同頁，避免操作分心降低跳出率。

4 提醒與行為分析

結帳後，提醒消費者機上取貨需攜帶證件。藉貼心通知提醒服務，提升好感促進旅客分享與回訪。

紀錄旅客喜好商品、點擊次數，做行為分析。優先推薦旅客近期偏好商品，並作為平台選品參考。

−
Individual abilities - 2：UX 設計規劃

引導USER探索商品：區域/域全導覽

機票預定成功後，即發送機上購物平台電子郵件，引導消費者進入平台。
首頁新增了「區域導覽」版塊取代舊版本6格Banner，以最新新品、平台主打品牌、熱銷商品、網路限定品、會員限定品，專區引發消費者深入探索的興趣。而「全域導覽」版塊規劃了 Mega Menu 形式取代舊版本單層選單，讓商品使用者可同時展開分類的多層級，加速商品瀏覽的效率。