如何为您的网络开发客户提供自定义设计服务

作为整体网络开发服务的一部分,提供自定义设计服务可以帮助您增加吸引力,收入,并允许您为客户增加更多价值.逐步学习本文如何完成.

希望将您的服务扩展到一般网络开发工作之外?或者,也许您正在学习新的网页设计技能,并寻找一种有利可图的方式来使用它们?

在本文中,我们向您展示了如何为客户提供专业的Web设计服务,即使您的设计技能或经验为零.

fyi,我们调查了我们的50,000多名成员,并研究了数十个专业网站,以提出本文提到的建议和建议.

"我从这个方面赚到的钱为假期和新玩具付费,我将无法负担."- phil(wpmu dev成员)

读完后,您将有……

的想法

  • 提供给客户的网页设计服务的最佳类型.
  • 如何实施或外包服务.
  • 您可以为设计服务收取多少费用.

跳过本文的任何部分:

  • 顶级设计服务可为您的网络开发客户提供服务
  • 品牌
  • 视觉身份
  • 着陆页和潜在客户一代
  • 重新设计
  • 显示您的设计服务菜单
  • 开始向您的客户提供网页设计服务

您应该提供什么设计服务?

如上所述,我们对设计服务的定义是超越正常主题,模板或页面构建方法的服务.

品牌,更名,徽标设计,着陆页设计.这些是许多网络开发人员可能会通过的事情,这很好.

但是,如果您要赚取额外的收入,为客户提供更多的价值,并从其余的人那里脱颖而出,我们将向您展示如何做.

也不要担心您不是设计师,或者不认为您有提供这些服务的必要技能或经验.

我们将为您提供各种外包选项,这些选项仍然使您能够应用标记并获利.

当我们访问每项服务时,您还会看到,如果您想自己完成工作,我们还可以为您提供许多工具和资源.

您可以提供的前4个网页设计服务(由我们的会员投票)

您决定提供这些额外的Web设计服务后,下一个问题是您实际要提供的服务类型.

与其在黑暗中刺伤或复制Google最佳结果所说的话,我们认为我们会问一群人比任何人更了解的人,因为他们实际上是为了谋生……

我们的50,000+ Web开发人员成员!

这是我们在最近的成员讨论中问他们的设计服务:

  1. 品牌
  2. 视觉身份
  3. 着陆页和潜在客户生成
  4. 重新设计

Key Web Design Elements bar chart Key Web Design Elements bar chart

,调查说…

现在让我们详细查看这些设计服务.您将了解每种服务,资源,工具和外包选项的涉及的内容,以及您可能向客户收取的费用.

网页设计服务1:品牌

品牌是企业如何与其他实体区分开来,以及客户将确定并将其与之关联的内容.

您不必超越基本知识就可以使品牌启动并运行,尤其是如果它不是大型公司.

如果或与之相关,也可以补充其他品牌组件.

"仅从需要的内容开始,并在必要时添加更多."- databoy (wpmu dev成员)

品牌服务涉及什么?

基于成员社区的投入,我们关注的品牌只是通过合并调色板,选择字体并在战略上放置徽标或字标(我们将分别谈论徽标创建徽标;请参阅Visual visual来创建品牌.以下身份).

为您的客户品牌创建调色板

采用调色板是客户网站协同作用的组成部分.

如果您需要帮助为客户组合阴影,则使用一些很棒的在线工具.

这里只是我们喜欢的几个,所有这些都是免费的.

调色板工具:

冷却器

使用冷却器,您可以快速随机生成调色板,或更精确地使用其颜色检查器(RGB杆),或通过上传图像-用于固体和梯度.

如果您喜欢现成的选项,则它们有一个巨大的库.

Color tools, Coolors Color tools, Coolors

ahoy,mateys!托运人是粉红色的.

此工具可通过iOS和Android应用程序,FIGMA插件以及Chrome扩展名获得.

他们还提供了对比检查器 Artwork重新着色工具(请参阅上图中的我的测试案例).

Adob​​e Color

