撰文：劉庭硯
我的角色：使用者介面設計師（Sitemap、Wireframe、Mockup、Prototype、前台維護），包含品牌形象照片的拍攝與調色，與專案經理兼內容策劃師協作，全程參與網站內容規劃。
使用工具：Whimsical、Wix、Illustrator、Lightroom、Photoshop
專案介紹：未來智慧工場以永續創新和未來教育為核心理念，成立多年來卻未曾建立對外溝通的品牌網站。本次設計不僅梳理品牌價值與定位，更旨在吸引校內學生與潛在合作夥伴，共同探索未來教育的實驗場域。
設計風格：活潑輕快的排版，運用幾何圖形與品牌三原色，突顯品牌的創意活力與多元開放。照片則參考日系空氣感構圖及色調，呈現品牌空間的溫馨親切感。
專案流程：
⭣由我及 PM 規劃提案後，與團隊共同討論，定位品牌及使用者
⭣我繪製 Sitemap 及 Wireframe
⭣我將網站內容視覺化，以品牌原有的視覺識別系統為基礎定調設計風格
⭣我使用 Illustrator 製作設計素材，並親自拍攝照片素材
使用 WIX 設計網站介面，定期與主管回報及討論細節
⭣網站上線後持續優化迭代，團隊定期更新部落格頁面
過程挑戰：品牌業務多元，前期需溝通梳理目標族群、核心理念與未來走向。鎖定目標族群後，站在使用者角度規劃，聚焦內容核心，解決資訊過於分散的問題。
設計特色：（點擊下方影片觀看⭣）
Space 頁面：照片皆由我拍攝，設計靈感來自日本學校網站的 Gallery 頁面，採用大小錯落的排版設計，帶領使用者從建築歷史、空間氛圍到社群互動的沉浸式體驗。
因離職後，網站有被調整過，所以可能與原先設計有些微不同，
建議使用網站版本觀看，較接近最初的設計。
Comments