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

建立 WordPress 網站的時間規劃表,從需求確認、視覺設計到架站,拆解每個階段的任務與細節

Irving Chen
Sep 29, 2020 · 4 min read

「實戰經驗分享,非只是網路資料整理」(更新時間: 2021.02.25)

WordPress-Web Design Process-Irving Lab 爾文實驗室

嗨我是爾文(Irving Chen),資深網頁設計師,先快速介紹一下自己的架站經驗,本人有多年使用 WordPress 架站與網頁設計接案的經驗,對於這類平台的限制與可塑性有一定的了解,希望藉由實戰分享讓更多人了解這個領域的眉眉角角,透過經驗交流讓彼此成長更快速!

網站專案執行

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

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

此檔案是建立 Figma 中,可以縮放瀏覽,我已設定公開,若你也有使用 Figma,歡迎蒐藏與分享,並且留言和拍手讓我知道這對你的工作很有幫助噢!因為我會不定時去更新檔案內容與流程編排,所以隨時可以回來閱讀文章囉!按此下載 PDF 檔

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、網站速度

用手機看可能不太能看到內嵌的 Figma 檔案,所以在下方附上流程圖片。

WordPress 形象網站設計流程與時間規劃-01-Irving Lab 爾文實驗室
WordPress 形象網站設計流程與時間規劃-02-Irving Lab 爾文實驗室

網站設計文章訂閱

歡迎訂閱我們的電子報,不定期更新內容包含「網站設計與架站的實務經驗分享」、網站設計流程與規劃,前往訂閱去!Let’s GO!

有任何想問的問題,歡迎留言或寄信給我 irving520@gmail.com,我們一起交流、成長!附上我的網頁設計作品,可以來逛逛喔!

爾文讀書中,跟我一起讀書去!精選書單:http://bit.ly/irving-is-reading

IrvingLab 爾文實驗室

爾文實驗室為數位而生!

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store