Adob​​e Color提供其专业色轮工具,并提供三种模式:RGB,HSB和Lab.

Color tools, Adobe Color Wheel Color tools, Adobe Color Wheel

adobe是一个行业图标,以及其高级色轮.

您可以从图像中提取主题以保存为调色板或渐变.

可访问性工具是另一个优点;分别使用其对比对比检查器彩色盲模式分别查看.

eggradients

eggradients允许您从许多现成的梯度中进行选择.这些简单,两种颜色的混合物,但是如果您正在寻找基本的调色板方法,可以有所帮助或引发创造力.

Color tools, Eggradients Color tools, Eggradients

ombréomelets,任何人? >

他们的调色板生成器可让您从不同的阴影梯度列表中进行选择.

它们还具有" 50颜色的颜色"部分,该部分将在该颜色家族中拉动随机色调,每个色调都带有相应的十六进制代码.

选择网站字体

版式和强大的字体选择在新设计的成功中起着至关重要的作用.

有几种可用于比较和测试字体的不错的工具,以及可以访问强大字体本身的网站.

再次,这些都是免费的选项.

Web字体工具

fontpair

fontpair在网站上收集的网站上收集了一系列预先配对的字体.

他们有一个建议/提交页面,每周添加新的配对.

Font tools, Font Pair Font tools, Font Pair

font Pair

对&比较

对与比较使实验字体配对变得容易.

您可以使用Google或本地字体(从您的设备共享),并在屏幕上同时具有多达三个比较.

Font tools, Pair & Compare Font tools, Pair & Compare

pair&compare&compare

有很多编辑选项:尺寸,重量,颜色,线高等等.

您还可以更改任何示例文本,并以稍后进行测试的书签字体.

Google字体

Google字体是查找和使用字体的绝佳资源,拥有近1500个家庭-包括可变字体和材料符号.

这些都是免费使用的,甚至是商业上或商业出售的产品(例如:徽标或Wordmark).

Font tools, Google Fonts Font tools, Google Fonts

google fonts

下载可用于家庭或单个样式,可以通过链接与他人共享.

提供免费字体的其他站点:

  • fontbase(这是一个字体管理系统)
  • 字体松鼠
  • dafont.com
  • fontspace
  • 1001freefonts
  • UrbanFonts

和优质/付费字体网站的选择:

  • Adob​​e Fonts
  • myfonts
  • 环境字体
  • fontbundles

您可以为品牌服务收取多少费用?

要了解如何为您的品牌服务定价,有用的练习是查看竞争对手提供的产品和收费以创建相同或相似的内容.

我们自己做到了这一点,这里有一些相关示例,可以从:

中汲取定价灵感.

TechCrunch 从具有十年经验的设计师(包括Fortune 500s)中有一篇关于启动品牌和视觉标识成本的精彩文章.

这是他们收取的内容的细分:

Techcrunch.com logo branding cost 1 Techcrunch.com logo branding cost 1

品牌和徽标成本估算.资料来源:TechCrunch.com

根据业务阶段,定价估计分为两类,您可以看到,这极大地影响了近似成本.

品牌代理商是一家提供全方位服务的数字代理商,提供涵盖所有品​​牌元素和级别的服务和建议.

他们有一篇信息丰富的文章,他们提供了规格以帮助计划和计算品牌成本的规格.

Techcrunch.com logo branding cost 2 Techcrunch.com logo branding cost 2

品牌策略和视觉成本估算.资料来源:BrandEdagency.com

这些价​​格也有差异,但是它们仍然有助于了解典型的设计服务范围.

知道这可以帮助您大规模收费或不计费,考虑到您的技能和知识水平(以及给定项目的范围).

当然,您可以并且应该以越高的价格购买品牌套餐.

品牌服务的平均价格范围:$ 1,000-$ 30,000+

Web Design服务2:Visual Identity

视觉身份可以仅是图形(徽标),仅艺术文本(WordMark),两者的组合或所有人的完整补充.

