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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

結語

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

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

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

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

0 0 votes
Article Rating
Subscribe
Notify of
guest
2 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Anna

您好,文章第一行此句 : “穀笠合作社網站”正式上線囉 !
網站的網址好像壞掉了 > <