舊站改版更好看
原本的網站規劃邏輯雜亂、畫面統一性較差且不易使用,經UI/UX規劃後,大幅提升網站的易讀性與使用性,讓使用者在更容易操作的同時,也帶來了更多的消費。
-
01/ 舊版首頁
舊版的網站畫面呈現較為雜亂,資訊內容無收納與規劃且重點模糊,雖有Banner提升畫面吸睛度,但在尋找產品與整體瀏覽使用性上,體驗較差。 -
02/ 舊版購物頁面
-
03/ 新版購物商品頁
新版的網站畫面設計,將原先暴露在外的資訊一一規劃與邏輯式收納,讓眾多產品使用塞選的方式查找顯示,如此當使用者再瀏覽網站時,就不會因為資訊過於雜亂且難以閱讀而離開網站,反之更能提升使用者在網站的停留時間!
手機殼購買種類
手機殼購買可分為三種類型,分別是標準、客製化與配件穿搭。
-
01/ 標準手機殼
可快速選擇個人喜愛的圖案樣式,並選擇手機型號及手機殼顏色後,即可完成手機殼樣式並進入購買流程。
-
02/ 客製化手機殼
可自行選擇想要的手機殼款式、按鈕顏色、手機殼顏色、鏡頭支架、鏡頭環、掛繩等樣式,完成後可上傳個人的照片與版面,並可於線上進行圖片大小縮放、位移、旋轉等,調整完成後即時瀏覽完成圖,使手機殼成為獨一無二的款式。
-
-
-
03/ 配件穿搭手機殼
可自行選擇想要的手機殼款式、按鈕顏色、手機殼顏色、鏡頭支架、鏡頭環、掛繩等樣式,並可選擇背板的圖案,共有數個系列的圖片、超過500種的圖案可供選擇,也可選擇文字客製來輸入自己想要的文字,可設定文字的版面及字體、顏色等,完成後可即時查看印在手機上的效果,完成個人化的專屬手機殼。 -
-
可管理的客製化商品
客製化手機殼 與 配件穿搭手機殼,所有搭配項目皆可透過後台進行管理。
-
01/ 易管理的設定邏輯
同個配件可同時設定多個品牌/系列,還可同時設定加價的金額 -
02/ 易於更換的樣式
由於手機、手機殼的型號眾多且客製化選擇多元,後台利用遮罩的方式讓管理者能更輕鬆的管理型號與顏色,管理者僅需自行上架圖檔就可於前台做到客製與切換樣式的功能。 -
03/ 輕鬆新增後台圖庫
後台可由管理者自行新增各種配件欻搭的圖庫,讓消費者輕鬆挑選喜歡的圖案。
詳細的購物車客製化明細
購物車可查看客製化手機殼明細等詳細資料。
-
01/ 詳細的客製化資料
消費者在前台試衣間選配的規格與樣式,都會在購買時自動帶入其中,其詳細資訊會以收合的方式表現,當消費者沒有展開資訊時,資料不會自動列出,若想查看詳細資訊則可點選「商品規格」按鈕將其展開檢視。 -
02/ 購物車行銷功能
除了詳細的客製化資訊,下方亦有符合購買產品的可加購商品項目,此處可讓消費者再多買一點、提高結帳金額,只要選擇加購品,右側的結帳金額總計就會自動加總金額,而行銷的優惠券也可於右側輸入代碼進行優惠折抵,若為會員還可累計紅利再折抵更多,而優惠代碼亦可由管理者自行於後台新增。
豐富的金物流選擇
結帳流程可輸入消費者的資料,並有多種付款方式及取貨方式,超商取貨可透過電子地圖選擇超商門市。
-
01/ 訂單填寫
購物車的下一步就是訂單填寫的部分,消費者只要填寫收件者資料並選擇付款與取貨方式再按下確認送出即可。
- 付款方式:
信用卡、ATM轉帳、貨到付款、超商代碼付款
- 取貨方式:
宅配到家、到店自取、超商取貨
- 付款方式:
-
02/ 超商取貨
超商取貨需串接系統,當使用者選擇超商取貨這個選項時,會需要再選擇取貨門市,選擇完成並確認後,才可成功。