它可以像具有初始字母的圆一样基础,也可以是特定字体,重量和颜色的业务名称.

point >> wpmu dev!:

WPMU DEV logo elements WPMU DEV logo elements

wpmu devs Visual Idention fleet./图>

提供视觉标识服务涉及的内容

确定客户端的徽标有不同程度的难度.

这取决于它们的特殊程度和预算是多少.

客户范围的设计越复杂或特定,通过使用自定义的设计,他们的需求越有可能满足.

自定义设计的另一个独特优势是它将是唯一的.任何人都可以使用预制物品,因此多家公司可以购买和使用相同的设计.

就像我们检查了一些可以帮助品牌核心元素的网站一样,我们接下来开始寻找为视觉标识(徽标,文字标记等)提供不错选择的资源.

创建自定义徽标的工具和外包选项

logo.com

logo.com上的所有徽标都是免费的.

这些是非常基本的预制曲奇切割机,但其中很多.

如果您需要非常特定的阴影,它们还可以允许颜色变化(有十六进制字段).

在徽标上使用免费徽标自定义播放.

考虑到它们是完全免费的,如果您不需要任何复杂或唯一的话,这是一个不错的选择.

创意市场

Creative Market有150,000多个徽标模板用于公司品牌,电子商务和企业家精神.

徽标模板集包括徽章,图标和其他用于创建独特和现代徽标的元素.

创意市场

这些都是预制的设计,因此请记住,除您外,许多人都可以购买/使用艺术品.如果您的客户想要一个唯一的徽标,此选项将无法正常工作.

fiverr

fiverr是一个非常受欢迎的卖家市场,您可以在这里聘请单个艺术家,以提供任何数量的设计元素.

for logos.

因为这完全取决于您选择的设计师,因此您的里程可能会有所不同.但总的来说,审稿人总体上似乎很高兴,并觉得他们为所支付的东西得到了很多交易.

wpmu dev帐户免费

免费管理无限WP网站

输入您的电子邮件

unlimited站点 我>不需要信用卡

价格从$ 5到$ 995不等,具体取决于艺术家的技能和包括的组件.

logoglo

logoglo是一个高级徽标站点.根据您的简介

套件在您以层次的上升时包含更多内容-例如初始概念,周转时间和修订津贴.

Logo tools, Logoglo Logo tools, Logoglo

logoglo

如果您有一个预算稍大的客户,并且想要人们不会遇到其他地方的艺术品,那么这是一个不错的选择.

99Designs

99Designs是Vistaprint的子公司,这是非常成功的在线印刷品.

产品包括设计师的水平,以及您是否获得专门的经理和优先支持.

提出的设计概念的数量从30开始,最高为90.所有设计都带有退款保证和全版权所有权.

Logo tools, 99designs Logo tools, 99designs

99Designs 设计竞赛过程.

您可以为视觉身份服务收取多少费用?

雅各布·卡斯(Jacob Cass)是品牌设计师,策略师和 Just Creative 的创始人,这是一家屡获殊荣的品牌与设计咨询公司.

jc.com有一篇有关设计成本的文章,并提供了有关徽标设计定价的有用图表.此外,他们提供了一份清单,以详细介绍成本.

Just Creative Logo design costs 1 Just Creative Logo design costs 1

徽标设计成本估算.来源: justCreative.com
Just Creative Logo design costs 2 Just Creative Logo design costs 2
徽标设计成本估算.来源: justCreative.com

全球身份的完整品牌价格非常高,以超过一百万美元的价格敲出.

当然,这是精英上层梯队,远高于平均水平.

对于我们关注的级别,您可以看到差异从DIY/免费徽标制造商的$ 0到$ 0,到经验丰富的设计师的$ 5K.

视觉身份服务的平均价格范围:$ 500-$ 5,000

网页设计服务3:着陆页和潜在客户一代

大多数网站的主要目标(除了教育和娱乐之外)是将传入的流量变成线索.

向客户提供着陆页或类似的基于转换的服务是值得的.

毕竟,他们不太可能拒绝获得更多客户和潜在客户的潜力.

