全球傳動科技股份有限公司
TBI MOTION
全球傳動科技股份有限公司
TBI MOTION
Credits
Client
TBI MOTION | 全球傳動科技股份有限公司
Catg.
Web
Visual Designer
Chia Hao Miao
Year
2023
Concept
Concept
以科技創新與精密傳動為核心,打造一個直觀且互動性強的數位平台。主視覺採用破題式呈現,聚焦客戶主要銷售的五大產品類別:滾珠螺桿、線性滑軌、滾珠花鍵、單軸機器人與旋轉系列。這些元素以浮動式圖像散佈於首頁,象徵無限延伸的機械動能,讓使用者一目了然地感受到企業的專業調性——深度、精準與前瞻性。為提升互動體驗,我們融入滑鼠視差效果,讓產品圖像隨游標移動產生輕微位移,營造立體深度感,彷彿使用者親手觸碰傳動組件。
配色邏輯以藍紅白為主軸,皆以企業LOGO標準色來延伸搭配整體網站,白色背景輔以灰階漸層,確保視覺潔淨與現代感,避免過度飽和,讓產品細節更突出。整體配色遵循60-30-10原則:60%白色中性基底、30%藍色功能區、10%紅色強調點,確保跨裝置一致性,提升使用者停留時間與轉換率。此設計不僅傳遞TBI的品牌精神,更透過視覺邏輯引導訪客探索傳動科技的無限潛力。












元素由精密傳動元件的輪廓與形態出發找到幾組關鍵字,收斂出圓角、橢圓、扇形等元件,並應用於各個區塊。
Design elements are inspired by the shapes and contours of precision transmission components, leading to key forms like rounded corners, ovals, and fan shapes, which are applied throughout different sections.




回到列表
Next work
其它作品
相關作品



田野蘑球爆米花 ── 品牌購物網站
田野蘑球爆米花 ── 品牌購物網站
Feibal Popcorn
Feibal Popcorn
2025
2025



潁川國文
潁川國文
YCCH
YCCH
2025
2025



永樂製麵廠 ── 品牌購物網站
永樂製麵廠 ── 品牌購物網站
Winglok factory shop
Winglok factory shop
2024
2024



淵暘公關
淵暘公關
Symsights
Symsights
2024
2024



緯創軟體
緯創軟體
Wistron Information Technology & Services
Wistron Information Technology & Services
2024
2024
其他類型



永樂粉麵廠
永樂粉麵廠
Winglok factory
Winglok factory
2025
2025



千層布丁塔禮盒
千層布丁塔禮盒
Flan gift box
Flan gift box
2025
2025



Age age 烘焙選品
Age age 烘焙選品
Age age
Age age
2024
2024



蒔和公關公司
蒔和公關公司
FOISON
FOISON
2024
2024



嚼力
嚼力
嚼力ゼリーパーティー 飲料店
嚼力ゼリーパーティー 飲料店
2024
2024



千樂水產
千樂水產
CIANLE SEAFOOD
CIANLE SEAFOOD
2024
2024



Matchq果凍保健食品系列
Matchq果凍保健食品系列
Matchq Jelly
Matchq Jelly
2024
2024



蕈速記
蕈速記
Brainefit
Brainefit
2024
2024



優仕紳烘焙館
優仕紳烘焙館
USS Bakery
USS Bakery
2024
2024



WUMOOKATA 巫泰式燒烤
WUMOOKATA 巫泰式燒烤
หมูกระทะ ไทยแลนด์
หมูกระทะ ไทยแลนด์
2024
2024



塔利咖哩坊
塔利咖哩坊
Thali
Thali
2023
2023



餘波潛水
餘波潛水
Ripple Diving Club
Ripple Diving Club
2023
2023



想享建設
想享建設
名片
名片
2022
2022
全球傳動科技股份有限公司
TBI MOTION
全球傳動科技股份有限公司
TBI MOTION
Credits
Client
TBI MOTION | 全球傳動科技股份有限公司
Catg.
Web
Visual Designer
Chia Hao Miao
Year
2023
Concept
Concept
以科技創新與精密傳動為核心,打造一個直觀且互動性強的數位平台。主視覺採用破題式呈現,聚焦客戶主要銷售的五大產品類別:滾珠螺桿、線性滑軌、滾珠花鍵、單軸機器人與旋轉系列。這些元素以浮動式圖像散佈於首頁,象徵無限延伸的機械動能,讓使用者一目了然地感受到企業的專業調性——深度、精準與前瞻性。為提升互動體驗,我們融入滑鼠視差效果,讓產品圖像隨游標移動產生輕微位移,營造立體深度感,彷彿使用者親手觸碰傳動組件。
配色邏輯以藍紅白為主軸,皆以企業LOGO標準色來延伸搭配整體網站,白色背景輔以灰階漸層,確保視覺潔淨與現代感,避免過度飽和,讓產品細節更突出。整體配色遵循60-30-10原則:60%白色中性基底、30%藍色功能區、10%紅色強調點,確保跨裝置一致性,提升使用者停留時間與轉換率。此設計不僅傳遞TBI的品牌精神,更透過視覺邏輯引導訪客探索傳動科技的無限潛力。












元素由精密傳動元件的輪廓與形態出發找到幾組關鍵字,收斂出圓角、橢圓、扇形等元件,並應用於各個區塊。
Design elements are inspired by the shapes and contours of precision transmission components, leading to key forms like rounded corners, ovals, and fan shapes, which are applied throughout different sections.




回到列表
Next work
其它作品
相關作品



