WordPress 網站設計流程與時間規劃

此篇分享我如何建立 WordPress 電商網站的時間規劃表，從需求確認、網站內容規劃、網頁視覺設計、WordPress 版型和 WordPress 外掛設定等，拆解每個階段的任務與細節

「實戰經驗分享，非只是網路資料整理」

網站專案執行

經過這幾年來打造數十個 WordPress 網站，並與各種產業的客戶共同合作，從彼此磨合、錯誤經驗的學習，淬煉出一套網站專案執行的工作流程，而且不斷優化與更新，讓剛接觸網站設計這個領域的人，無論是設計師、工程師或客戶等，初步了解每個可執行的步驟，降低溝通成本，提高工作效率。

下圖是 WordPress 形象網站設計的時間排程，因每家公司或團隊的情況不太相同，所以每個階段規劃依實際需求和情況彈性調整，時程的長短可以當作一個參考值即可。我們有了「執行所需時間」與「工作事項」的概念，讓團隊、客戶或專案經理在初步規劃時不會毫無頭緒！

此檔案是建立 Figma 中，可以縮放瀏覽，我已設定公開，若你也有使用，歡迎蒐藏與分享，並且留言和拍手讓我知道這對你的工作很有幫助噢！因為我會不定時去更新檔案內容與流程編排，所以隨時可以回來閱讀文章囉！🍉 若你還沒有 Figma 帳號，可以前往註冊免費帳號，免費版就很好用了！

🟡 開始免費試用 Shopify 建立電商網站，可享精選方案優惠，免費使用 3 天，然後接下來三個月內每個月只要 $1 美元，過了之後才會恢復原價，前往立即註冊。這是 Shopify 官方目前的優惠活動，若試用後不想用，也可以隨時取消訂閱。

🚀 預約諮詢：網站設計與建置

若你有 Shopify 電商網站或 WordPress 品牌形象、部落格設計與建站的需求，可以前往填寫表單預約諮詢，Irvinglab 爾文實驗室是一家深度經驗的網頁設計公司，專注打造 Shopify 和 WordPress 網站以及提供 SEO優化與內容規劃的服務。若想進一步了解服務內容，可以加入 Irvinglab 爾文實驗室 Line@官方帳號留下訊息給我們。

WordPress 形象網站設計流程

各階段工作內容概要

1. 需求探索：確認需求（相當重要的階段，了解需求與目標，幫助客戶釐清與整理思緒）
2. 概念發想：團隊內部腦力激盪（可以與客戶一同探索與討論，必要時進行 Workshop）
3. 內容規劃：建立網站地圖（Sitemap），根據企劃需求規劃頁面內容概要，此階段的 Wireframe 是討論需求使用
4. 圖片素材：通常是攝影圖、插圖、產品圖或情境圖，必要時需提出攝影計畫外包攝影工作室拍攝
5. 文案內容：提供網頁文案、網站內容建議如標題和內文根據設計排版的設定最佳的字數等
6. 網站原型：最終版頁面框線圖 Wireframe，實際搭配文字
7. 網頁視覺：順序是先進行主視覺設計提案，確認後再打造首頁設計，最後是進行網站其他頁面的設計
8. WordPress 架站：主要階段有排版（用頁面編輯器外掛和 CSS 客製化）、設定網站功能外掛、內容上架、RWD（mobile web）、基本 SEO 設定
9. 網站測試：至少要讓內部團隊、客戶進行實機測試瀏覽網頁，給予回饋與修正，例如表單填寫測試、電子報訂閱測試等
10. 網站分析：必要設定追蹤碼如 Search Console、Google Analytics，視需求而定的 Google Tag Manager、Facebook Pixels 等
11. 網站上線：理想時間是選在週二或週三，意思是只要上線後隔天不是假日較佳，這樣網站若一出問題時確定有人在崗位上可以進行修正
12. 持續優化：UI/UX、文案、SEO、網站速度

想要更全面學習強大的線上 UI 協作設計軟體 Figma？可以上這堂課：產品設計實戰：用 Figma 打造絕佳 UI/UX。除此之外，我自己有搭配 UX 使用者經驗設計和數位產品開發相關的精選課程推薦，例如 UX 新手入門：UX 設計/研究全攻略: 給新手的職場通識課、UX 扎實的學術研究理論：用戶x商業x數據 | UX‧三刀流產品體驗設計、產品數據分析：產品數據分析 – 打造網路產品的決策引擎、產品創新：產品 x 創新：從需求洞察到產品策略、產品經理 PM：產品經理職場學：PM 必修的職涯指南！，全部上完之後讓我大開眼界、豁然開朗，提升思考層次與思維方式，有興趣的人可以參考並選幾堂符合目前需求來學習與充實自己。