Process

自從加入DKSH UI設計團隊以來，我負責以下領域：

• 母子網站導航

• Banner 和首頁 Lay-out 設計

Project​

“子母導覽欄位”是 DKSH 的一項分流網站連結快捷功能，可以讓用戶在展開欄位後快速啟動導覽子母網站

Challenge

通過用戶訪談的結果和競品探索，我發現市面上的子母導流介面多以 Widget 呈現，並且客戶希望能以擴充彈性高、吸引人且不佔畫面的方式呈現，所以我需要在導流網站可提供擴充且易用的狀況下兼顧不影響網頁閱讀

解決方案

透過收合式的 Label 以及 Pagination 的應用，在使用者需要時適時地顯示，也兼具了高度擴充性。 

Proposal

針對客戶需求，我提供了 4 種視覺方案，分別是：

A.首頁區塊：視覺引導

藉由醫學相關素材引導至母站，可即時觀看網站資訊

B.標籤置中：母至子站

由下而上的視覺，在點擊開後視覺引導連貫直覺，視覺重心平衡

C.頁面標籤

因Ｚ字型閱讀較可輕易辨識標籤，遮擋內容較少

D.頁面標籤

懸浮小工具：Chat Bot
藉由點擊展開，可導流母站 CTA

​

最後，客戶選擇了 2 標籤置中方案

後台 UI/UX