[案例分享]架設網站的流程是什麼？網頁建置的６個步驟

穀笠合作社網站正式上線囉!

在這裡用穀笠的例子，跟大家分享網站製作的流程!

網站製作流程，大致上經過六個步驟

• 步驟一：討論需求
• 步驟二：視覺構思
• 步驟三：資料上架
• 步驟四：校對資料
• 步驟五：網站上線
• 步驟六：後續工作

網站架設 步驟一：討論需求

與穀笠成員討論網站的樣貌，包括關鍵字發想、網站內容的走向、品牌色設定，盤點目前有的資料，那些需要新增，那些用現有的資料即可。

關於品牌色，我本來的提議是，品牌色可以設定跟稻米相關的黃色、米色、綠色這類大地元素，但穀笠提到這些顏色已經太多人使用，於是大家討論出像大海般的「藍色」作為品牌色。

後來我選了一款帶給人「沉穩、安定」的特質的深藍色，展現穀笠這部分的特質。穀笠的核心其實不是稻米，而是「互助、相放伴、年輕人在農村生活」為主。這部分就需要時間的打磨，這是「沉穩、安定」的由來。

網站架設 步驟二：視覺構思

這個步驟我花了很多時間去想網站呈現的方式，所以前前後後換了很多頁首頁尾的設計XD 結果花太多時間改來改去，才變成現在看到的樣貌。

其中頁首花了最多時間，本來是透明背景(黑底照片加白色字體)的設計，但團隊成員覺得一進網站整體感覺太黑了，所以後來換成清楚簡單的米色頁首，加上埔里「山城」的意象，我後來自己也蠻喜歡的。

網站架設 步驟三：資料上架

這部分也花了很多時間。有些資料是穀笠以前就準備好的，有些需要再多加說明。整理過去的資料對穀笠來說也是蠻花費功夫的，所以建議大家要做網站以前，就要先蒐集好所有資料。或應該說，平常就要有建檔的習慣了。

製作媒體報導頁面的時候，我也發現穀笠的報導其實蠻多的，從一開始暨大生關心在地農地議題、住進農村社區，一路走到現在，8年，很不可思議!　大埔里@報的廖肇祥大哥，在穀笠創立的初期寫了很多文章，點進去看，會看到穀笠成員年輕生澀的樣子，很有趣。

網站架設 步驟四：校對資料

網站的雛型做好以後，我先把網站雛型給穀笠成員們看看整體有沒有資料錯誤。穀笠發現，之前給的內容太多是在講米的部分，所以想在「籃城好生活」、「農村好物包」的部份新增一些內容，因為穀笠的核心不在賣米，而是「互助、相放伴、年輕人在農村生活」，因有了相放伴、互助，才要媒合年輕人住進農村社區，也才要幫身邊的小農朋友們販賣農產品，幫助大家度過疫情難關。

後面資訊更新的部分，就需要等穀笠把想增添的內容傳給我。也建議各位想做網站的人，一開始就可以先盤點自己希望呈現的內容是否都到位了，缺少的內容有哪些，就可以先寫、先拍照囉，一次準備好所有內容再給網站設計師，流程就會比較順暢。

網站架設 步驟五：網站上線

• 基本的設置：VPS主機、網址購買、DNS設定、SLL憑證申請
• 必備外掛安裝：圖片優化、雲端備份設置
• 社群串接：FB線上客服串接、FB機器人回覆設定、像素安裝

最後，網站測速確認沒問題，就可以上線啦！

網站架設 步驟六：後續工作

提交site map、安裝google analytics、後台教學

結語

以上，就是網站架設的基本流程啦!

其實製作一個網站，需要花很多時間溝通。另外，在製作網站的一開始，就必須先跟客戶溝通好未來的走向、品牌設定與SEO規劃，因為在製作網站的過程中，包括買網址、網站地圖、選單分層設置就已經需要用到SEO關鍵字的觀念囉。

一個網站的誕生，只是一段旅程的開始，祝福穀笠能因為這個網站，吸引許多美好的事:)

最後，邀請大家到網站裡玩玩看囉： 穀笠合作社網站