官網是 BTL 走進國際客戶、認證單位、法人投資者眼中的那一刻，最先被記住的樣子。 我們把 BTL 39 年累積的檢測與認證專業，化作三種寫真風格，邀您慢慢看，挑出最像 BTL 的那一張。
我們不希望「風格」變成一份菜單，請您挑一個顏色就好。每一版背後，都是 BTL 想被世界看見的一種方式 — 挑哪一版，等於回答：BTL 想以什麼姿態，向客戶自我介紹。
面對董事會、法人投資者、政府監理機關時，陪您把資訊好好排列，讓每一份認證都被看見、被記住。
把 BTL 最核心的「精準、數據、可靠」從文字裡帶出來，用顏色與節奏讓訪客自然理解 — 這是一家做科技的公司。
當 BTL 要站上國際展會、歐美客戶第一次造訪時，用滿版的光影迎接他們，留下一個會被記住的開場。
Solid & Trustworthy
當 BTL 與董事會、法人投資者、政府監理機關見面時，這一版陪您把資訊好好排列，讓每一份認證、每一筆數據，都被放在它應該被看見的位置。穩定的版型、傳統的字體，給對方一份「值得託付」的閱讀感。
Minimal Tech Signal
把 BTL 最核心的「精準、數據、可靠」從文字裡帶出來。淺灰底搭上紅色訊號光點，讓訪客不必讀懂每個字，也能感覺到「這家公司，正在認真地工作」。
Full-Bleed Motion
當 BTL 要站上國際展會、歐美客戶第一次造訪時，這一版用滿版的光影、緩緩亮起的舞台燈，迎接每一位訪客。不只是一個網站，更像 BTL 為新客人準備的歡迎儀式。
我們把 BTL 的董事會、行銷團隊、IT 同仁挑選時最常想知道的事情，整理成下面六列 — 三版各自如何回應這些在意。
三版走的是不同風格，但在資訊結構與品牌基底上，我們已經統一準備好了。 您安心挑風格就好 — 功能我們已經一併備齊。
影片 + 文字 + 「39 年 / 200+ / 40+」三大數據並陳 — 履歷自然攤開。
以真實經緯度繪製（上海・台北・新竹）— 看得見 BTL 真正的所在。
客戶 / 股東 / 員工 / 社會四類窗口集中於一處 — 找人不費力。
ESG 報告與 BTL 報告驗證合併同一入口 — 對外溝通的單一窗口。
大型視覺區塊取代傳統頁首 — 每個內頁都有自己的開場。
灰 + 紅雙色系，整站統一 — 品牌走到哪裡都認得出 BTL。
三版不是三選一的選擇題。對 BTL 這種同時面對「既有客戶 + 國際新客」的企業，混搭反而是常態。以下三種搭配方式給您參考：
適合先讓既有客戶與監理單位無痛過渡。整站以 A 的穩重為主，只在「關於我們」「全球據點」加入 B 的訊號光點。升級感最溫和，過渡風險最低。
首頁用 C 的滿版動畫迎接國際客戶與初次到訪的搜尋訪客；內頁（利害關係人 / 永續 / IR）保留 A 的 Tab 結構，讓法人與既有客戶找得到資訊。內外客戶各得其所。
B 作整站基底（訊號感、精準感），首頁 Hero 疊上 C 的螺旋動畫。讓 BTL「檢測界的科技公司」這個形象一次到位，但不讓全站的動畫過重。
沒問題，可以調整 — 不過調整幅度越大，範圍越需要另行評估。版型定調後，細節微調（調色、換字、圖片替換、文案修改）屬於輕量調整；若涉及區塊新增、互動行為重寫或架構變動，會視範圍另行報價。
我們也想過這件事 — 所以三版刻意推到三個方向的盡頭，讓您先看到「最完整的樣貌」，再往中間挑。任何一版都保留調整的空間（例如 C 版可關閉粒子、B 版的訊號線可只出現在 Banner）；實際能調到什麼程度、會不會影響整體一致性，會在確認 BTL 的使用情境與素材後再具體討論。
這部分要看您想搭配的範圍 — 依想混搭的範圍而定。如果只是把其中一版的某幾個區塊（例如首頁的 Hero、某個內頁的 Banner）換成另一版的風格，通常可以在原版本上直接疊加調整，不用重做。若範圍大到整站的動畫、字體、主色、手機與桌機的排版都要一起調整，就會需要額外時間。建議您直接告訴我們「哪幾頁想用哪一版」，會依實際範圍提供估算。
這份提案目前還是視覺／互動原型，前端 HTML/CSS/JS 已完成，尚不能直接上線。正式上線前仍需另行規劃後台資料串接、網址與伺服器部署。另外，SEO、網站分析埋點、可存取性（A11y）等項目並非 BTL 現有官網既有功能，本提案範圍內不含；如 BTL 有意一併導入，會於後續另行評估範圍、時程與成本。
不論您挑哪一張，都是 BTL — 我們會依您選定的樣子，繼續陪您把它完成。