精訊聯合會計師事務所｜點了服務，表單就在眼前

專案背景

精訊聯合會計師事務所由會計師、律師、代書、估價師、專利師及地政士組成，在台北、桃園、台中、雲林、台南設有據點，服務涵蓋公司設立、記帳報稅、會計師簽證、不動產、外資來台與美加移民。官網累積了 170 多個服務頁、2,100 多則財稅新聞，另有简体、English、日本語、한국어四個語系。

這是留白設計以精訊為題的概念提案：一間什麼都能處理的事務所，官網要怎麼讓客戶馬上找到自己的問題，並且順手留下詢問？

改版前後

• 首頁：照片輪播、事務所名稱做在圖片裡 → 一句話說清楚「公司設立・記帳報稅・會計師簽證」，下方是免費諮詢專線與線上諮詢兩個行動按鈕
• 選單：11 個主選單擠在同一列 → 整理成 7 組下拉，「聯絡我們」常駐右上角
• 服務頁：31 個服務頁點進去是空白的 → 點選服務，自動帶入表單並錨點定位
• 表單：在頁面最下方，服務項目要自己選 → 每個「線上諮詢」都帶著服務名稱，打開就是填好的表單
• 語言：五個語系各自一套網站 → 同一套網站，一鍵切換到同一頁的其他語言
• 更新：內容要找工程師 → 以內容後台自行修改文字、新增消息、上傳圖片

解決方案

點了服務，表單就在眼前 Click to Enquire

許多原站服務點擊後沒有反應。美國移民、加拿大移民等 31 個服務頁點進去是空白的，聯絡表單在頁面最下方，「服務項目」還要自己從選單挑，選單裡甚至沒有剛才點的那一項。服務應該是點擊後有反應，否則會讓使用者錯愕，不知道下一步該做什麼。

我們做了一個高級的改變：點擊特定的服務後，自動帶入到表單裡，同時錨點定位到表單。服務項目已經選好、諮詢內容預先寫好一句「我想諮詢某某相關服務」，使用者不需要再手動選擇，也不用滾動滑鼠，只要留下聯絡方式。這是一個讓使用者不需要思考的決策。

每個「線上諮詢」都記得您在看什麼 Context-aware Enquiry

同一個邏輯用在全站：每個服務頁下方都有「線上諮詢」，按鈕記得這是哪一項服務。按下後進入聯絡我們，畫面自動定位到表單，服務項目與諮詢內容已經帶好，客戶換了想法，點另一項服務，表單跟著更新，自己補充的文字會保留下來。

五種語言，同一套網站 Five Languages

正體、简体、English、日本語、한국어的內容都取自官網原本的各語系，右上角一鍵切換到同一頁的其他語言。各語言的選單字數差很多，頁首會依實際寬度自動調整：先收起電話按鈕、再縮小間距，塞不下就改成選單按鈕，之後在後台把選單改長也不會撐破版面。

手機優先 Mobile First

手機上主選單收進側邊，服務項目分組展開，點選服務後，表單同樣自動帶入並捲到眼前，用拇指就能完成一次詢問。

一頁都不漏 Every Page Migrated

原站的服務頁、各地事務所、法規文章與 2,102 則財稅新聞全部搬移，五種語言合計 12,430 頁，失效連結與圖片一併清理，全站沒有任何連結指回舊網站，舊網址也整理出對照表，上線時可以設定轉址。事務所之後可以在內容後台自己改頁面、發新聞、換選單與據點資料，存檔後網站自動更新。

成果

• 點選服務就有回應：表單自動帶入、畫面定位到表單，不必手動選擇或滾動
• 全站每個「線上諮詢」都帶著服務名稱，詢問一開始就知道客戶要問什麼
• 五種語言一鍵切換，頁首依字數自動調整
• 12,430 頁內容完整搬移，內容後台讓事務所自己更新

給專業服務事務所的建議

會計、法律、不動產這類事務所，服務項目多、名詞專業，客戶常常只知道自己「有個問題」。改版時可以思考：

1. 每一次點擊都要有回應：服務頁沒有內容時，至少讓客戶能直接詢問這一項，而不是一片空白。
2. 少一個步驟，就多一次詢問：客戶已經點了想問的服務，就不該再要他自己選一次、捲一次。
3. 舊內容是資產：多年累積的法規文章與財稅新聞，是搜尋引擎與客戶信任的基礎，改版要完整搬過來。

事務所官網的完整做法，可以看 NEXA 睿聯記帳士事務所 的案例與記帳士、會計師事務所官網怎麼做才接得到案？