这周给体育用品的客户定制一个外贸B2B网站，就是我前两天分享速度测试结果的网站。今天完成了第一次交付，已经把后台交给客户了，给大家分享一下，网站是怎么定制出来的。
技术支持准备
Siteground删站重建
提前跟客户确认过，旧站点无需保留，先登录Siteground，删除旧网站，创建新网站。
这里有一个删站重建的注意事项，删除旧网站后，不能马上搭建新网站，要给后台留出清理数据的时间，避免新旧网站数据冲突。当然，也可以手动检查旧网站是不是删干净了。
如果删站后马上新建网站失败，只是一个小坑，如果删站后马上新建网站成功了，后面才发现旧网站数据残留，等着你的就是大坑。你问我为什么这么清楚？唉，说起来都是泪，这两种坑我都替大家踩过了。
SSL安全证书与HTTPS加密协议
新建网站后，先在Siteground操作一通，最关键的操作是把SSL安全证书装上，以及把 HTTPS Enforce 打开。进入 WordPress 后台，先确认设置里的 WordPress 地址 (URL) 和 站点地址 (URL) 都是 https:// 开头，不是 http:// 开头。
注意：很多自学建站的客户只装了安全证书，没有开启HTTPS Enforce，这样访客仍然可能通过http访问网站并触发安全告警。而且，大多数人只知道域名需要https，其实资源也需要https，如果一开始的设置错了，资源会上传到http路径，浏览器也会提示不安全。
WordPress设置
简单来说就是把 WordPress 设置下的子菜单逐个打开，把所有项目设置好。特别注意设置禁止搜索引擎收录！！！这项设置只会阻止搜索引擎爬取，不会影响你自己或者其它访客通过网址访问网站。
现在网站只有默认的 “Hello World” 页面，如果谷歌等搜索引擎这个时候来抓取，会认为网站是低质量、未完成的，一旦形成糟糕的初始印象，搜索引擎短期内不会再来重新抓取了，也会影响后续排名表现。
安全与备份设置
网站的安全和备份，分为服务器和Wordpress两个层级。在安全方面，除了前面提到的安全证书和强制HTTPS，服务器还提供WAF和DDoS等。在备份方面，服务器提供每日自动备份、可以一键恢复、支持免费迁移以及Staging环境。
WordPress层级的安全设置，主要有隐藏后台入口、改掉默认用户名、使用高强度密码，并且限制尝试登录的次数，这样可以大幅降低网站被暴力破解的风险。
WordPress层级的备份，最实用的是我首次交付时手动创建的备份，如果客户操作失误，可以恢复到这个备份节点。后续网站有重大修改的时候，无论修改者是我还是客户，都可以创建更多备份节点，而且可以随时恢复到任意备份版本。
另外一个应用场景是跨服务器迁移，常见于服务器到期不再续费的情况，可以把 WordPress 层级的备份下载到本地，然后上传到其它服务器安装。如果没有这个，为了保住网站内容，你很可能会被迫续费。
小结
技术支持我们也叫网站的初始化，这个环节，几百块的模板建站和几千块的定制建站，工作都一样。
说起来有点像给电脑安装 Windows 系统，如果有一套固定的、成熟的流程，由专业人员按流程操作，又快又稳，但是新手操作很容易踩坑——我和客户都踩过不少坑，很多潜在问题要在后续运营中才能发现，然后想办法修补。
我也是在大量建站项目的基础上，补充了底层原理知识，处理过各种报错，才能避开各种意想不到的坑，这也是专业技术支持的价值所在吧。
了解客户的业务
不管是卖火箭的网站还是卖袜子的网站，前面的技术支持工作都一样，严格来说叫建站前的准备工作，接下来才是围绕客户真实业务展开的网站定制工作——一对一的网页设计服务。
而定制的第一步，就是深入了解客户的业务。
由于这个客户的需求是仿制一个对标同行的网站，这个对标网站就是我理解客户业务的起点。然后是客户前期储备的宣传资料，包括一份12页的公司介绍资料和一份16页的产品目录册。看完这些资料，我就能理解客户是做什么业务的，销售哪些产品、能够提供哪些宣传资料。
另外，客户还发来了他供应商的宣传资料和产品目录，并且说明了供应商的图片都可以使用，他可以让厂家提供原图。
确定网站的配色
如果客户的宣传资料由专业设计师设计，并且推广使用了一段时间，我会考虑沿用宣传资料的配色，这个在设计上叫品牌的一致性。但是这套宣传资料的设计水平不高，我就没有参考上面的配色，只沿用了LOGO上的红蓝配色。
收到客户反馈，宣传资料上的LOGO即将停用，要替换为正在注册的品牌LOGO，而客户手上的品牌LOGO设计图为黑色单色，我从旧LOGO中取色，把颜色调整为红蓝配色。另外，我还从LOGO中提取部分元素，做成了网站的站点图标。
在定制建站的服务过程中，我会帮客户做一些简单的图片处理，比如调整颜色、去除背景、裁剪尺寸、压缩图片、转格式等等。但是，都是基于客户提供的原始图片操作的，我不会从0开始设计一个LOGO或者生成产品图片。
这个客户提出只给一张产品的正面图，问我能不能帮他生成其它角度的图片，比如产品的背面图或者侧面图？答案是不能，我也不提供这样的服务。
确定网站的全局设计
了解业务，确定配色之后，我要确定整个网站的布局、颜色、字体、按钮样式。
在这个环节，我会在谷歌上搜索客户的产品名称，看看优秀的网站是怎么做的。经过调查发现，客户销售的体育运动产品，常用的配色就是红色、蓝色、绿色，其中红蓝配色的网站也不少。结合我自己的审美和设计习惯，敲定了网站的全局设计。
需要说明的是，我找的设计参考网站，和客户找的仿站对像，关注点并不相同。客户看重的是业务匹配度，而我更在意网站的设计表现（好不好看）与实现方式（我能不能轻松地做出来）。
网站设计流程
全局设计确定后，我会按照以下顺序，从一片空白开始，搭建出整个网站：
- 顶部导航栏（页眉）
- 底部导航栏（页脚）
- 首页
- 关于我们
- 联系我们
- 产品详情页
- 产品聚合页
- 文章详情页
- 文章聚合页
一般来说，制作这些内容需要3个工作日，但是这个客户提供的产品资料非常简单，而且没有文章。所以，我在第三天的早上就把后台登录信息发给客户，让客户准备素材。
第一轮修改
客户打开网站后，先对首页提出了修改意见，边沟通边修改，一上午就过去了，下午沟通了产品和文章页面。客户感觉很多地方没有设计好，实在是因为没有素材啊！
以产品详情页为例：参考网站的产品详情页，主要信息区域有主图、详情图、标题、卖点、品牌、型号、起订量，产品详情里有规格参数表、有详细的文字介绍、有产品细节图片组、有产品的订制流程、有生产这款产品配套的设备展示。
而客户提供给我的产品资料，每款产品只有一张模糊的图片，还是我从PDF产品册中提取的，图片旁边只写了尺寸和重量，我能如何设计？？？巧妇难为无米之炊呀！
如何准备素材？
通常由外贸业务员来写文案，由美工来拍照和制图，规格参数表跟技术要，起订量问老板。
注意：不用发我几十款产品的资料压缩包，我只需要一款产品的完整资料，就可以设计样式了。同理，我只需要一篇文章的完整资料。更多产品和文章，是由客户自己上传的，当然，我会提供一对一教学，包教包会。
客户提出让我直接从别人的网站上复制，这种操作我是拒绝的，有侵权风险。需要由客户收集好资料发我上传，我也不研究素材怎么来的。不过合同有约定，甲方提供的素材侵权时，由甲方承担责任。
我的建议是用AI改写一下，不要跟别人一模一样。
定制建站包含的图片处理服务
由我经手上传的图片，我都会适当地裁剪和压缩，主是是Brand LOGO和Site Icon，以及首页、关于我们、联系我们等页面会用到的图片，本意是让图片在网站上获得更佳的展示效果、更快的加载速度。
但是，我不精修图片，也不能让模糊的图片变清晰，如果需要图片拍摄和制图，请聘请专业的美工。
定制建站的后续工作
等客户准备好首页素材，并且提供一份产品资料、一份文章资料之后，我就可以补充产品详情页、文章详情页。所有页面设计好就进入响应式优化环节，让网站适配手机、平板等移动设备。
然后由客户上传已有的产品资料和文章资料——预估需要一周，具体看客户的工作安排。整个网站资料上传完成时，进行最后的微调，客户最终验收后，就可以开启搜索引擎收录了。
定制建站的附加服务
开启搜索引擎收录的时候，定制建站的服务就交付完成了，当然还有一年售后，365天内都可以提出修改要求。至于很多客户在建站之前会问到的多语言、SEO、谷歌广告等等，可以在这时候加上，也可以半年后再添加，根据业务需要来选择即可。
定制建站FAQ
定制一个这样的网站要多少钱？
仿制一个标准的外贸B2B网站，费用是4000元。
这个客户选择的对标网站，在标准内容的基础上，增加了 Certificate 和第二套产品聚合页的设计，由于增加的版块数量不多，而且也不算复杂，费用还是4000元。
其实，我服务的大多数客户，都需要在标准内容之外，增加一两个页面或版块，我并不会额外收费。但是，请不要报着“不要白不要”的心态，让我先把 Application、Industry、Solutions、Support、FAQ、Download、Services、Project、Video 全部安排上，或者提一大堆定制需求，这种我会果断拒绝，或者按照标准价格加收300元/版块。
交付周期是多久？
交付一个标准的外贸B2B网站，我需要的工作时间大概是一周。
理想状况是需求清晰、资料齐备，客户本周一打款，我下周二交付。但是，绝大多数客户是分批补充资料的，所以，大多数建站项目是分多次交付的，用时会超过一周。
常见的交付场景：我一边建站，客户一边补充资料；客户一边提修改建议，我一边修改。我遇到过客户最近忙退税，过几天才联系的，也遇到过客户忙参展，一两个月后才联系的。
一周指的是我累计的工作时长，也可以说在资料完整时，我承诺的交付时间（合同约定）。
如何签订合同？
定制建站的合同，会详细列出定制元素和版块的清单，并且配上参考网站对应版块的图片，后期我会按照这个清单来逐个制作元素和版块（即按合同交付）。当然，在这个清单的基础上，允许有20%的修改。但是需要注意：
- 起草一份合同需要两三个小时，请在能够接受定制费用的情况下，才安排起草合同。
- 不要随便找一个网址让我制作合同，一定是你精心挑选过的，想要参考的网站。
- 为避免不必要的返工与时间成本，参考网站中不需要的版块、需要改进的内容，请提前说明。
