日月光投控於 2018 年正式掛牌上市,攜手日月光、矽品與環電,有效整合集團資源發揮綜效,透過前瞻的技術研發與緊密的產業趨勢鏈結,帶來優質的技術服務方案。日月光投控本次官網改版重新訂定品牌視覺風格及元素,投控相關資訊呈現以及龐大的 ESG 內容梳理,以流暢的的網站使用者體驗實現大眾溝通,並搭配 40 週年主視覺,迎來意義重大的里程碑。
過去的日月光官網,視覺元素無統一規範,品牌也沒有可遵循之標識準則,加上日月光半導體及日月光投控同樣使用太陽 logo,區別不大容易造成混淆,因此本專案而一開始即定調整體數位形象,將沿襲早前的太陽 logo 圖示,轉換為更成穩的顏色,同時兼容三家子公司品牌印象。Tenten 更提供 ASEH 品牌視覺識別及使用規範,以延續未來數位形象的一致性。
同時,由於網站內容涵蓋投控歷史、廠區資訊、新聞中心、下載專區等多樣資訊,替所有資訊內容打造符合使用者需求的排版設計也是本專案的核心重點之一。
日月光投控在永續 ESG、關懷本土的基金會皆投注大量的心力經營,因此官網的頁面編排以 ESG 相關內容為大宗,各 ESG 項目透過重新設計排版,改善內容龐雜,使用者難以找到資訊的問題。除此之外,透過麵包屑、關聯內容的設計讓頁面之間有所關聯,以及分享鍵、報告書錨點的 icon 連結提升日月光投控在 ESG 成果的能見度。
素材使用上,我們盡量採用 ASEH 及其基金會所提供的照片、影片,以專屬於日月光投控的畫面呈現其企業精神。整體色調以深藍帶出專業感,並選用清晰俐落的無襯線字體貫徹網站內容。而在按鈕等小細節上,運用日月光標準色做了漸層動態,達到滑鼠互動的亮點效果。
進入網站開發階段後,為打造適合由日月光投控團隊親自維運官網的需求,我們以 Webflow 作為 CMS 管理、Laravel Nova 作為檔案管理的方式,既維持原有檔案的 URL,又可使用 Webflow 降低更新網站的技術門檻,方便各單位人員操作。