旋轉文字按鈕・線條動畫
CASE STUDYTAIPEI · 2025
PAIHO ESG,BY DESIGN.
本業的織帶，纏繞成無限符號
象徵產業與環境的永續循環
花草與蝴蝶，讓專業的永續議題
也保有生命的溫度
岩層與齒輪
穩固的治理基礎，支撐長遠成長
PAIHO ESG/25
E (ENVIRONMENT) 環境
+ S (SOCIAL) 社會
+ G (GOVERNANCE) 治理
→ 七大永續主題
[ PROJECT SCOPE ]
- 01.資訊架構
- 02.視覺設計
- 03.互動動態
- 04.響應式切版
我們做了什麼
梳理永續資訊，將百和的 ESG 承諾轉化為清楚好讀的網站
以七大永續主題為骨架，搭配主視覺、成效數據與一致的內頁版型，讓投資人、客戶與員工都能快速找到所需資訊。
七大永續主題導覽
橫向主選單依 ESG 架構分類，搭配搜尋與語系切換，從任一頁都能直達關心的議題
織帶 × 漂浮生態島
以百和本業的織帶纏繞成無限符號，結合生態島嶼，象徵產業與環境的永續循環
大字數據，讓永續成效一眼看見
Effectiveness, Made Visible
左側延續首頁的漂浮生態島，右側以錯落卡片呈現年度關鍵數據
年份、指標與單位層層分明，讓專業的永續成果也能被快速讀懂
動態生態島
島嶼以動畫呈現，蝴蝶緩緩飛舞，讓數據區塊也保有品牌的溫度。
錯落數據卡片
編號、年份、指標到大字數值，捲動時數字跳動，強化閱讀記憶點。
PAIHO IN NUMBERS
把報告書裡的數字，變成看得見的永續
從營運、環境到社會參與，網站以卡片與大字數據拆解永續報告書，
讓關鍵成果不再淹沒在表格裡。
第三方查證
2025 主要原料聚酯纖維 45.5%
2025 年EPS
4.1元
廢棄物再利用比例
92.6%
32.5小時
平均教育訓練時數
2025 捐血袋數
675袋
231.3
累計贊助（萬元）
環境、社會、治理，以堆疊卡片串聯閱讀
Environment · Social · Governance
三大面向的卡片隨捲動依序堆疊，從品牌綠、淺綠到灰，色彩漸進帶出主題轉換
- EEnvironment環境永續與管理
- SSocial社會共融與關懷
- GGovernance公司經營與治理
環繞按鈕 | 亮點卡片 | 網站地圖，細節串起體驗
Thoughtful Details, Seamless Experience
旋轉文字按鈕、線條繪製動畫與圓角卡片，讓企業網站少一點生硬、多一點親切
行動版重新編排，讓手機上的瀏覽同樣順暢
永續亮點 Bento 卡片
完整網站地圖頁尾
行動版體驗
客製化內頁維持一致性
Custom Page Design with Brand Consistency