田野蘑球爆米花 ── 品牌購物網站
田野蘑球爆米花 ── 品牌購物網站
Feibal Popcorn
Feibal Popcorn
2025
2025



潁川國文
潁川國文
YCCH
YCCH
2025
2025



永樂製麵廠 ── 品牌購物網站
永樂製麵廠 ── 品牌購物網站
Winglok factory shop
Winglok factory shop
2024
2024



淵暘公關
淵暘公關
Symsights
Symsights
2024
2024



緯創軟體
緯創軟體
Wistron Information Technology & Services
Wistron Information Technology & Services
2024
2024
其他類型



永樂粉麵廠
永樂粉麵廠
Winglok factory
Winglok factory
2025
2025



千層布丁塔禮盒
千層布丁塔禮盒
Flan gift box
Flan gift box
2025
2025



Age age 烘焙選品
Age age 烘焙選品
Age age
Age age
2024
2024



蒔和公關公司
蒔和公關公司
FOISON
FOISON
2024
2024



嚼力
嚼力
嚼力ゼリーパーティー 飲料店
嚼力ゼリーパーティー 飲料店
2024
2024



千樂水產
千樂水產
CIANLE SEAFOOD
CIANLE SEAFOOD
2024
2024



Matchq果凍保健食品系列
Matchq果凍保健食品系列
Matchq Jelly
Matchq Jelly
2024
2024



蕈速記
蕈速記
Brainefit
Brainefit
2024
2024



優仕紳烘焙館
優仕紳烘焙館
USS Bakery
USS Bakery
2024
2024



WUMOOKATA 巫泰式燒烤
WUMOOKATA 巫泰式燒烤
หมูกระทะ ไทยแลนด์
หมูกระทะ ไทยแลนด์
2024
2024



塔利咖哩坊
塔利咖哩坊
Thali
Thali
2023
2023



餘波潛水
餘波潛水
Ripple Diving Club
Ripple Diving Club
2023
2023



想享建設
想享建設
名片
名片
2022
2022
全球傳動科技股份有限公司
TBI MOTION
全球傳動科技股份有限公司
TBI MOTION
Credits
Client
TBI MOTION | 全球傳動科技股份有限公司
Catg.
Web
Visual Designer
Chia Hao Miao
Year
2023
Concept
Concept
以科技創新與精密傳動為核心,打造一個直觀且互動性強的數位平台。主視覺採用破題式呈現,聚焦客戶主要銷售的五大產品類別:滾珠螺桿、線性滑軌、滾珠花鍵、單軸機器人與旋轉系列。這些元素以浮動式圖像散佈於首頁,象徵無限延伸的機械動能,讓使用者一目了然地感受到企業的專業調性——深度、精準與前瞻性。為提升互動體驗,我們融入滑鼠視差效果,讓產品圖像隨游標移動產生輕微位移,營造立體深度感,彷彿使用者親手觸碰傳動組件。
配色邏輯以藍紅白為主軸,皆以企業LOGO標準色來延伸搭配整體網站,白色背景輔以灰階漸層,確保視覺潔淨與現代感,避免過度飽和,讓產品細節更突出。整體配色遵循60-30-10原則:60%白色中性基底、30%藍色功能區、10%紅色強調點,確保跨裝置一致性,提升使用者停留時間與轉換率。此設計不僅傳遞TBI的品牌精神,更透過視覺邏輯引導訪客探索傳動科技的無限潛力。












元素由精密傳動元件的輪廓與形態出發找到幾組關鍵字,收斂出圓角、橢圓、扇形等元件,並應用於各個區塊。
Design elements are inspired by the shapes and contours of precision transmission components, leading to key forms like rounded corners, ovals, and fan shapes, which are applied throughout different sections.




回到列表
Next work
其它作品
相關作品



田野蘑球爆米花 ── 品牌購物網站
田野蘑球爆米花 ── 品牌購物網站
Feibal Popcorn
Feibal Popcorn
2025
2025



潁川國文
潁川國文
YCCH
YCCH
2025
2025



永樂製麵廠 ── 品牌購物網站
永樂製麵廠 ── 品牌購物網站
Winglok factory shop
Winglok factory shop
2024
2024



淵暘公關
淵暘公關
Symsights
Symsights
2024
2024



緯創軟體
緯創軟體
Wistron Information Technology & Services
Wistron Information Technology & Services
2024
2024
其他類型



永樂粉麵廠
永樂粉麵廠
Winglok factory
Winglok factory
2025
2025



千層布丁塔禮盒
千層布丁塔禮盒
Flan gift box
Flan gift box
2025
2025



Age age 烘焙選品
Age age 烘焙選品
Age age
Age age
2024
2024



蒔和公關公司
蒔和公關公司
FOISON
FOISON
2024
2024



嚼力
嚼力
嚼力ゼリーパーティー 飲料店
嚼力ゼリーパーティー 飲料店
2024
2024



千樂水產
千樂水產
CIANLE SEAFOOD
CIANLE SEAFOOD
2024
2024



Matchq果凍保健食品系列
Matchq果凍保健食品系列
Matchq Jelly
Matchq Jelly
2024
2024



蕈速記
蕈速記
Brainefit
Brainefit
2024
2024



優仕紳烘焙館
優仕紳烘焙館
USS Bakery
USS Bakery
2024
2024



WUMOOKATA 巫泰式燒烤
WUMOOKATA 巫泰式燒烤
หมูกระทะ ไทยแลนด์
หมูกระทะ ไทยแลนด์
2024
2024



塔利咖哩坊
塔利咖哩坊
Thali
Thali
2023
2023



餘波潛水
餘波潛水
Ripple Diving Club
Ripple Diving Club
2023
2023



