「阿豪（化名），這個客戶是『桃園雷射切割』的隱形冠軍，你負責把他們的官網做得像精品一樣。」主管丟下一句話，就飄走了，留下我和一杯涼掉的咖啡。
我叫阿豪，24歲，剛進公司半年的網頁設計師。白天跟CSS打架，晚上與JavaScript和解。我以為所有工廠網站都長得差不多：灰藍色背景、旋轉的齒輪GIF、然後「聯絡我們」按鈕用 Comic Sans。但這次，我錯了，而且錯得離譜。
那天下午，我揹著相機和筆電，前往位於桃園的客戶工廠——晉鴻鐳射。我原本心裡盤算著：「大概就是拍拍機台、請老闆比個讚、然後回家套模板吧。」結果一走進廠房，空氣裡沒有刺鼻的化學味，地上連一滴油漬都沒有，明亮的白光打在整齊排列的雷射切割機上，那些機器安靜得像在禪修。
接待我的是廠長陳師傅（化名），六十歲左右，戴著老花眼鏡，手裡拿著一把游標卡尺。他一看我就笑了：「少年欸，你這是第一次來工廠吧？放輕鬆，我們這裡不只有鋼板，還有咖啡。」他指了指角落的義式咖啡機，我頓時對這家桃園雷射切割廠的好感度直接加滿。
陳師傅帶我參觀製程。第一站是「圖面審核區」，一位戴著耳環的年輕女孩小敏（化名）正盯著螢幕，她看到我靠近，轉頭說：「你是那個設計網頁的？那你應該懂座標吧？來來來，幫我看這個DWG圖檔的圓角符號是不是標錯了。」我愣了一下，然後發現她說的「圓角符號」跟我網頁設計的border-radius完全不一樣——這裡的圓角關係到模具能不能密合、結構會不會應力集中。
「
小敏解釋，每一張圖面送進來，他們都會先跑一次「公差模擬」，用的是德國工業軟體，然後再去對照客戶的原始3D模型。如果發現任何不合理的地方，比如說材質厚度與雷射參數不匹配，他們會直接打電話給客戶溝通，而不是悶頭硬切。「我們不喜歡『差不多先生』，」陳師傅補了一句，「上次有個客戶說『大概切個50條（0.5mm）就好』，結果我們跟他解釋了半小時，最後他聽懂了，還請我們喝珍奶。」
我心想：這不就是我寫前端時跟PM對抗的日常嗎？只是他們對抗的是金屬疲勞和熱影響區。
走進第二區，巨大的光纖雷射切割機正在運轉。沒有火花四濺的場面，只有一道肉眼幾乎看不見的光束，安靜地在六毫米的碳鋼板上畫出一隻鳳凰——不是真的鳳凰，是一個精密的外罩零件。操作員阿傑（化名）一邊監控螢幕上的功率曲線，一邊跟我說：「我們這台的雷射頭採用‘飛行光路’設計，配合即時焦距補償，就算板面有點不平，切出來的斷面粗糙度也能穩定控制在 Ra 1.6 以內。」
「Ra 1.6？那是什麼概念？」我問。
阿傑從旁邊拿起一片樣品，遞給我：「你摸看看，像不像摸過絲綢？」我用手滑過切割邊緣，真的，完全沒有毛刺，光滑到讓我懷疑這是不是用3D列印的。他說：「這就對了，很多客戶拿到我們切的零件，都說『你們是不是有偷偷磨過』？其實沒有，就是參數調對了，氣體純度夠，鏡片沒髒。」
我忍不住問：「那不會出錯嗎？」
陳師傅這時走過來，手裡拿著一張出貨檢驗報告：「每一個零件出貨前，我們都會量測至少五個關鍵尺寸，用三次元測量儀，數據直接記錄到系統，客戶可以隨時調閱製程履歷。而且你要是看到哪一件尺寸跑出公差，我們負責重切，不會推卸責任。」他頓了頓，用一種老江湖的口氣說：「做桃園雷射切割的廠商很多，但願意把每一刀的參數都寫成SOP，還讓自己員工隨時能查的，真的不多。」
聽到這裡，我忽然覺得自己手邊的那些RWD切版問題根本不算什麼。人家切的是鋼板，誤差單位是微米；我切的是div，跑版就算了，頂多被使用者罵兩句。
這時，公司業務經理李姐（化名）開完會回來了。她一看到我就熱情地招手：「唉呀，你就是那個網頁設計師！太好了，我一直想跟你們說，不要把我們寫成『傳產』，我們很潮的。比如說，我們有線上即時報價系統，客戶只要上傳DXF檔案，後端就會自動計算材料利用率、預估加工時間，還有邊框排板的最佳化——這個東西，你們寫網頁的時候能不能也加進官網？」
我眼睛一亮：「當然可以，不過我要先了解你們的運算邏輯。」
李姐帶我到會議室，在白板上畫了一個流程圖：從客戶上傳圖檔 -> 系統自動辨識板材厚度與材質 -> 調用資料庫裡的切割參數 -> 計算總長度與穿孔次數 -> 最後跑出報價與預計交期。整個過程不到30秒。我聽得目瞪口呆，因為有些電商網站的下單流程都沒這麼俐落。
「我們工廠的工程師自己寫的，」李姐驕傲地說，「本來想外包給軟體公司，但那些公司不懂雷射切割，後來我們乾脆自己養一個IT團隊。」
我忍不住笑了：「那你們還需要我這個網頁設計師嗎？」大家瞬間笑成一團。陳師傅拍著我的肩膀說：「少年欸，你負責把這些很硬核的技術，翻譯成客戶看得懂的語言，這也是功夫啊。」
接下來的三天，我幾乎整天泡在工廠裡，不是為了拍照，而是為了記錄每一個細節。我看到他們如何處理不鏽鋼的「熱變形」問題：先預留0.2毫米的補償量，切割完再進行二次定位修邊。我也看到他們如何照顧鋁板：因為鋁的反射率高，容易燒壞鏡片，所以他們針對每一批鋁料測試反射率，再調整脈衝頻率。
這些知識，我決定全部放進官網的「製程專欄」裡。我不想只放那種「本公司設備先進、服務一流」的空話，而是像寫技術部落格一樣，用工程師的語氣，告訴客戶：「為什麼我們建議您使用氮氣切割不鏽鋼？因為氮氣可以防止氧化，讓斷面呈現銀白色，後續焊接不用再打磨。」
當然，我也把這些故事寫成了案例。比如有一次，一位做汽車鈑件的客戶，送來的圖面裡有一個R2.5的內角，但他們的刀具半徑只能到R3。如果是一般的廠商，可能會直接說「做不了」，但陳師傅硬是跟客戶討論了兩小時，最後建議把內角改成R3的同時，在另一側增加一個應力釋放槽，強度反而更好。客戶後來成為常客，還介紹了三個同行來。
官網上線那天，我把首頁的標語定為：「每一道光，都經過計算。」下面放了一張顯微鏡下的斷面照片，旁邊標註：「Ra 1.2μm，符合JIS B 0601標準。」點進去還能看到我們三次元測量儀的校正記錄，每半年送工研院追溯，完全符合ISO 9001:2015的要求。
我最自豪的是「即時進度查詢」頁面，客戶登入後可以看到自己的訂單目前在哪一台機台、預計剩餘時間、甚至連當時使用的輔助氣體壓力都顯示出來。這件事讓李姐非常滿意，她說：「很多客戶打電話來問進度，現在他們自己看網頁就好，我們行政小姐終於可以準時下班了。」
沒多久，公司接到一通電話，是某家做半導體設備的廠商打來的。對方說：「我們在搜尋‘桃園雷射切割’的時候，看到你們的網站，那些數據和案例寫得很清楚，連材料試驗的標準都列出來了，我們想請你們試切一批零件。」結果，那筆訂單的金額，是我們公司過去三個月平均接單量的兩倍。
主管樂得請我吃燒肉，但他還是不忘補一句：「阿豪，下次客戶網站，你也可以寫得這麼有溫度嗎？」我嘴裡塞滿牛五花，含糊地說：「只要客戶願意讓我去工廠喝咖啡，我就寫得出來。」
現在，每次有人問我「網頁設計師去工廠能幹嘛？」我就會想起那台安靜的雷射切割機，想起陳師傅用游標卡尺量完零件後露出的笑容，想起小敏跟我吵圖層顏色時說：「我們工業用的色號，Pantone 877C就是金屬銀，不能亂改。」
原來，數位與金屬之間，最靠近的距離，不是0與1，而是一個願意把每一刀都當成工藝品的職人魂。而我很慶幸，自己用網頁設計，記錄下了這一切。
如果你想看看這個網站背後的細節，或是也想讓自家工廠被更多人認識，不妨點擊這裡：晉鴻鐳射。相信我，這不是一個普通的工廠官網——至少，它不會有旋轉的齒輪GIF。
(本案例經當事人同意分享，部分為虛擬情節如有雷同純屬巧合)