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

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的品牌精神,更透過視覺邏輯引導訪客探索傳動科技的無限潛力。

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

元素由精密傳動元件的輪廓與形態出發找到幾組關鍵字,收斂出圓角、橢圓、扇形等元件,並應用於各個區塊。

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.

回到列表

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

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的品牌精神,更透過視覺邏輯引導訪客探索傳動科技的無限潛力。

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

元素由精密傳動元件的輪廓與形態出發找到幾組關鍵字,收斂出圓角、橢圓、扇形等元件,並應用於各個區塊。

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.

回到列表

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

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的品牌精神,更透過視覺邏輯引導訪客探索傳動科技的無限潛力。

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

元素由精密傳動元件的輪廓與形態出發找到幾組關鍵字,收斂出圓角、橢圓、扇形等元件,並應用於各個區塊。

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.

回到列表