這是一個多語系網站設計的重製專案，主要使用 Elementor 進行開發。這次客戶的需求不是重新打造全新網站，而是因為合作夥伴變更，需要移除既有內容並重新整理網站架構。
這篇文章不會教 Elementor 操作，而是從實際專案的角度，分享多語系網站設計在重製過程中的關鍵決策，以及如何透過設計流程降低修改成本。如果你正在評估網站設計或網站重製，也可以先參考我的網站設計流程了解完整規劃方式。
專案資訊 ∣Skytower Group
- 專案類型：多語系網站設計
- 客戶狀態：網站重製
- 主要目標：合作夥伴變更，移除既有內容並重新整理網站架構
- 預算區間：4 萬
- 執行時間：約 15 小時
- 負責角色：網站規劃、設計與開發
- 網站連結：https://www.skytowergp.com/
為什麼要做這個網站重製？
這個專案起初的需求是變更合作夥伴，但因為合作夥伴的變更，導致網站內容需要大幅調整。雖然看起來只是刪除資訊，但實際上會牽動整個網站結構。
因此這次網站設計的重點不是重新設計畫面，而是重新整理資訊架構，確保網站內容在調整後仍然清楚、可用。
這次專案的設計流程
即使這個網站不複雜，我仍然保留完整的網站設計流程，不是直接從 Elementor 開始製作。如果跳過設計階段，後面幾乎一定會花更多時間修改。
專案設計流程
- 設計提案確認方向
在專案初期，我先提供設計方向，讓客戶確認整體風格與內容呈現方式 (字型、排版、視覺元素)，這個階段的目標是避免後續往錯誤的方向，以符合客戶的預期。
- 設計稿確認
在風格確定後，我先完成主要頁面的設計稿，再與客戶確認細節。這個步驟可以把修改成本留在設計階段，而不是開發階段。
- 確認後才進入開發
當設計稿確認完成後，才開始使用 Elementor 架站。這樣開發過程會更順暢，也能有效控制時程。
主要目標：讓網站更容易維護
首頁輪播設定在 Options Pages 讓客戶更方便新增、編輯
原本首頁輪播需要透過 Elementor 編輯，這對客戶來說並不直覺，如果客戶的後台權限只有「編輯」，甚至連背景圖片都無法自行更換，本次重製將首頁輪播設定在 Options Pages，讓客戶更方便新增、編輯。
關於 Options Pages 可以參考我先前的文章：Elementor 教學 – 利用 JetEngine 建立 Options Page 管理網站重複出現的資訊
Leadership 改為 CPT (自訂文章類型)
原本的 Leadership 四散在後台的頁面中，更新起來也比較麻煩，本次重製將 Leadership 改為 CPT (自訂文章類型)，並透過 JetEngine Meta Boxes 設定自訂欄位，讓 Leadership 的資料與頁面分離，新增內容時可以自動更新列表頁，降低維護成本。
關於 JetEngine 自訂欄位可以參考：Elementor 教學 – 如何使用 JetEngine 客製網站
時間花在哪裡最值得？
- Leadership 改為 CPT，提高資料管理效率
- 將 Elementor 圖層命名與間距設定一致
- 建立可重複使用的內容結構 (Options Pages)
這些調整雖然不會直接影響設計畫面，但會大幅影響網站的使用與維護體驗。至於頁面轉場效果，雖然實際使用幫助不大，卻意外的給予客戶煥然一新的感覺。
後台使用上的改變
這次網站設計最大的改變，是讓客戶可以更容易更新內容。透過 Options Pages 與 CPT，後台操作變得更直覺，也減少對設計師的依賴。
國外專案的插曲：轉帳名稱差點出問題
這次是國外專案，在收款時遇到了一些狀況。因為我有申請進出口卡，銀行帳戶使用公司英文名稱 Hend Design Co.，但一開始提供給客戶的是個人英文名字，導致第一次轉帳失敗。
往後在承接海外網站設計專案時，公司名稱、銀行資訊都需要再三確認，避免影響到收款流程。
給正在考慮網站設計的人
如果重來一次
如果重新執行這個專案，我仍然會選擇規劃好 Options Pages 與 CPT ，這兩個決策確實提升了網站可維護性。但可以更簡化的是設計流程。這次網站不複雜，仍先做完整設計稿，某種程度上比較像流程儀式，而非必要步驟。
結案重點整理
- 使用圖庫 (Freepik) 在網站上線前記得下載授權，有些圖庫下架了變無法下載授權
- 後台操作越簡單，客戶更容易進行更新，也減少對設計師的依賴
- 專案開發時間約 7 小時，前置作業做得越完整，可以讓專案更快的推進