"每个页面都有一个目的,要转换.确保您对客户要转换的方式有清晰的途径,客户从每个访问者中想要的目标是什么.保持设计的重点是获得转换点击."- chris(wpmu dev成员)

涉及的内容以及帮助您提供着陆页和潜在客户生成服务的工具

着陆页

您可能已经有一个用于客户登录页面的模板-自行创建,购买或免费购买.

如果您正在寻找新鲜的东西,或者还没有首选,这里有一些降落页面网站的选择.

工具和外包选项

nicepage

NicePage提供10,000多个预设的着陆页,或者您可以自己制作.

您可以使用自己的网站构建器编辑任何预制模板-允许拖放,无需编码自定义,例如内容编辑,布局更改(块),修改颜色和字体,并进行调整对于不同的响应模式.

Landing pages, Nicepage

nicepage

nicepage可用于Windows或Mac OS作为WordPress插件.

fiverr

Fiverr经验丰富的着陆页设计师可以为您的页面创建正确的布局和品牌标识.

期望高质量的图像,适合移动设备和台式机的响应式设计,内容上传(您提供的内容)等等.

Landing pages, Fiverr

fiverr fiverr用于着陆页.

价格差异很大,具体取决于您想要的东西,想要的速度以及您选择的艺术家的自我介绍的技能和经验.作为参考,我们发现价格从5美元到1500美元不等.

LandingFolio

LandingFolio具有美丽而多样的着陆页,由网络周围策划.

他们的产品包括:

  • 尾风CSS站点模板-所有设计中都包含无花果
  • 徽标-设计师Jord Riekwel的收藏,捐赠给了社区(他们是免费的)
  • 模型生成器-快速为您的应用或Web设计创建设备模型;输入您的网站URL,他们将为您生成模型

Landing pages, Landingfolio

landingfolio

tailwind是像Bootstrap这样的CSS框架,可以加快您的开发时间.它使用类样式元素,因此您不必编写任何CSS.

流行的页面构建者,例如Elementor和Divi

当然,如果需要,您随时可以转向页面构建者和主题,其中大多数将帮助您为客户创建高质量的自定义着陆页.

divi 仅提供其构建器的付费版本,该版本提供了一个漂亮的端产品在着陆页和转换元素方面. elementor 也有能力在其免费和Pro版本中创建着陆页.

创建hustle hustle

的铅世代模块

每个良好的着陆页都需要有效的潜在客户生成元素.

您可以使用我们的免费hustle插件来整理一些出色的铅生成模块.

选择,弹出窗口,幻灯片,社交分享和嵌入- Hustle可以帮助您创建所有人,旨在推动结果并转换访问者.

CTA, Hustle's templates

只是Hustle的许多预制模板中的一些.

使用Hustle的专业设计模板(18且计数),在几分钟内构建出色的模块很容易.

所有这些都是移动响应迅速的,并配备了电子邮件选择表单和信息设计(即用户单击按钮并发送到另一页).

).

Hustle具有免费版本和专业版.两者都为您提供了所有相同的绝佳设置和选项.

唯一的区别是Pro版本带有无限的选择,自定义内容和社交共享.

想要更多的喧嚣吗?在博客上查看这些信息包装的文章:

  • 如何充分利用喧嚣
  • 如何在喧嚣中使用可见性条件
  • 如何使用Hustle
  • 获得最多的电子邮件订阅者

您可以为着陆页和潜在客户生成服务收取多少费用?

F5 Studio 是一家成功的网络开发服装,自2013年以来一直从事业务,有一篇很棒的文章打破了设计元素,以及其着陆页定价的内容.

他们说,数字代理商收取的费用约为600美元至3,000美元,以创建一个静态着陆页,而动态着陆页的收费为2,000美元至5,000美元.

Brimar 是一家屡获殊荣的全方位服务营销机构,分享了这些关于着陆页成本的见解,声称该机构可以收取每个着陆页的300美元至3,000美元的收费,具体取决于该项目的复杂性和客户业务目标.

