如何为您的 Web 开发客户提供定制设计服务
已发表: 2022-08-24提供定制设计服务作为您的整体 Web 开发服务的一部分，可以帮助增加您的吸引力、您的收入，并让您为客户增加更多价值。 在本文中逐步了解它是如何完成的。
希望将您的服务扩展到一般 Web 开发工作之外？ 或者，也许您正在学习新的网页设计技能并寻找一种有利可图的方式来使用它们？
在本文中，我们将向您展示如何为您的客户提供专业的网页设计服务，即使您拥有零设计技能或经验。
仅供参考，我们调查了我们的 50,000 多名会员并研究了数十个专业网站，以得出本文中提到的建议和建议。
“我从这项副业中赚到的钱已经支付了假期和新玩具的费用，否则我将无法负担得起。” – Phil（WPMU DEV 成员）
当你读完的时候，你会有一些想法……
- 为您的客户提供的最佳网页设计服务类型。
- 如何实施或外包服务。
- 您可以为设计服务收取多少费用。
跳到本文的任何部分：
- 为您的 Web 开发客户提供的顶级设计服务
- 品牌推广
- 视觉识别
- 登陆页面和潜在客户生成
- 重新设计
- 显示您的设计服务菜单
- 开始为您的客户提供网页设计服务
什么是设计服务以及您应该提供哪些服务？
如上所述，我们对设计服务的定义是超越常规主题、模板或页面构建器方法的服务。
品牌塑造、品牌重塑、标志设计、登陆页面设计。 这些是很多 Web 开发人员可能会做的事情，这很好。
但是，如果您想赚取额外收入，为您的客户提供更多价值，并使您的整体 Web 开发服务脱颖而出，我们将向您展示如何做到这一点。
如果您不是设计师，或者认为您没有提供这些服务所需的技能或经验，也不要担心。
我们将为您提供各种外包选项，这些选项仍然允许您应用加价并赚取利润。
当我们涉及每项服务时，您还会看到我们为您提供了许多工具和资源，如果您想自己完成这项工作，您可以使用这些工具和资源。
您可以提供的 4 大网页设计服务（由我们的会员投票）
一旦您决定提供这些额外的网页设计服务，下一个问题就是您将实际提供什么类型的服务。
与其在黑暗中刺伤，或者复制谷歌的顶级结果所说的话，我们认为我们会问一群比任何人都更了解的人，因为他们实际上是以此为生……
我们的 50,000 多名网络开发人员成员！
以下是我们在最近的一次成员讨论中问到的设计服务：
- 品牌推广
- 视觉识别
- 登陆页面和潜在客户生成
- 重新设计
现在让我们详细了解这些设计服务中的每一个。 您将了解每项服务、资源、工具和外包选项所涉及的内容，以及您可能向客户收取的费用。
网页设计服务1：品牌
品牌塑造是企业如何将自己与其他实体区分开来，以及客户将识别和关联的内容。
您不必超越基础知识就可以建立和运行品牌，尤其是在它不是大型公司的情况下。
如果或当它们变得相关时，也可以补充其他品牌组件。
“只从需要的东西开始，必要时添加更多。” – Databoy （WPMU DEV 成员）
–
品牌服务涉及什么？
我们关注的品牌——基于成员社区的输入——只是通过整合调色板、选择字体和战略性地放置徽标或文字标记来创建品牌（我们将单独讨论徽标创建；请参阅下面的视觉识别） .
为您的客户品牌创建调色板
采用调色板是客户网站协同作用不可或缺的一部分。
如果您需要帮助为您的客户将色调放在一起，您可以使用一些很棒的在线工具。
这里只是我们喜欢的几个，所有这些都是免费的。
调色板工具：
冷却器
使用 Coolors，您可以快速随机生成调色板，或者更精确地使用颜色检查器（RGB 条），或者通过上传图像 - 用于实体和渐变。
如果您更喜欢现成的选项，他们有一个巨大的图书馆。
该工具可通过 iOS 和 Android 应用程序、Figma 插件和 Chrome 扩展程序获得。
他们还提供了一个对比度检查器和一个艺术品重新着色工具（见上图中我的测试用例）。
土坯颜色
Adobe Color 提供其专业的色轮工具，提供三种模式：RGB、HSB 和 LAB。
您可以从图像中提取主题以保存为调色板或渐变。
可访问性工具是另一个优点； 使用他们的对比度检查器和色盲安全模式分别查看。
蛋黄酱
Eggradients 允许您从许多现成的渐变中进行选择。 这些是简单的两种颜色混合，但如果您正在寻找基本的调色板方法，它们可能会有所帮助或激发创造力。
他们的调色板生成器可让您从不同的阴影渐变列表中进行选择。
他们还有一个“50 种颜色”部分，它将在该颜色系列中提取随机色调，每个色调都有相应的十六进制代码。
选择网站字体
排版和强大的字体选择在新设计的成功中起着至关重要的作用。
有几种不错的工具可以用于比较和测试字体，以及提供对各种字体本身的强大访问权限的网站。
同样，这些都是免费选项。
网页字体工具
字体对
Fontpair 在其网站上收集了从网络上收集的一组预先配对的字体。
他们有一个建议/提交页面，每周都会添加新的配对。
配对和比较
Pair & Compare 使尝试字体配对变得容易。
您可以使用 Google 或本地字体（从您的设备共享），并在屏幕上同时显示最多三个比较字体。
有很多编辑选项：大小、重量、颜色、行高等等。
您还可以更改任何示例文本，并为以后的测试添加书签字体。
谷歌字体
Google Fonts 是查找和使用字体的绝佳资源，拥有近 1500 个系列，包括可变字体和材料符号。
这些都可以免费使用，甚至可以在商业上或在商业销售的产品中使用（例如：徽标或文字标记）。
下载可用于家庭或个人风格，并可通过链接与他人共享。
提供免费字体的其他网站：
- FontBase（这是一个字体管理系统）
- 字体松鼠
- 大方网
- 字体空间
- 1001免费字体
- 城市字体
以及精选的高级/付费字体网站：
- Adobe 字体
- 我的字体
- EnvatoElements 字体
- 字体包
您可以为品牌服务收取多少费用？
要了解如何为您的品牌服务定价，一个有用的练习是查看竞争对手提供的内容以及创建相同或相似内容的收费。
我们自己做了这件事，这里有一些相关的例子可以从中获得定价灵感：
TechCrunch有一篇关于创业品牌和视觉识别成本的精彩文章，来自一位拥有十年经验的设计师（包括财富 500 强）。
以下是他们收取的费用明细：
根据业务阶段，定价估算分为两类，如您所见，这极大地影响了大致成本。
品牌代理机构是一家提供全方位服务的数字代理机构，提供涵盖品牌所有要素和级别的服务和建议。
他们有一篇内容丰富的文章，其中提供了帮助规划和计算品牌成本的规格。
这些价格也存在差异，但它们仍然有助于了解设计服务的典型范围。
考虑到您的技能和知识水平（以及给定项目的范围），了解这一点可以帮助您防止过度收费或过度收费。
当然，您可以而且应该定价越高，您的品牌包装中包含的越多。
品牌服务的平均价格范围：$1,000-$30,000+
网页设计服务 2：视觉识别
视觉标识可以是仅图形（徽标）、仅艺术文本（文字标记）、两者的组合或全部补充。
它可以像一个带有首字母的圆圈一样基本，也可以是特定字体、重量和颜色的企业名称。
恰当的例子>> WPMU DEV！：
提供视觉识别服务涉及什么
为客户决定一个标志有不同程度的困难。
归结为他们有多特别，以及他们的预算是多少。
客户设想的设计越复杂或越具体，他们的需求就越有可能通过定制设计得到满足。
定制设计的另一个明显优势是它将是独一无二的。 任何人都可以使用预制件，因此多家公司可以购买和使用相同的设计。
正如我们检查了一些可以帮助建立品牌核心元素的网站一样，我们接下来开始寻找可以为视觉标识（徽标、文字标记等）提供不错选择的资源。
用于创建自定义徽标的工具和外包选项
标志网
Logo.com 上的所有徽标都是免费的。
这些是非常基本的预制千篇一律的产品，但数量很多。
如果您需要非常特定的阴影，它们还允许颜色有很大的变化（有一个十六进制字段）。
在 Logo.com 上玩免费的徽标定制。
考虑到这些是完全免费的，如果您不需要任何复杂或独特的东西，这是一个不错的选择。
创意市场
Creative Market 拥有 150,000 多个徽标模板，可用于企业品牌、电子商务和创业。
徽标模板集包括用于创建独特和现代徽标的徽章、图标和其他元素。
这些都是预制设计，所以请记住，除了您之外，任何数量的人都可以购买/使用艺术品。 如果您的客户想要一个独特的徽标，此选项将不起作用。
五福
Fiverr 是一个非常受欢迎的卖家市场，您可以在其中聘请个人艺术家来制作作为 Gigs 提供的任意数量的设计元素。
因为这完全取决于您碰巧选择的设计师，所以您的里程可能会有所不同。 但总的来说，评论者总体上看起来很满意，并觉得他们付出的代价得到了很好的交易。
我们最好的专业 WP 工具在一个捆绑包中
价格从 5 美元到 995 美元不等，具体取决于艺术家的技能水平和所包含的组件。
徽标
Logoglo 是一个优质的标志网站。 你在这里得到的任何东西都是独一无二的一次性设计，根据你的简介从头开始专业制作。
随着层级的增加，软件包会包含更多内容——例如初始概念的数量、周转时间和修订津贴。
如果您的客户预算稍大，并且想要人们不会在其他地方看到的艺术品，这是一个很好的选择。
99个设计
99designs 是非常成功的在线印刷公司 VistaPrint 的子公司。
产品包括设计师的水平，以及您是否获得专门的经理和优先支持。
展示的设计概念数量从 30 个开始，增加到 90 个。所有设计都有退款保证和完整的版权所有权。
您可以为视觉识别服务收取多少费用？
Jacob Cass 是品牌设计师、战略家，也是屡获殊荣的品牌和设计咨询公司JUST Creative的创始人。
JC.com 有一篇关于设计成本的文章，并附有关于标志设计定价的有用图表。 此外，他们还提供了一份更详细地列出成本的清单。
全球身份的完整品牌定价非常高，超过一百万美元。
这当然是精英上层，远高于平均水平。
对于我们关注的级别，您可以看到差异从 DIY/免费徽标制作者的 0 美元到经验丰富的设计师的 5000 美元以上。
视觉识别服务的平均价格范围：$500-$5,000
网页设计服务 3：登陆页面和潜在客户生成
大多数网站（除了教育和娱乐）的主要目标是将传入流量转化为潜在客户。
为您的客户提供登陆页面或类似的基于转换的服务是非常值得的。
毕竟，他们不太可能拒绝获得更多客户和潜在客户的潜力。
“每一页都有一个目的，就是转化。 确保您对客户希望如何转换，客户希望每位访问者的目标是什么有明确的路径。 让您的设计专注于获得转化点击。” –克里斯（WPMU DEV 成员）
所涉及的内容和帮助您提供登陆页面和潜在客户生成服务的工具
登陆页面
您可能已经有一个用于客户登录页面的模板——无论是自行创建的、购买的还是免费获得的。
如果您正在寻找新鲜的东西，或者还没有选择，这里有一些登陆页面网站的选项。
工具和外包选项
尼斯页面
Nicepage 提供 10,000 多个预先设计的登陆页面，您也可以自己制作。
您可以编辑任何预制模板，使用他们自己的网站构建器 - 允许拖放，无需编码自定义，如内容编辑、布局更改（块）、修改颜色和字体，以及针对不同的响应进行调整模式。
Nicepage 可作为 WordPress 插件用于 Windows 或 Mac OS。
五福
Fiverr 经验丰富的登录页面设计师可以为您的页面创建正确的布局和品牌标识。
期待优质图像、适用于移动设备和桌面的响应式设计、内容上传（您提供的内容）等等。
价格差异很大，具体取决于您想要什么，您想要多快，以及您选择的艺术家的自称技能和经验。 作为参考，我们发现价格从 5 美元到 1500 美元不等。
着陆页
Landingfolio 拥有一系列精美多样的登陆页面，这些登陆页面来自网络。
他们的产品包括：
- Tailwind CSS 网站模板 – Figma 包含在所有设计中
- 徽标——设计师 Jord Riekwel 的收藏，捐赠给社区（免费）
- Mockup Generator – 为您的应用或网页设计快速创建设备模型； 输入您的网站 URL，他们会为您生成模型
Tailwind 是一个类似于 Bootstrap 的 CSS 框架，可以加快您的开发时间。 它使用类来设置元素的样式，因此您不必编写任何 CSS。
流行的页面构建器，如 Elementor 和 Divi
当然，如果需要，您可以随时使用页面构建器和主题，其中大部分将帮助您为客户创建高质量的自定义登录页面。
Divi仅提供其构建器的付费版本，当涉及到登录页面和转换元素时，它提供了一个漂亮的最终产品。 Elementor还能够在免费版和专业版中创建登录页面。
使用 Hustle 创建潜在客户生成模块
每个好的登陆页面都需要有效的潜在客户生成元素。
您可以使用我们的免费 Hustle 插件组合一些出色的潜在客户生成模块。
选择加入、弹出窗口、滑入、社交分享和嵌入 - Hustle 可帮助您创建所有这些，旨在推动结果并转换访问者。
使用 Hustle 专业设计的模板（18 个并且还在增加），可以在几分钟内轻松构建美观的模块。
所有这些都是移动响应的，并带有电子邮件选择表单和信息设计的选择（即，用户单击一个按钮并被发送到另一个页面）。
Hustle 有免费版和专业版。 两者都为您提供所有相同的出色设置和选项。
唯一的区别是专业版带有无限的选择加入、自定义内容和社交共享。
想要更多喧嚣？ 在博客上查看这些信息丰富的文章：
- 如何充分利用喧嚣
- 如何在 Hustle 中使用可见性条件
- 如何使用 Hustle 获得最多的电子邮件订阅者
您可以为登陆页面和潜在客户生成服务收取多少费用？
F5 Studio是一家成功的网络开发公司，自 2013 年开始营业，有一篇很棒的文章分解了设计元素，以及登陆页面定价的内容。
他们说，数字代理商创建静态登录页面的费用约为 600 至 3,000 美元，动态登录页面的费用为 2,000 至 5,000 美元。
Brimar是一家屡获殊荣的全方位服务营销机构，分享了有关着陆页成本的这些见解，声称代理商可以根据项目的复杂性和客户的业务目标，对每个着陆页收取 300 到 3,000 美元的费用。
总体而言，创建登录页面的成本取决于工作的完整范围以及涉及的工作量。
着陆页和转换服务的平均价格范围：300-5,000 美元
网页设计服务 4：重新设计/品牌重塑项目
客户可能会受益于或希望重新设计网站有几个原因。 最常见的是：
- 整体外观和感觉已经过时或没有吸引力。
- 商业标识在设计中没有得到很好的体现，或者很快就不会因为计划中的品牌重塑。
- 可用性很差，使导航变得困难并限制了转换。
“如果试图吸引完全不同的受众——例如，如果网站从 b2c 变为 b2b，那么彻底改革（用户界面可能需要彻底重新考虑）尤其重要。” –玛丽安娜（WPMU DEV 成员）
所涉及的内容和帮助您提供重新设计服务的工具
了解用户体验是关键。 如果一个站点的交互/转化率远低于其站点流量，那么您应该研究行为分析。
Hotjar 和 Crazy Egg 提供 UX 洞察
Hotjar 和 Crazy Egg 等工具可以为网站的 UX 设计/可用性提供深刻的见解。
通过观察记录的屏幕行为，您可以找出任何薄弱环节，并根据实际使用数据进行升级。
Hotjar 免费提供服务，最高可达 1000 美元（每月），具体取决于您需要哪些功能，以及有多少会话（“观察”）或响应（“询问”）。
Crazy Egg 定价包括 5 种不同的套餐，从每月不到 30 美元到按报价定价。 每一层都允许更多数量的服务（如跟踪的页面视图、快照和记录）。
了解客户将鼠标移动到哪里、点击到哪里、他们关注的内容与忽略的内容，可以消除任何怀疑和猜测，让您专注于特别突出的需要改进的领域。
您可以为重新设计服务收取多少费用？
就所需的整体工作量而言，重新设计与新设计非常相似。 它们涉及许多相同的元素、工具和时间要求。
如上所述，重新设计的唯一价格差异是 UX 洞察工具的额外成本。
至于整体网页重新设计成本，最近一项全球重新设计调查的参与者揭示了一些关键统计数据：
- 设计网站的平均成本（具有基本功能）：3,200 美元
- 设计网站的平均时间（具有基本功能）：2个月
- 人们聘请专业网页设计师（而不是使用网站建设软件）的首要原因：完全定制的能力。
不管重新设计背后的原因是什么，提前确定对范围和成本的期望是很重要的。
我们看到平均 3+K 美元和大约两个月的完整网页设计/重新设计时间框架。 考虑到您的平均构建时间以及您将包括哪些服务来帮助设定价格。
网站重新设计的平均价格范围：2,000-4,000 美元
把你所有的网页设计组件放在一起
收集信息并给予适当考虑后，您现在可以构建一个专门为您的网页设计服务量身定制的菜单，为感兴趣的客户提供方便的访问（和价值主张）。
完整的设计服务菜单示例：
这是我们提出的一个示例，其中包括元素价格的变化，具体取决于所包含的组件和所涉及的预期工作。
开始为您的客户提供网页设计服务
我们希望您从提供网页设计服务的详细介绍中获得一些有价值的见解。
如果您需要有关本文中讨论的任何内容的更多建议或说明，请随时在下面的评论中询问我们。
作为一名 Web 开发人员，有很多事情要做。 在 WPMU DEV，我们的目标是帮助使该过程尽可能简单。
如果您有兴趣尝试我们的平台，我们的免费计划是最好的起点。 它包括无限制的站点管理、内置计费、插件等。