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】線上課程!