全網站調整，使用隔線系統 Grid system 與 RWD 排版，修改約 140 個頁面調整 (以下局部展示以首頁為例)
改版流程：前期討論與研究、規劃內容、Wireframe、設計、修改、測試到上線約一季完成製作並公開。
我擔任專案角色為執行者，獨立完成專案介面設計，制訂網站設計規範、頁面佈局、視覺與圖像設計等。
過往平均每年改版一次，總是花費大量時間製作產品與網站頁面，隨著擴點產品服務增加，多語言問題也要解決。
以利公司未來產品開發快捷，減少設計成本，也方便工程師了解規格，也幫助跨職能角色上合作提升工作效率。
自訂公司內部系統網站規範，達成裝置與平台使用的一致性，以利維護與開發，也提供使用者良好體驗。
全站改版頁面較多，還要考量中英文版本共用，及有新的頁面規劃，制定佈局與圖片改為手繪版本花比較多時間。
一、舊版首頁：原始設計為主視覺形象1個短影片+3張輪播圖，查看產品服務選單，位於主視覺下方
二、新版首頁：主視覺改為單張動圖，撤除 Slider 輪播圖，因為會分散使用者注意力，使用單張也可降低網站速度；下方內容區則改為主張產品價值，並將內容文字大小增加對比度，提升易讀性
頁首 Menu 選單：重新設計，為呈現核心產品，使用品牌原LOGO作為按鈕。產品服務統一收合在置頂於網頁上方左側；其他服務安排在次要階層，滑鼠移到選單才展開更多內容，多國語言則置頂於上方右側。
四、頁尾 footer 選單：可總覽查看所有產品頁面，考量到 SEO 成效，保留全品牌名稱
遵循隔線系統設計 Grid system ，公司有購買基本樣板，再從中自訂屬於公司的網站系統規範 Design Guideline，含文字、按鈕、顏色、頁面佈局、互動設計、響應式設計等。以利工程師了解規格，取得更有效率開發，也確保網站介面一致性。
一、以下為內容頁，截取部分對照，依照頁面架構的不同佈局與元件的設計。完整規範無對外公開不便露出。
字體規劃：使用無襯線字體，字體級距設計、使用免費字型優於網站速度
二、色彩規劃：常用文字、表格、按鈕等設計皆有統一用色，保持介面一致性
三、按鈕設計：主要分別設計主要與次要按鈕，及有 icon 的按鈕
四、佈局間距：使用Bootstrap 框架欄位排版，並在規範安排多種佈局分別單欄、雙欄、多欄制定間距
五、表單設計：表單則依照類型 (試用表單、預約表單、下載簡介等)，填寫內容處有不同的細節設計
2022年後期開始，公司內部有自訂網頁規範可套版，將節省網頁開發時間，所以樣式較單一，更多時間專注於內容規劃，讓用戶更了解產品內容與價值。希望圖片是能輔助內容。
一、主要是針對文案資訊，搭配手繪風格圖片輔助內容，但非我專業項目，是一種嘗試與學習。
二、再依照不同產品內容，可快速套版網站樣式，再針對活動內容更換手繪圖片的設計
三、如不同產品則更換色調，也是依據內容客製化圖片
