大多數網頁設計師接受的都是同樣的SaaS控制面板、電商網站和生活風格品牌的設計訓練。因此，當鑄造廠、耐火材料供應商或鍋爐製造商出現在他們的客戶名單中時，他們往往會下意識地套用相同的模板：醒目的影片、超大的字體、視差滾動效果。但這種直覺幾乎總是錯的。
工業買家的行為方式與一般消費者截然不同。他們帶著零件編號、截止日期以及以秒為單位的容忍度而來。如果你的設計忽略了這一點，那麼你打造的雖然網站外觀精美，卻辜負了它原本應該服務的用戶群。
以下是如何在不喪失專業技能的前提下，思考如何為重工業客戶進行設計和開發工作。
知道螢幕另一端的人是誰
工業場所的使用者畫像並非普通的購物者，而是採購經理、工廠工程師或維修主管，他們需要解決特定的問題。他們通常身處吵雜的廠房，坐在電腦前；有時也會在卡車裡打電話；而且幾乎總是面臨時間壓力。
這改變了「良好使用者體驗」的定義。 B2B 用戶比消費者更能容忍用戶體驗中的摩擦，因為他們的時間是要計費的，而且他們的決策會被審查。對工業網站而言，關鍵在於：清晰勝過愉悅，具體勝過說服。
把這些內容轉化成簡報。詢問客戶買家在拿起電話之前會問哪三個問題。然後確保這些答案出現在關鍵頁面的醒目位置。
資訊架構才是真正的設計工作。
看看一個設計精良的供應商網站—例如，材料經紀商的網站。 多元化陶瓷服務有限公司 你會注意到，導航圍繞著兩個維度展開：他們採購的材料和他們服務的行業。這並非出於風格上的考量，而是為了反映買家的搜尋方式。
一家尋找高嶺土的陶器製造商並不關心你的品牌故事。他們只想確認你是否銷售高嶺土，以何種形式銷售，以及你是否服務他們的地區。能夠體現這種思維模式的建築設計，勝過你添加的任何視覺裝飾。
在開啟 Figma 之前，先繪製產品分類圖。在白板上畫兩列，一列代表公司銷售的產品，一列代表客戶群。在建立好的模型中，每個頁面都應該可以從任何一列點擊兩次即可存取。
對於工業買家而言，性能和易用性並非可有可無的因素。
工廠網路速度慢，現場連線不穩定。如果你的宣傳頁面自動播放一個 4MB 的視頻，那麼在田納西州偏遠地區使用熱點網絡的買家可能就沒戲了。
谷歌自己的 核心網絡生命 指南強調快速且方便的銷售管道和穩定的佈局，而這些指標在工業場所尤其重要。無障礙設計也是如此：老年顧客、光線昏暗的環境以及戴著手套操作觸控螢幕等情況都是真實存在的。
- 減輕媒體負擔。 在採購頁面上，靜態的、經過優化的圖片比背景影片效果更好。動態圖片最好留到個案研究中使用。
- 尊重減少運動遵循「優先選擇減少運動的媒體查詢」原則。長時間輪班的工廠工程師會感謝你的。
- 至少達到 WCAG AA 標準強烈的對比、真實的焦點狀態和鍵盤導航並非花俏的輔助功能，而是基本要素。
- 在限速連線上進行測試如果一個網站在 Chrome DevTools 中無法在速度較慢的 3G 網路下使用，那麼它在全國一半的地區都無法使用。
面向嚴肅受眾的攝影和視覺語言
工業風不代表醜陋，嚴肅也不代表沉悶。但視覺風格應該體現專業性，而不是追逐潮流。街頭服飾品牌適用的粗體字，在負責耐火磚選材的工廠經理看來，就顯得不夠專業。
選擇人文主義無襯線字體或過渡襯線字體，並搭配醒目的數字。規格、零件編號和計量單位在這些網站上隨處可見，因此，使用清晰的表格數字和簡潔的等寬字體來製作數據表是值得的。
色彩應該發揮作用，而不是裝飾。醒目的色彩應該用於行動號召和安全相關的提示訊息。其他所有內容都可以採用克制的色調，避免與產品圖片衝突。
重工業中能夠帶來轉化的內容模式
工業供應商的潛在客戶開發很少是透過在著陸頁底部放置一個花哨的表單來實現的。它通常發生在買家信任你了解他們的流程時。
- 材料和產品頁面應包括產品形式、等級、典型應用、使用行業。澆注料耐火材料的介紹頁面應像產品規格表，而非產品手冊。
- 行業頁面要貼近客戶。面向代工廠的頁面應該使用代工廠的語言，而不是通用的行銷文案。
- 服務區域清晰度如果客戶出貨到十個州，請列出這些州。買家如果無法分辨，很快就會自行放棄購買。
- 真正的接觸路徑在頁面頂部添加電話號碼比任何聊天機器人都有效。對某些客戶而言，這項決定比任何重新設計都更能提升有效諮詢量。
讓網站保持實用性的交接
工業客戶很少有專門的行銷團隊來維護複雜的CMS系統。
選擇一個客戶端可以實際更新的堆疊一個精簡的 WordPress 系統，加上用於產品規格的自訂模組，其使用壽命將比一個客製化的無頭系統更長，因為後者是公司內部任何人都無法修改的。
記錄這些模式錄製一段關於新增材料或行業頁面的簡短 Loom 演示。六個月後，當客戶獲得新的垂直領域時，他們應該能夠自行發布，而無需聯繫您。
面向工業客戶的設計獎勵克制。剔除對買家無益的部分，精益求精，最終的作品將成為你全年交付的最令人滿意的作品之一。