网页设计分成几种设计方式？ 网站有什么差异？

网站报价从几千到上百万都有，网站设计费没有标准答案，价格差异主要是因为网站设计方式不同、功能不同、设计细节品质、以及「是否从一开始就考虑到行销(SEO)」合适的网站方案可以解决的企业问题(例如：被潜在客户找到)，而不只是「做一个网站」。
〈延伸阅读：网站设计要花多少钱？ 设计费高低价差的原因？ 〉

网页设计分成哪几种设计方式？

网页设计设计依照设计方式分成：套版设计、半客制设计、全客制设计，依照功能则是分成：静态网站、一般功能(企业网站)、电商网站(购物功能)、平台或系统型网站，网站设计费用高低是因为「设计与技术投入工时不一样」，客制化是从无到有，套版是现成的网站系统套一套就可以了，人力成本、时间成本差很多很多，费用差距肯定也是非常有感。

「网站设计方式」影响设计费用高低

制作方式分成「套版」、「半客制化」、「全客制化」，套版无论是免费的Worspress或是自主开发的系统，都有快速组装、成本低的特性，客制化则是因为「量身打造」所以成本高，半客制则是从套版去选择部分客制，但因为很难界定「客制范围」，很多网页设计公司都不太采用这类的设计方式。
〈延伸阅读：网站设计要花多少钱？ 设计费高低价差的原因？ 〉

套版网站

定义：使用预先做好的模板 (例如 ：Da-vinci、Shopline、Wix、Shopify 、Wordpress)。
价格：最低，通常是2~10万
优点：快速、便宜、已有基本功能。
缺点：设计弹性极低、功能受限、不利于客制品牌形象、SEO 结构受限且调整困难，也有套版SEO结构很棒的网站，例如：达文西套版网站。
适用：中小企业、网站预算不高、刚成立公司、想把预算用在行销的公司。
〈延伸阅读：套版网站看起来都很像，到底差在哪? 〉

半客制化网站

定义：以现成套版架构，进行部分的客制设计，像是首版的客制设计，半客制范围不好拿捏。
价格：介于套版与客制之间，通常是10~30万
优点：在设计预算与制作弹性中取得平衡，开发速度中等。
缺点：受限于套版原本架构，无法做到 100% 客制设计。
适用：中小型企业、形象官网、电商(SAAS购物客制功能)。

全客制化网站

定义：全客制网页设计从无到有的设计工法，依照需求进行UX使用者体验、UI使用者设计、前后切版、后端功能开发，设计非常耗工，需要双方大量沟通与修改。
价格：最高，通常是30~50万
优点：客制是设计提案，可完全符合需求、功能都可以满足、完整程式码、完全依照客户想法制作，是完成度最高的设计方式。
缺点：开发时间长、投入成本高。
适用：上市柜公司、特殊功能、需串接系统、大型电商、注重品牌形象、对设计极度要求。    

「网站功能」也是网页设计价格的因素

静态形象网站

功能：仅作为线上展示手册，例如公司简介、服务项目、联络方式。更新需求低。
价格：较低，不用写程式(没有​​后台CMS)，设计好切完网站就能用。

企业网站

功能：企业有后台(CMS)可自行上架最新消息、产品、最新消息、部落格文章、常见问答、联络我们。
价格：中等，后台的易用性与功能性会影响价格。
〈延伸阅读：不做客制购物网站，使用SAAS购物网站的五大理由〉

电商网站(购物网站)

功能：包含商品管理、金流、物流、会员系统、订单管理、优惠券机制等。
价格：中高，依功能复杂度而定。
〈延伸阅读：不做客制购物网站，使用SAAS购物网站的五大理由〉
 

平台或系统型网站

功能：例如预约系统、会员分润、线上课程平台、SaaS 服务等。
价格：高，网站涉及许多复杂的商业逻辑与资料库设计。
〈延伸阅读：SaaS是什么？跟 PaaS、IaaS、CaaS 有什么不一样？ 〉

网页设计不能只看设计费

设计差异不是只有设计方式、功能，还有使用者体验(UX)、使用者介面(UI)、响应式设计(RWD)、与 SEO 整合的网站架构。

使用者体验(UX)的价值

好的设计

流程顺畅：引导使用者快速找到资讯或完成任务(例如注册、购买)。
易用性高：减少使用者的思考时间与操作阻碍。
资讯架构：合理的分类与导览，让使用者不迷路，同时也便于搜寻引擎理解网站结构。
提升停留时间：良好的体验会降低跳出率，这是 SEO 的重要指标。
〈延伸阅读：网页设计的使用者体验(UX)如何执行？ 〉

 
差的设计

