E01 / 03
環境永續
Environmental Sustainability
以「Green and Smart Manufacturing」主視覺開場，再生電力、減碳與廢棄物三項成果用大字績效卡一眼讀懂；2025 年目標、績效與達成狀況整合成一張進度表，環境成果一頁看完。
- 主視覺
- 大字績效卡
- 目標進度表
- 4 個議題子頁
ESG
CASE STUDY · 2026
群光電子 ESG 永續網站
ASSEMBLY000%
SCROLL TO ASSEMBLE
-
Environmental環境永續
61%再生電力使用率
-
Common Good社會共榮
760人次ESG 相關訓練
-
Governance公司治理
0件誠信經營訴訟
每一項永續投入，
組裝成看得見的影響力
七大資訊主題導覽
從永續群光、公司治理到投資人專區，橫向主選單搭配報告書下載，從任一頁都能直達關心的議題
鏡組 × 鍵盤
以鏡片、感光元件與鍵盤組成主視覺，光線穿過鏡組折射出色彩，呼應 Input Sustainability, Assemble Impact
大字數據，讓永續績效一眼看見
Key Performance, Made Visible
以群光大樓為中心，四張主題卡片分列兩側
點開卡片，指標與數值層層展開，讓專業的永續成果也能被快速讀懂
企業大樓為軸
大樓與城市綠意構成畫面中軸，讓績效數據也站在群光的實景之上。
展開式數據卡片
點擊加號展開主題內容，大字數值搭配單位，強化閱讀記憶點。
環境、社會、治理，一頁一頁對焦
Environment · Social · Governance
三大面向各自擁有專屬頁面，從主視覺、績效卡片到目標進度表，捲動瀏覽實際的網站內容
S02 / 03
社會共榮
Common Good and Well-being
幸福職場、人才發展、人權保護與社會參與，用真實的人物照片帶出溫度；版面依裝置調整——桌機左右並陳、平板兩欄卡片、手機單欄堆疊，每種螢幕都好讀。
- 人物照片
- 響應式版面
- 績效卡片
- 4 個議題子頁
G03 / 03
公司治理
Corporate Governance
漸層英文標題搭配議題照片，清楚標示所在位置；治理績效以三欄卡片分出數值、標題與說明三個層級，五項關鍵指標的進度表再以圖示提示達成狀況，讓治理資訊透明易讀。
- 漸層主視覺
- 三欄績效卡
- 關鍵指標表
- 4 個議題子頁
電路底紋 | 鍵帽控制 | 榮譽肯定，細節串起體驗
Thoughtful Details, Seamless Experience
新聞區的電路底紋、螢幕下方的鍵帽按鈕，都來自群光的電子本業
行動版重新編排，讓手機上的瀏覽同樣順暢
桌機版首頁體驗
行動版體驗
電路底紋・最新消息
鍵帽造型輪播控制
群光榮譽肯定
完整網站地圖頁尾
客製化內頁維持一致性
Custom Page Design with Brand Consistency
