Freelance網頁設計流程5個步驟, 讓你好好地接案子

做Freelance除了需知道尋找客戶的方法外，你還必須知道項目的流程，才不會在當中撞板。

這篇「Freelance網頁設計流程」，我將分享過去我在做freelance時接項目的經驗，Step by step，讓你了解項目流程的每一個步驟。

如果你也希望從事freelance網頁設計，看這篇文章就適合不過了！

步驟一：簽合約, 收按金

當你接了一份工作，第一件要做的事，當然就是簽合約了，並且收取按金，才開始工作。要收取多少按金？你可以根據自己的需要來訂立按金，可能是三分一按金或是一半的按金，目的只是防止對方賴帳，保障自己。

由於自由職業者屬於自僱人士，不會受到《僱傭條例》的保障，包括：最低工資、勞工保險等，因此為了保障你自己的權益，必須在工作前與對方簽署合約，並將提供既服務細則與價錢一一清楚地列明，避免事後爭訟。

記著即使對方如何苦苦哀求你也好，也一定要堅持收了一半的按金，才開始你的工作啊！口頭的承諾也不具法律效力，一定要黑字白紙寫清楚！

步驟二：了解客人喜好

下一步，你便可以了解對方對網站設計的想法，看看他有沒有一些喜歡的設計讓你參考。

當然，若你對網站設計有任何的想法，你也可以找一些網頁設計的Links讓對方看看，經過討論後，便能了解彼此的想法，就能避免產生任何誤會了。

然後，你便要與客人商量網站的sitemap設計，了解他們希望網站包括哪些內容。

甚麼是sitemap?

Sitemap就是網站上的地圖，把網站的內容分了不同的類別，方面訪客進行瀏覽，例如：主頁、關於我們、聯絡我們等，就像一個網站的目錄一樣。

與客人確認了網站上有甚麼sitemap，是開始項目後，第一件要做的事。

步驟三：做初步設計

接下來，你便可以做初步的layout設計。

1.Template-based website: 你可以傳一些模板（template）讓客戶選擇，看看有沒有哪一個模板是他們喜歡的。

關於選擇Wordpress template的方法，你也可以參考：「6個WordPress佈景選擇準則+熱門模板介紹」這篇文章！

2.Non Template-based website: 若你不是做template based website的話，那你便要找designer利用XD/ AD/ photoshop/ sketch 設計一張網站的大概layout，再讓客戶看看初稿是怎樣的。

步驟四：開發網站

客戶選定設計後，你便可以叫客戶傳送每一頁（sitemap）的內容給你，包括：文字、相片。

當你收到這一堆內容後，你便可以開始正式建立網站了，並把剛才的一堆文字，放在網站的後台中，利用後台可以管理整個網站，例如其內容，外觀，甚至各種不同的功能等等。

通常我先給客戶看看主頁desktop版本是否符合其心意，若主頁可以的話，我才開始製作其他頁面的內容。

步驟五：測試

製作完畢整個網頁後，我便開始測試mobile、SEO等。設計網站除了注重外觀設計外，SEO也十分重要，尤其注意網站是否Mobile friendly。

有時在decktop的版本與手機上的版本或有不同，排版混亂將大大影響網站在Google上的排名。

我們在live 網頁後，我們更可以為網站安裝 Google Search Console、 Google Analytics來分析網站的流量，如：網站點擊率、使用者基本資訊等。

完成以上所有程序後，你便可以收取剩下的50% payment，最後便可以發布網頁了。整個過程大致是3星期至6個月不等。

謹記千萬不要在未收款項的情況下，便發布了網站。這樣對方可能會賴賬，便十分麻煩呢！

結語

希望以上項目流程的分享，能夠讓你更了解freelance的工作，

並讓你避開陷阱，在freelance道路上，走得更順暢！

你可能也會喜歡...

加入我們的Email List

免費參加【網頁開發入門CRASH COURSE】線上課程！