匯流排是藏在天花板和機房裡的設備，客人很難光靠照片和型號，就想像它長什麼樣子、要怎麼安裝。這個網站最花心力的地方，就是把它做成可以親手轉動的 3D，讓人像拿到實物一樣看個清楚。

專案背景

Taiwan Busway 台灣巴斯威爾自 2002 年起提供匯流排與插入式分電盤，產品用在資料中心、半導體廠、機場等不能斷電的場所，累積服務專案 2,390 件以上、安裝匯流排 1,150 公里以上，並擁有 110 項以上的設計專利。客戶遍及美洲、歐洲、亞洲與澳洲，所以網站要同時照顧台灣與海外的訪客。

專案挑戰

這個專案真正的難度在 3D。匯流排的結構精密，插孔的間距、插接箱、外殼與銅排的比例和細節都不能出錯，做得太簡化，專業的客人一看就覺得不可信。但模型越細緻，載入就越慢，手機也越容易卡頓。

所以每一個系列的模型，都要在擬真的外觀與順暢的操作之間找到平衡，還要同時支援滑鼠拖曳、滾輪縮放與手機的雙指操作。另外網站還要有中文與英文兩種語言，兩邊都要看得順。

設計思考

產品頁的 3D 外觀展示，提供「組合」與「拆解」兩種狀態。組合時看到完整的產品，拆解後可以看清楚插接箱、本體與各個零件的關係，像把實物拆開來看。BR 的黃色連續插孔、BE 的裝甲外殼與銅排、BL 的模鑄本體、EZ 的配電箱與斷路器，都盡量還原真實的外觀、顏色與材質。

應用場域則是整個場景的 3D：工廠、多樓層大樓與資料中心，匯流排沿著天花板和牆面配送電力，訪客可以切換全景或近景，自己轉到想看的角度。頁面上也註明這是示意，不是客戶現場或施工圖。

首頁則用白底搭配一個很大的品牌名稱，名稱裡面是實際現場的照片，再用成立年份、安裝公里數、專案數與專利數四個數字建立信任，並把合作客戶的標誌排成圓環。客戶與專案頁依地區整理，也能切換中英文。

實際產出

最後完成一個中英雙語的企業官網，包含首頁、客戶、產品與應用場域四個主要頁面。核心是四個系列產品的 3D 組合與拆解，以及三個 3D 應用場景，電腦和手機都能操作。可以點右側的連結親自轉轉看。