兄弟象品牌商城設計
我擔任品牌整合 UI 設計師,負責從 Wireframe 到 Mockup 的全流程設計。新版商城不僅整合品牌核心識別,透過視覺敘事與購物流程優化,有效提升使用者的購物參與感與整體操作效率,打造更具運動氛圍與情感連結的專屬購物體驗。
執行 Implement
UIUX設計、視覺設計、網站規劃
工具 Tools
Figma、Photoshop、illustrator
應用 Application
RWD、Mobile、Web
設計日期 Date
2024.11
困難&挑戰
  • 資訊整理
  • 品牌形象設計
  • 整合旗下品牌資訊
  • 現代化視覺購物體驗
  • Lottie動畫製作
  • 原有商城存在資訊分散、視覺風格不一致、導購路徑不清等問題,影響品牌識別與用戶體驗。 新版商城整合旗下多個品牌資訊,透過現代化的 UI 設計語言與清晰的分類邏輯,重建一套具有一致性的品牌視覺系統。設計中導入 Lottie 動畫與情境式視覺敘事,使操作流程不僅流暢,還能在互動中傳遞品牌氛圍。 此次改版有效提升使用者的購物參與感與操作效率,成功打造兼具運動活力與情感連結的數位購物體驗,讓品牌在線上也能傳遞出熱血精神。

    整合品牌視覺 × 優化購物體驗 專案初期的 Wireframe 規劃階段,我專注於資訊架構重整,優化導購邏輯與品牌一致性。
 透過整合品牌視覺語言,讓版型配置與商品呈現風格統一;同時根據用戶瀏覽習慣,重新設計分類與搜尋模組。 導購區則依商業目標明確分層,提升用戶辨識效率與操作流暢度。
    在商品展示區塊設計上,我優先考量用戶導購體驗與視覺辨識效率。透過將「熱門主題推薦」區置於上方,結合下方的商品分類標籤,幫助球迷更快速找到想要購買的商品,減少滑動與搜尋負擔。 視覺風格採用乾淨簡約的白底設計,避免深色背景與多數深色商品圖產生融合,導致商品不易突出。 這樣的設計策略能更好凸顯象魂商品的特色與質感,避免「貼藥膏」的設計出現,維持整體品牌形象的俐落與專業感。
    主視覺 Banner 為商城改版的核心視覺之一,設計概念結合「品牌重塑 × 商品導購」兩大目標。 視覺主軸以兄弟象LOGO標誌結合 SHOP 字樣設計作為中心構圖,代表商城整體升級與品牌統整。 搭配球員動態剪影與冠軍徽章,傳遞榮耀時刻與熱血運動精神。
    UIMOFA 設計專案
    UIMOFA 設計專案
    Get Figma Magic Now !
    視覺驚艷只是開始
    真正打動人心的是無形的魔法體驗