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

网站报价从几千到上百万都有，网站设计费没有标准答案，价格差异主要是因为网站设计方式不同、功能不同、设计细节品质、以及「是否从一开始就考虑到行销(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执行力的网站设计公司」。有多少预算做多少事，预算少一点就用套版设计，把预算放在行销，预算够多就用客製网站做到极致，搭配各种行销把网站冲上去。

〈延伸阅读：如何找到帮你赚钱的网页设计公司？〉

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