嗨囉，我是設計師 Riven 🙂
今天這篇文章想要整理給 即將開始製作網站 的朋友，可以先有個頭緒，來開始做進行準備資料與素材，也就是通常來說網站設計裡的 企劃 階段，能夠藉此來規劃個人或團隊的時間流程與分工任務，而我們在這部分做的愈完整，之後進入製作網站環節的時候就會更順暢。
想了解更多全面性的設計思考方法與步驟，像是網頁需要包含什麼內容？如何排版？
可以參考我最近開設的一堂線上課程 -【建立影響力最好的時代｜運用設計思考打造 WordPress 網站】，課程會從設計思考，帶大家一步步拆解如何打造成熟的網站。
點擊右方連結，了解完整 WordPress 課程 ➢ http://go.sat.cool/3emm3u
思考網站製作的主要目標
開始企劃一個網站前，要先想好明確的達成目標，可以是商業上的具體實現，或是個人的創作使用，還是不想再被社群媒體束縛住，任何能夠說出口的目標都可以。
以及思考在網站架設好之後，會拿來做什麼樣的用途，是會拿來撰寫文章嗎？還是呈現資訊給潛在客戶，或是拿來當作多個社群媒體間共同的源頭呢？同時也能想想這個網站跟 Facebook、Instagram 或 YouTube 等社群帳號間，可以怎麼樣產生互補甚至是加乘的效應。
如果想得更仔細一點，可以連同使用者瀏覽網站時的感受一起考慮進來，怎麼樣的網站會吸引他們？進來網頁後希望瀏覽者做什麼互動，怎麼樣可以使得每一位網站訪客停留久一點，甚至是還可以去其他頁面看看。
邊想就趕緊動手寫下來吧！用條列式的方式寫在筆記本上，逐條列出 製作網站的目標，或是當腦袋中有一些畫面產生的時候，也可以稍微畫個示意圖，這些思考靈感的蒐集趁早開始，就能讓最後網站製作更出色。
開始去思考並規劃要製作什麼樣的網站，並動手將粗糙的想像畫面畫出來。
每一種網站類型（形象網站、部落格網站、電商網站等）都有不同的規劃與設計方式，但基本的架構流程都是差不多的，而專業的設計師與網站企劃人員會更刁鑽仔細地去執行每一個步驟，如果我們對於製作網站還不是那麼熟悉，仍然可以去嘗試看看，相信也能夠從中更認識自己想做的網站雛形，並一步步地將完成度提高。
我剛好有寫過一篇設計個人品牌網站的文章，如果你也是想做這個題目的話，可以前往參考看看：
如果已經稍微想好了接下來要做的網站要幹嘛，或是也有可能目前還沒什麼想法，我們可以先試著找一些現有的網站來當作參考，而參考範例可以分為兩大類：就是想要做出這樣子的「典範網站」，以及商業競爭對手的「競品網站」兩種類型。
典範網站可以搜尋看看平常你喜歡或常逛的網站，用「設計」的角度重新檢視一次，因為平常都是以「使用者」的角度去看，可能會忽略一些細節，而如果今天真的想自己來做網站了，想必能夠用更犀利的眼睛去看這些網站是怎麼產生跟規劃的，這些觀察得來的蛛絲馬跡，每一筆資訊都很重要。
而競爭品牌是當自己已經有明確要做的網站主體了，就可以去偷看一下對手品牌是如何去規劃與設計網頁，有哪些做的好的地方能夠借鑒，又或者看起來有哪些缺點，這些情報儘早記錄下來，也能夠在之後製作網站的旅途上幫上大忙。
建立網站的資訊架構
隨著上面兩個步驟達成後，我們應該都對現在這個網站的輪廓樣子有點概念了，而接下來我們就可以試著去想想看，要放上哪些重點內容在網頁上面。
通常來說，一個「網站」會由數個的「網頁」組成，而每一個網頁都會緊扣一個重點資訊；比如說「關於我們」的網頁、「品牌故事」的網頁、「部落格」的網頁、「最新消息」的網頁⋯等等。
我們可以先去將這些預計要做出來各個頁面，做一個簡單的排列，並以使用者進入「首頁」後，能夠往下一個階層走的關係去做安排，之後才以樹狀的分支方式做延伸。
riven.design 的網站架構（簡易版）
簡單拿幾張便條紙，將這個「網站」要有的「網頁」一個個寫出來，並做好斟酌增減跟前後排序吧。
我們不太可能在網站的選單中，塞入 10 幾個跟「關於我們」同樣權重的網頁資訊，當想做的網頁資訊很多的時候，可以將其權重順序往下放，比如說同時想在網站上置入「歷史沿革」「品牌故事」「得獎經歷」等資訊，那其實大可以全部都放到「關於我們」的網頁底下就好，不需要另外開一個網頁來做。
而如果寫出來之後發現，各個網頁的資訊量都不太夠，也許是目前有的內容量撐不起來那麼多個網頁，而為了不使網站看起來過於單薄，我可以做成一頁式的 Landing Page 做為首頁，並將所有網頁內容由上到下做安排（也是要按照重要順序排列），就可以做成一個豐富的網站登陸頁面了。
構築網頁文案及內容
而當網站輪廓與網頁資訊都架構好後，我們就可以來想一想到時候要放上去的文字內容了。
這個步驟可以好好地透過文件來整理網站的基礎內容，很適合順便來回顧你個人、公司或品牌的經歷，同時重新思考品牌與網站的定位。
我們可以將前一個資訊架構步驟中，所逐條列出的網頁項目，做進一步的延伸，比如說用 Google Docs 或 Notion 這樣的筆記軟體，開好一個個的網頁筆記，並好好地認真想想要放上的麼樣的文字內容、圖片或相關區塊。
關於如何寫好文案，這是一門需要認真看待的專業，你可以在網路上購買線上課程、去誠品買書，或是有預算的話也能夠外包給專門的文案公司進行。
而如果需要形象照片與圖片，則可以趁早開始準備，像是在網路上找到相關可用的圖庫資源，或是安排預算找攝影師進行拍攝。
剛好前陣子我也整理了一些照片與圖片的網路圖庫資源，如果需要的話可以去找找：
這個步驟如果準備得很完整，到時候網站架好就只要將資料複製貼上跟上傳就好，建議不能偷懶噢～！
取網站名稱跟網域預查
經過上面幾個步驟之後，相信這個網站的企劃書已經完成的差不多了吧！而原本可能對要做什麼網站還不是那麼清楚的朋友，也可以從過程中慢慢整理一下～
最後，當整個網站的方向大抵都變得更清晰了，我們就可以來幫網站取個名稱，順便找一下有沒有適合的網域可以買。
網站名稱就是大多數人在 Google 搜尋結果上看到的，亦或是分享連結看到的頁面後綴，以及瀏覽器分頁上顯示的名稱。
所以取網站名稱只要能夠清楚表達這個網站在幹嘛，以及文字整體可以容易被搜尋到就好。
比如說「崔咪的旅遊ｘ吃貨ｘ購物部落格」是個會比「我是崔咪，崔咪是我」來得更適合網站的名稱，但後者可能因為較具趣味性，拿來當作粉專或 IG 名是沒關係的。
那有了網站名稱後，還可以再來想一下英文的網域名稱，也就是俗稱的網址。
比如說來看一下 riven.design，就是由 “riven” 這個網域名稱，加上 “.design” 這個網域後綴所組成；而我們可以更換不同的後綴來暗示網站的類型，比如說 .com 是商業公司，.blog 一看就知道是部落格，而 .org 則是組織機構等等。
我們可以透過像是 GoDaddy 這樣的域名平台，購買我們想要的網域，可以先輸入比如說 “Akali”、”Amumu” 等自己想取的名字，然後再去找相對應的網域後綴，一般來說一年的費用大概都是幾百元而已，但有些頂級網域可以賣到破萬，而不管選擇什麼樣的網址，最重要的都是要記得續約啊～
可以透過搜尋的方式找的可用的網域名稱
好啦，以上就是這篇文章的全部內容，希望能夠對馬上要開始製作網站的你有些幫助！
一起踏上製作網站的旅途吧～相信我們都能夠從中得到成就感，並看見顯著的進步。
我是 Riven，我們下次見囉～掰掰！
對 WordPress 課程有興趣的大家可以點擊右方連結，了解完整內容➢ http://go.sat.cool/3emm3u
留言