Emilys Selection 電商網站
業主很注重 UI 呈現，想要有日本視覺感，因此除了使用體驗之外，我也一併對 UI 做了設計
專案日期
2023/03 - 2023/05
角色
UIUX 設計師
負責項目
UI 視覺規劃優化
問題與研究
業主為日本商品選物代購，原先僅於 LINE 及蝦皮經營。為降低蝦皮的手續費成本，決定自行建立專屬網站並串接 LINE Bot 供用戶下單。考量後續交接後的營運便利性，我們選用 WordPress 進行開發，確保業主能輕鬆上手後台的訂單與商品管理。
競品研究
在專案初期，業主對於網站輪廓已有非常清晰的想法，並以「Japan Selects」這類日系選物網站作為核心視覺參考。目標非常明確讓我們省下了大量的前期摸索時間。所以我以此作為發想主軸，讓色彩計畫與字體定義能迅速定案。
設計時程/規範
網站的功能底層已經串接好，我接手後續的設計。重點會放在美化商品頁面和優化導覽選單，讓分類更一目瞭然，打造一個具備精品感的選物購物環境。
Userflow & Siemap
把 sitemap 和使用者過程一起整合在一張圖中，方便檢視實際需產出的頁面和使用者進入網站後的可能的實際流程，用背景顏色去區分 header、footer、選單和會員後台的部分，後續作頁面可以再回頭 review，也方便給提供前端查看後台全貌方便串接。
設計規範
視覺風格定義：
品牌定位： 延續日系選物店的簡約與精緻感，以「乾淨、透明、具信賴感」為核心視覺導向。
色彩計畫： 採用高明度、低飽和度的中性色調作為背景，確保商品圖片的鮮艷色彩能成為視覺焦點。
字體規範： 選用易讀性高的無襯線體（Sans-serif），並針對英文品名與價格進行加重處理。
設計交付
Result
本次網站不僅提升了品牌形象，更為業主打造了一個『串接友善』的網站。業主後續回饋非常輕鬆地將網站與 LINE 連結，讓系統自動幫忙推銷商品、幫客戶查訂單。
網站上線後，協助業主掌握 Google Search Console 與 GA 的數據分析技能。這不僅確保了交接的順暢，也讓業主能透過數據觀測，持續優化代購業務的經營策略。