【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道路上，走得更顺畅！

{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"做Freelance应该如何保障自己？","acceptedAnswer":{"@type":"Answer","text":"由于自由职业者属于自雇人士，不会受到《雇佣条例》的保障，包括：最低工资、劳工保险等，因此为了保障你自己的权益，必须在工作前与对方签署合约，并将提供既服务细则与价钱一一清楚地列明，避免事后争讼。"}}]}