总的来说,创建着陆页的成本取决于工作的完整范围以及将涉及多少工作.

着陆页和转换服务的平均价格范围:$ 300-$ 5,000

Web Design服务4:重新设计/更名项目

客户可能会从网站重新设计或希望重新设计客户的原因有几个原因.最常见的是:

  • 整体外观和感觉已经过时或没有吸引力.
  • 业务身份在设计中并不理想,或者很快不会因计划中的重塑而引起的.
  • 可用性很差,使导航变得困难和限制转换.

"对于完全大修(UI可能需要完全重新考虑),如果试图吸引完全不同的受众,则尤其重要.如果网站从b2c更改为b2b." - marianna(wpmu dev成员)

涉及的内容以及帮助您提供重新设计服务的工具

了解用户体验是关键.如果网站的互动/转换率远低于其网站流量,则您可以调查行为分析.

hotjar and Crazy Egg for UX Insights

Hotjar和Crazy Egg等工具可以为网站的UX设计/可用性提供很​​好的见解.

通过观察记录的屏幕行为,您可以查明所有弱区域,并根据实用数据进行升级.

hotjar根据您需要的功能免费提供最多一千美元(每月)的服务,以及多少个会话("观察")或响应(" ask").

疯狂的鸡蛋定价包括5个不同的套餐,从每月不到30美元到报价定价.每个层都允许更多的服务(例如跟踪的页面视图,快照和录音).

学习客户在哪里移动慕斯以及他们点击的位置,他们关注的内容与他们忽略的内容,消除任何疑问和猜测,使您可以专门针对改进的领域.

.

您可以为重新设计服务收取多少费用?

就所需的整体努力而言,

重新设计与新设计非常相似.它们涉及许多相同的元素,工具和时间要求.

重新设计的唯一价格差异是UX Insight工具的额外成本,如上所述.

至于整个Web重新设计成本,全球重新设计调查的参与者揭示了一些关键统计数据:

  1. 设计网站的平均成本(具有基本功能):$ 3,200
  2. 平均设计网站的时间(具有基本功能):2个月
  3. 人们雇用专业的网页设计师(而不是使用网站构建软件)的最大原因:
  4. 的能力.

Goodfirms survey costs of web design Goodfirms survey costs of web design

Web Design调查总体Web设计成本的结果.图片信用
Goodfirms factors influencing web design Goodfirms factors influencing web design
网络设计调查结果影响成本的因素.图片信用

不管重新设计背后的原因是什么,重要的是要确定提前范围和成本的期望.

我们平均看到$ 3+k,用于完整的Web Design/Redesigns的时间表约为两个月.考虑到您的平均构建时间是什么以及您将包括哪些服务来帮助设定价格.

网站重新设计的平均价格范围:$ 2,000-$ 4,000

p 将所有网页设计组件一起

已经收集了信息并给予了适当的考虑,您现在可以构建一个针对您的网页设计服务量身定制的菜单,从而为有兴趣的客户提供便捷的访问(和价值主张).

完整设计服务菜单的示例:

这是我们想到的一个例子,其中包括元素价格的变化,具体取决于所涉及的组件和预期的工作.

GWD Web Design service package menu

我们的全部服务网络开发菜单,如我们的样本上所示站点.

开始向客户提供网络设计服务

我们希望您从提供网络设计服务的详细外观中获得了一些宝贵的见解.

如果您需要对文章中讨论的任何内容进行更多建议或澄清,请随时在下面的评论中询问我们.

作为网络开发人员,有很多球可以保持空中.在WPMU开发人员,我们的目标是协助使该过程尽可能容易.

如果您有兴趣尝试我们的平台,那么我们的免费计划是最好的起点.它包括无限的站点管理,内置帐单,插件等.

您是否向客户提供特定的突破服务或软件包?是什么使您能够在自己的网络开发业务中获得最佳的设计结果?在下面的评论中让我们知道.

0
订阅评论
提醒
0 评论
内联反馈
查看所有评论