全球傳動科技股份有限公司

TBI MOTION

Credits

Client

TBI MOTION  全球傳動科技股份有限公司

Catg.

Web

Visual Designer

Chia Hao Miao

Year

2023

Concept

以科技創新與精密傳動為核心,打造一個直觀且互動性強的數位平台。主視覺採用破題式呈現,聚焦客戶主要銷售的五大產品類別:滾珠螺桿、線性滑軌、滾珠花鍵、單軸機器人與旋轉系列。這些元素以浮動式圖像散佈於首頁,象徵無限延伸的機械動能,讓使用者一目了然地感受到企業的專業調性——深度、精準與前瞻性。為提升互動體驗,我們融入滑鼠視差效果,讓產品圖像隨游標移動產生輕微位移,營造立體深度感,彷彿使用者親手觸碰傳動組件。

潔白基底 藍紅引導 精密傳動網站

潔白基底 藍紅引導 精密傳動網站

配色邏輯以藍紅白為主軸,皆以企業LOGO標準色來延伸搭配整體網站,白色背景輔以灰階漸層,確保視覺潔淨與現代感,避免過度飽和,讓產品細節更突出。元素由精密傳動元件的輪廓與形態出發找到幾組關鍵字,收斂出圓角、橢圓、扇形等元件,並應用於各個區塊。整體配色遵循60-30-10原則:60%白色中性基底、30%藍色功能區、10%紅色強調點,確保跨裝置一致性,提升使用者停留時間與轉換率。傳遞TBI的品牌精神,並透過視覺邏輯引導訪客探索傳動科技的無限潛力。

顯示了該專案的色彩計畫及長條狀的顏色比例分布 藍紅白黑
befault hovered 元件狀態展示各種icon狀態 搜尋 語系 上一頁 置頂 按鈕狀態 按鈕控制選項 dot
befault hovered 元件狀態展示各種icon狀態 搜尋 語系 上一頁 置頂 按鈕狀態 按鈕控制選項 dot
Myriad-pro 思源黑體 中英字體的描述
Myriad-pro 思源黑體 中英字體的描述
Myriad-pro 思源黑體 中英字體的描述

回到列表

全球傳動科技股份有限公司

TBI MOTION

Credits

Client

TBI MOTION  全球傳動科技股份有限公司

Catg.

Web

Visual Designer

Chia Hao Miao

Year

2023

Concept

以科技創新與精密傳動為核心,打造一個直觀且互動性強的數位平台。主視覺採用破題式呈現,聚焦客戶主要銷售的五大產品類別:滾珠螺桿、線性滑軌、滾珠花鍵、單軸機器人與旋轉系列。這些元素以浮動式圖像散佈於首頁,象徵無限延伸的機械動能,讓使用者一目了然地感受到企業的專業調性——深度、精準與前瞻性。為提升互動體驗,我們融入滑鼠視差效果,讓產品圖像隨游標移動產生輕微位移,營造立體深度感,彷彿使用者親手觸碰傳動組件。

潔白基底 藍紅引導 精密傳動網站

潔白基底 藍紅引導 精密傳動網站

配色邏輯以藍紅白為主軸,皆以企業LOGO標準色來延伸搭配整體網站,白色背景輔以灰階漸層,確保視覺潔淨與現代感,避免過度飽和,讓產品細節更突出。元素由精密傳動元件的輪廓與形態出發找到幾組關鍵字,收斂出圓角、橢圓、扇形等元件,並應用於各個區塊。整體配色遵循60-30-10原則:60%白色中性基底、30%藍色功能區、10%紅色強調點,確保跨裝置一致性,提升使用者停留時間與轉換率。傳遞TBI的品牌精神,並透過視覺邏輯引導訪客探索傳動科技的無限潛力。

顯示了該專案的色彩計畫及長條狀的顏色比例分布 藍紅白黑
befault hovered 元件狀態展示各種icon狀態 搜尋 語系 上一頁 置頂 按鈕狀態 按鈕控制選項 dot
befault hovered 元件狀態展示各種icon狀態 搜尋 語系 上一頁 置頂 按鈕狀態 按鈕控制選項 dot
Myriad-pro 思源黑體 中英字體的描述
Myriad-pro 思源黑體 中英字體的描述
Myriad-pro 思源黑體 中英字體的描述

回到列表

全球傳動科技股份有限公司

TBI MOTION

Credits

Client

TBI MOTION  全球傳動科技股份有限公司

Catg.

Web

Visual Designer

Chia Hao Miao

Year

2023

Concept

以科技創新與精密傳動為核心,打造一個直觀且互動性強的數位平台。主視覺採用破題式呈現,聚焦客戶主要銷售的五大產品類別:滾珠螺桿、線性滑軌、滾珠花鍵、單軸機器人與旋轉系列。這些元素以浮動式圖像散佈於首頁,象徵無限延伸的機械動能,讓使用者一目了然地感受到企業的專業調性——深度、精準與前瞻性。為提升互動體驗,我們融入滑鼠視差效果,讓產品圖像隨游標移動產生輕微位移,營造立體深度感,彷彿使用者親手觸碰傳動組件。

潔白基底 藍紅引導 精密傳動網站

潔白基底 藍紅引導 精密傳動網站

配色邏輯以藍紅白為主軸,皆以企業LOGO標準色來延伸搭配整體網站,白色背景輔以灰階漸層,確保視覺潔淨與現代感,避免過度飽和,讓產品細節更突出。元素由精密傳動元件的輪廓與形態出發找到幾組關鍵字,收斂出圓角、橢圓、扇形等元件,並應用於各個區塊。整體配色遵循60-30-10原則:60%白色中性基底、30%藍色功能區、10%紅色強調點,確保跨裝置一致性,提升使用者停留時間與轉換率。傳遞TBI的品牌精神,並透過視覺邏輯引導訪客探索傳動科技的無限潛力。

顯示了該專案的色彩計畫及長條狀的顏色比例分布 藍紅白黑
befault hovered 元件狀態展示各種icon狀態 搜尋 語系 上一頁 置頂 按鈕狀態 按鈕控制選項 dot
befault hovered 元件狀態展示各種icon狀態 搜尋 語系 上一頁 置頂 按鈕狀態 按鈕控制選項 dot
Myriad-pro 思源黑體 中英字體的描述
Myriad-pro 思源黑體 中英字體的描述
Myriad-pro 思源黑體 中英字體的描述

回到列表