#NET Fashion
Dress yourself and find your own style.
專案概覽
延續實體門市服務價值，透過追蹤商品數據，與企劃、程式團隊共同進行官網介面設計，除全面優化購物體驗外，也針對移動裝置進行整合優化，並透過品牌行銷、社交電商創造更多商業連結。
專案期間
2016 ~ 2019
擔任角色
UI designer
負責項目
品牌介面．電商體驗設計．網頁開發
需求與目標
企業面臨數位轉型
品牌拓展電商市場
NET Fashion 擁有超過百間實體門市，卓越的線下購物服務創下高銷售實績，成為具競爭力的服飾品牌。然而面臨數位時代趨勢、消費行為改變，品牌不得不調整營運策略，開始進攻網路市場，實現虛實整合，團隊以優化網站購物體驗、提升轉化率和增加電商銷售業績為首要目標，透過設計多元行銷活動，提高品牌知名度和顧客黏著度，增加線上業績。
專案目標
團隊以優化網站購物體驗、提升轉化率和增加電商銷售業績為首要目標。
(1) 優化官網購物體驗
(2) 定義網站設計系統
(3) 執行電商行銷設計
網站前台設計
簡單俐落、實用且合於時尚
從定義網站架構、視覺版面到購物體驗，我們延續品牌精神，使網站的主題風格與企業願景相符，我們也相信設計品牌網站需從用戶體驗出發，創造出舒適、易用的網站環境。
追蹤商品數據能更有策略的設計網站佈局，如熱門商品、常被組合購買的商品、點擊次數等，能反應客戶對商品的反應和偏好，更有針對性地進行設計規劃和商品推薦。
移動端介面設計
小屏幕的操作體驗
在元件的設計與規劃上需注意適當的元素大小和間距，以確保在小屏幕上顯示的清晰度和易用性，避免過多的視覺元素干擾，將合理的按鈕和選項排列，讓用戶能夠方便地完成相應的操作，例如：選擇分類、瀏覽商品細節、資訊等。
問題：缺貨時，無法點擊下單
透過網站數據瞭解，若因為缺貨導致購物時按鈕不能點擊，將會影響用戶的購買意願，用戶可能會因此感到沮喪和失望，並轉而尋找其他相似產品或轉向競爭對手的網站。
因此，在設計購物介面時，需要考慮到產品的庫存狀況、商品狀態，提供及時的庫存更新或設計策略：
→ 有意識的引導用戶
(1) 將有興趣的款式加入貨到通知
(2) 為用戶找到相似商品，提供替代方案
(3) 數據分析，自動列出用戶有興趣的商品
優化購物體驗
友善而人性化
我們擁有多種年齡層的客群，在設計手機購物流程時，如果沒有考量不同年齡層的需求，可能會導致部分客群覺得繁複困難，難以完成購物流程將導致客戶流失，因此，我們希望打造無障礙購物環境，並將以下列關鍵字作為優化原則：
簡單的購物步驟
我們從客戶的反饋中瞭解到，目前的購物流程存在問題，包括等待時間過長、流程繁複、步驟不明確、付款過程不流暢和錯誤提示等。這些問題導致轉換率下降，為了解決這些問題，我們制定了相對應的設計策略。
→ 簡化操作流程
(1) 明確的商品購物項
(2) 一鍵代入常用付款資訊
(3) 清晰的購物明細
流暢的表單設計
流暢的表單設計可以減少填寫時間和錯誤，增加購物車記憶功能，讓用戶可以隨時回到之前的填寫進度，其次，記錄常用的購物資訊、物流收件資訊，減少用戶的輸入量。
個人化購物習慣
在個人中心清楚呈現訂單狀態、待付款和待取貨的包裹，這讓用戶輕鬆追蹤他們的訂單狀態，並且及時了解訂單處理情況。同時，管理個人常用消費習慣、記錄常買清單和加入週期性購物袋等功能，可以使用戶更容易地尋找他們經常購買的商品，無障礙快速結帳，大幅縮短結帳時間。
虛擬試衣間
概念發想
門市體驗 VS 電商體驗
服飾電商要超越「門市體驗」，仍有許多困難和挑戰，例如：相比於實體店，用戶在線上購物無法實際試穿商品，需要透過網站提供的尺寸參考、商品照片、商品資訊和評論等方式來做出購買決策，容易造成用戶的不信任感和不確定性。
分享風格．社交電商
而透過建立完善的虛擬試衣間，提供使用者更直觀的試穿體驗，同時結合社交媒體的功能，讓使用者能夠分享自己的穿搭經驗，此外，提供個性化推薦功能，根據用戶的搜尋和購買行為推薦相關產品，社交電商潛藏著巨大商機，這些是門市較難做到的「人與人之間的商機連結」。
Design System
設計規範
在設計的初期階段，需要考慮各個元素之間的相互作用，以確保整體風格一致，同時，當網站內容越來越豐富時，需要確保架構與視覺的統一性，以使網站看起來整潔且不違和。
圖標系統設計
執行圖標設計時，需要考慮不同年齡層的客戶族群，使圖形清晰且容易理解，在風格設計上也需延續品牌精神。
UI Component
慎重規劃控制項的元件設計，如選單、按鈕、商品卡片和尺寸規格等，必須考慮元件的使用場景，以及用戶的行為模式。
電商行銷設計
一頁式銷售網站
與企劃協作，設計活動網站，並運用線上行銷策略，促使潛在訪客下單購買、註冊會員。
(1) 觀察商品數據
(2) 設計呼籲行動 CTA
(3) 前端程式開發
New year, new beginning.
Landing page 專題設計
New year 新年特輯，我參與形象拍攝並協助視覺企劃製作，設計網頁主視覺，切版並上架網頁。
活動贈品設計
品牌紅包袋
我設計活動贈品，與合作的印刷廠商進行溝通，並在期間內完成贈品拍攝和上線活動網頁。
Landing Page
更多活動行銷設計
「行銷贈品設計」，透過活動贈品刺激購買慾望，目標將所有客源導入官網消費。
MID-YEAR-SALE：Cherie
企業形象官網
EDIT - Jeans!
品牌行銷活動網站
Color Your Fall｜玩色秋日
品牌電子商務網站
Spring Fashion
企業形象官網
Merry Christmas
popin Aladdin 學習投影
設計成果
透過無障礙購物平台，我們致力於提升多元族群及年齡層的購物體驗，並成功降低購物車放棄率，我們的線上行銷設計也大幅提高了品牌曝光度，讓企業更貼近消費者，並增強商業連結，這個專案不僅是一個購物平台，更是讓消費者更加貼近品牌、產生認同感的重要過程。