流程混乱：使用者不知道下一步该做什么，容易跳出。
操作困难：按钮太小、表单难填、重要资讯被隐藏。
内容规划乱：内容杂乱堆叠，找不到重点，搜寻引擎也抓不到重点。

使用者介面(UI)与品牌形象

好的设计

视觉一致：网站设计符合品牌 VI(视觉识别)，用色、字体、风格统一，品牌印象非常明确深刻
设计细节：设计细节处理(例如：间距、对齐、图标)细节精准可以提升专业感。
〈延伸阅读：UI和UX是什么？一篇完全了解UI UX设计〉

差的设计

风格拼凑：颜色配色乱，使用不搭调的元素、廉价图库，品牌质感差很多。
阅读困难：字型乱凑、字体太小、颜色对比度低、排版拥挤、没对齐。

响应式设计(RWD)

好的设计

在手机、平板、电脑上皆能提供良好的浏览体验(Google 已将行动装置体验列为排名关键)。
〈延伸阅读：RWD是什么？ RWD跟AWD有什么不同？ 〉
 

差的设计

仅在电脑上正常，手机浏览时版面错乱、文字太小或按钮点不到。

与 SEO 整合的网站架构

好的设计

在开发初期即导入 SEO 策略：从网站架构、URL 命名、导览设计就开始布局。
符合技术性 SEO：语意化 HTML 标签、网站载入速度优化、结构化资料标记、高分的PSI。
内容为王：CMS 后台设计良好，便于产出与管理 SEO 内容(例如:部落格、最新消息)。
使用者体验(UX)即 SEO：良好的网站流程与体验，是搜寻引擎排名的重要因素。
〈延伸阅读：10个方法让你选对SEO公司，不再浪费钱在SEO上〉

差的设计

网站做好才考虑 SEO：结构已定，回头修改架构如同拆掉重建，事倍功半。
技术落后：程式码又多又杂、载入速度慢、RWD 体验差，导致 Google 评分低(PSI)。
不利爬取：使用不利于搜寻引擎爬取的技术(例如：过多动画程式、一堆有文字的图)。
 

如何选择网页设计公司？

回归自身需求与预算，选择「合适」而非「最便宜」的方案，

• 先厘清需求而不是选择设计公司
• 你的网站的目的是什么？提升形象就好，还是获得客户名单？
• 需要直接销售？网站需要被搜寻到吗？
• 核心目标群众(TA)是谁？
• 一定要有的功能是什么？
• 预算范围与期望的完成时间？

….
当你厘清了主要目的，你是希望可以做SEO，可以快速被AI收录，那你当然要选一家「会做SEO 架构的网页设计公司」，如果SEO没差、AI 没差，只是要提升形象，那选一家设计很棒的公司就可以了。
〈延伸阅读：如何让AI收录网站内容？ SEO对AI很重要〉

检视报价、作品、是不是好沟通？

• 比较报价单的细项：确认包含的服务范围(是否包含主机、网域、维护、后台、SSL)。
• 查看案例作品：实际操作厂商提供的案例网站，尤其用手机浏览看看。
• 沟通过程：跟厂商初步沟通是不是能理解你的需求跟想法？沟通是否顺畅？
• 询问 SEO 整合策略：是开发时就内建，还是事后才追加？是否有 SEO 实际案例？后台是否方便调整SEO 内容？
• 网站是否具备高效能：可以用Ｇoogle工具测试看看，例如：PSI 测试工具、资料结构化测试工具。

〈延伸阅读：PageSpeed Insights (PSI) 是什么？ 对SEO有影响？ 〉

是不是影行销整合服务？

网页设计公司是不是有「行销服务」SEO 关键字排名服务？有没有ADS付费广告代操？有国际行销吗？有多国翻译？有EDM行销吗？ 如果网页设计公司可以提供行销服务，他们一定更知道网站设哪些是对行销有帮助的，例如：SEO架构、行销漏斗、网站数据分析。
〈延伸阅读：行销漏斗是什么？ Spotify 的行销漏斗〉
 

结语

网页设计要花多少钱才对？不是买了比较贵的客制网站设计就成效比较好，也不是买便宜套版网页设计就无法得到效益。网站如果是希望「带来客户与生意」，重点就不是客制或是套版设计，而是网站必须是「具备SEO架构的网站」，而是你要找到「有SEO 思维也具备SEO执行力的网站设计公司」。有多少预算做多少事，预算少一点就用套版设计，把预算放在行销，预算够多就用客制网站做到极致，搭配各种行销把网站冲上去。
〈延伸阅读：如何找到帮你赚钱的网页设计公司？ 〉

(本文为达文西数位科技所有，禁止文图使用)