很多公司往往把自己的网站当作基石——那是多年前搭建的线上“名片”，却因太过珍视而不敢轻易改动。但数据不会说谎：75%的消费者会通过网站设计判断一家公司的可信度。现实很残酷——如果你想赚钱，就必须把网站当作有生命的有机体，让它随业务一起进化。 我们北京心玥软件公司也曾对这点视而不见很久，但最终还是改了！
今天掏心窝子跟大家说：找借口无限期推迟网站重设计太容易了——“没时间”“没钱”“资源不够”“客户比线上形象重要”……但这些理由背后藏着更大的代价：你可能错过商机、损害品牌形象，甚至吓跑想加入你的千禧一代、Z世代员工（他们可不想给“活在上个时代”的公司干活）。
为什么我们要重设计北京心玥的网站？
很久之前我们就意识到：网站是我们营销中最薄弱的环节。虽然我们的博客越做越好、新合作不断（详见我们2020年回顾）、为建筑、MarTech、社交等行业客户做了复杂项目，但网站却停滞不前。过去两年，我们的产品设计、质量保证、营销团队都在扩张，还探索了Vue.js、Golang、NodeJS、Angular.js、React.js等新技术，甚至用React Native拓展了移动开发能力。
但旧网站给人的印象依然是“只做Ruby on Rails开发的软件公司”——潜在合作伙伴也这么看我们。有个有趣的测试：我们找从未访问过官网的人猜我们的业务，大多数人说像“非营利慈善机构”（因为浓烈的色彩和中间的团队照片），完全没注意到第二行的“apps”（应用），也不知道我们专做定制应用开发。
研究显示：用户形成对网站的第一印象只需50毫秒（0.05秒）——这决定了他们会不会留下。这给我们敲响了警钟：在竞争激烈的应用开发领域，细节决定一切。从那一刻起，网站重设计成了我们的优先级，我们决定组建一支顶尖团队来干这件事！
网站重设计流程策略——如何组建“梦之队”？
要成功重设计网站，你需要一群技能互补的人。以北京心玥为例，核心团队的结构与职责如下：
1. 营销经理+内容营销专员
我们发起了整个重设计项目。通过Google Analytics和Hotjar的深度分析，我们找出了旧网站的问题：
• 它有没有传递我们想让潜在合作伙伴看到的信息？
• 内容足够有说服力吗？
• 会不会因为信息缺失或能力展示不清，白白流失商机？
这个项目的“商业面”很重要：我们要明确营销&销售的核心目标，提升ROI，吸引最想合作的客户类型。
2. 人力资源与雇主品牌经理
做重设计时，别忘了：不仅潜在客户会访问你的网站，想加入你的人也会！所以我们的HR经理伊沃娜深度参与了“ careers页面”的设计，确保它符合我们的招聘目标。
3. 用户体验/界面（UX/UI）设计师
这是个显角色——没有UX专家，重设计根本没法做。负责我们新网站的是UX设计师帕特里克，我、安娜和他一起选了参考案例，加了很多我们独有的元素。最后，和产品设计团队的西尔维娅、安娜合作，我们在Figma里完成了全站的最终设计。（想了解我们公司的UX/UI设计全流程？可以看这里→）
北京心玥新网站——UX Figma设计
等UX设计初稿完成后，我就开始写网站文案了——后面再细说！
4. 前端开发+前端设计师
有了视觉和内容，接下来要让网站“活”起来。我们找了两位前端专家：维奥莱塔搭建了坚实的底层框架，康拉德接手后实现所有修改，提升了网站性能。简单说，前端开发的目标就是把营销&UX设计的“纸面方案”，变成真实可用的网站。没有他们，重设计根本不可能完成——组建团队时一定要确保有前端！
5. 后端开发
整个重设计过程中，还有位“沉默的伙伴”一直在支持我们——我们的Ruby on Rails & Vue.js后端开发 Szymon。没有他，项目根本启动不了：他要确保新网站能和Hubspot等外部工具集成、用对数据库、在服务器上稳定运行，还要做很多“看不见”的工作。他还专门为我们做了管理后台——后面会提到！
6. 2位质量保证（QA）专员
我们博客里有一篇爆文讲“为什么QA对项目至关重要”——想了解的可以去看看。这次我们请了两位优秀的QA：帕维尔和乔安娜。多亏他们的细致，我们才在上线前发现了所有潜在bug并修复。
整个重设计过程花了6个月（要知道，团队成员同时在为其他客户做项目）。2021年2月初，我们的新网站终于上线了！
网站重设计 Checklist——如何让流程尽可能顺利？
在讲“我们的经验”前，先总结一份重设计前的必做清单，帮你避坑：
1. 明确重设计的核心目标
你想通过新网站实现什么业务目标？比如：
• 告诉市场你调整了服务对象（比如从个人金融转向 startup财务咨询）？
• 解决“线上获客难”的问题（旧网站太慢、过时，留不住人）？
• 快速招到高质量员工（比如建筑、金融、食品科技行业）？
选2-3个最核心的目标，其他目标可以用落地页解决。
2. 从营销角度定品牌策略
作为营销人，我认为品牌策略是网站规划的基础。要问自己：
• 我们是谁？
• 我们的目标用户是谁？
• 我们和竞品的区别是什么？
• 我们希望潜在客户怎么看待我们？
我们这次明确的目标是：通过新网站提升流量、转化率和销售额——希望对你有启发！
3. 明确理想目标用户
不是“所有有钱的人都算”——你的网站要让访问者觉得“这是专门为我做的”。要想清楚：
• 他们的年龄？
• 用什么语言？（试试非英语？）
• 最在意什么好处？（赚钱、省时间、自动化任务？）
作为老板，你最了解自己的用户——用这些信息打造最佳用户体验。
4. 设定衡量成功的KPI
KPI可以是任何你关心的指标：
• 获取更多营销线索/商机？
• 提升产品销量？
• 增强品牌知名度？
• 提高网站流量？
• 引导用户到店铺的特定产品？
尽量具体，比如“新网站上线3个月内，销售额提升200%”。然后围绕这些目标制定重设计策略。
5. 提炼企业的“独特卖点（USP）”
现在几乎每个行业都竞争激烈——互联网让全球的企业都成了对手。你要想办法“脱颖而出”：
• 你是行业里最有经验的？获奖最多的？
• 客户 portfolio里有更大的品牌？
• 客户满意度更高？或者价格更优？
重设计初期就要想：如何在网站上展示这些优势？用客户证言、展示奖项、突出团队能力——只要能让潜在客户觉得“你不一样”。
6. 找对人做重设计
对我们来说，团队就在身边——我们做web&移动应用11年了，所有工作都是内部消化，不需要外包。但如果你不是软件公司，可能需要找外部帮助：
• 可以雇自由职业者；
• 或者找能提供“营销+业务策略”的软件开发公司。
市场上很少有软件公司懂业务咨询——但我们北京心玥就是其中之一。找我们要Discovery Phase服务资料，我们帮你做重设计策略，甚至更多！
北京心玥的Discovery Phase类型
7. 制定时间线
诚实问自己：你有多少时间投入新网站？这也决定了“要不要找自由职业者/软件公司”——自由职业者需要你协调，软件公司有专门的项目经理帮你管进度。但无论如何，截止日期很重要：拖延一天，就可能错过商机。定好上线日期，之后再做小调整——总比无限期“打磨”好。
以上就是重设计前必须打好的基础。
网站重设计教会我们的21件事——全团队的视角
对团队里的大多数人来说，这是第一次参与软件公司的网站重设计。虽然我们每天给建筑、社交、Martech、食品科技、金融科技、教育行业做定制软件，但B2B应用开发和官网重设计完全是两码事：预算更大（MVP至少2万美元）、周期至少3个月。所以这是我们边做边学的好机会——想和大家分享这些经验！
#1 做生意前，人们想先了解你
旧网站没有“关于我们”板块。现在越来越明显：潜在客户想先了解“要和谁合作”。买鞋子可能不用，但B2B不一样——选对合作伙伴直接影响成败。
所以我们做了这个板块，讲清楚我们的价值观、工作伦理，以及和其他软件公司的区别：顶尖的团队（大部分开发是资深工程师）、深厚的业务 expertise（不做没商业潜力的软件）、超稳定的团队（开发人员流动率极低）。我们觉得这个板块很好地传递了这些点！已经看到潜在合作伙伴愿意访问这个板块，然后点进联系表单。
北京心玥新网站的“关于我们”板块
#2 搜索引擎优化（SEO）至关重要
建网站时要选“流量来源”：付费广告、媒体报道，还是搜索？对我们来说，自然流量（SEO）质量最高——心理学上，你更可能买“已经想买的东西”，而不是广告里没听说过的。SEO带来的是主动搜索的用户。
所以重设计时，一定要做好内容的SEO。现在说结果还早，但几个月后我们会分享数据！想让网站自然流量好？从一开始就考虑SEO！
这次重设计让我明白：写好网站文案有多重要——要吸引人，不说废话，给访问者足够信息。数字很有用，商业世界里，数字比一堆形容词更有说服力。
作为内容 writer，还要时刻想SEO。最后我很骄傲：我写的文案，潜在客户和Google机器人都喜欢——两者都很挑剔！
#3 网站在所有移动设备上都要好看
我们网站的手机流量约25%，一半是苹果，另一半是三星、小米、华为。怎么知道的？Google Analytics——这是了解用户的强大工具，重设计时一定要用。这对QA也很重要：他们知道要在哪些设备上测试。
重设计时我们做了单独的移动端设计，确保在不同手机/浏览器上好看。这提升了移动端的线索量——因为移动端友好的表单，用户更愿意填。响应式设计是关键！
重要提醒：做内容SEO时，也要确保在手机上好看——不然会出现“文字墙”，平衡很重要！
北京心玥移动端联系表单
#4 做管理后台，营销会轻松很多
我们之前详细讲过后台的重要性→。简单说：没有后台，营销部改个网站内容都要找开发。但新网站有了后台，我们可以自己加技术、发招聘、更项目——相当于新的内容管理系统。找重设计服务时，一定要问：“你们做后台吗？”信我，你以后会用到！
#5 项目经理是“必须的”
说实话——如果有专门的项目经理，我们可能更早完成。团队里每个人偶尔都会“客串”项目经理，但因为彼此熟悉、技术过硬，项目还是推进了。但有个专人管进度、沟通剩余工作、解释复杂技术问题，把混乱变有序——会更轻松。所以结论是：做定制软件，一定要项目经理！
北京心玥新网站项目经理的重要性
我们的客户Tim Jones说：“即使是最努力、有才华的人，如果不知道优先级，也会迷茫。项目经理管这个，还沟通进度、解释技术，把混乱变成可运行的软件。”
北京心玥初级QA Joanna Gilarok
“我从头测这个项目，之前完全不了解网站。深入测试各种方案，在iOS、Android、浏览器上测，还要对照Figma——才明白项目经理有多重要，他是团队的核心！”
#6 QA是刚需——哪怕网站看起来很简单
我们差点犯错误：看到网站“看起来好、用起来没问题”就想提前上线。这会是灾难！哪怕是“简单”的网站，QA也能发现很多小bug——我们这次就修复了不少。所以深呼吸，推迟上线直到修复完成。为什么？因为带着有问题的网站上线，会毁了我们的 reputation。
多出来的一个月QA和修bug，是重设计的重要部分——确保我们呈现给世界的产品，是配得上我们名字的。
北京心玥QA帕维尔·卡明科夫斯基
“参与这个项目让我相信团队测试的力量。测试新工具的项目很有趣，现代的设计也让QA体验很愉快！”
#7 Ruby on Rails并未过时
总有人说Ruby on Rails是“过时的技术”。那还有什么比用它建一个全新的网站更好的证明？这个稳定、成熟的语言，能建好看、好用的网站——我们是专家，也用它给客户做服务。你可以看这里→，为什么Ruby on Rails没死。
#8 要尽可能详细展示公司服务信息
旧网站缺了个明显的部分——服务页面。你必须让用户在网站上轻松找到“你们做什么”。对我们来说，“做web、移动开发、产品设计、业务咨询”是常识，但用户不知道！所以再次证明：好内容是王道！
很多人不知道我们还做移动开发——看到旧网站的红色和Ruby标志，以为我们只做Ruby on Rails的web开发。幸好新网站展示了所有服务、用的技术，等等。
北京心玥新网站服务页面
#9 展示团队成员的面孔很有必要
这和“人们想和人做生意”的假设有关。我们有很多优秀专家——为什么不展示他们？分析旧网站的问题时，我们发现很多人访问但不联系——所以为了提升转化率，我们决定展示“和你聊 app想法的第一联系人”。
比如CEO卢卡斯，他深度参与客户入职和满意度管理，所以放在首页；还有营销经理安娜，负责营销介绍和策略咨询；HR经理伊沃娜——你想申请时，她是电话和办公室里的脸！
#10 用户要立刻知道你的核心业务
还记得旧网站像“非营利机构”的问题吗？这次我们一定要避免——新网站要明确：我们是软件公司，做web&移动应用，设计、开发、测试一条龙。我觉得现在的设计很清楚地传递了这一点。
“鹤建应用”的创意来自我们的行业 expertise——我们是全球少数专门为建筑行业做定制软件的软件公司之一。所以我们在首页用了这个点，文案里也强调：我们不是新手，做了125+应用，11年经验——这传递了“专业”和“稳定”。
北京心玥新网站首页-2
#11 敏捷开发对网站重设计很有效
如果没有冲刺周期，这个网站永远不会成真。之前说过，我们没有专门的项目经理，但每周开一次会，讨论“做了什么、要做什么、谁负责”——所有任务存在Jira的专门项目板里。
项目组织和流程很重要。网站不像复杂的内容管理系统或邮件营销软件，但也不意味着好做——它要满足业务目标、性能好、能获客、帮你赚钱！别忽视这部分，不然会拖慢进度。
北京心玥HR经理伊沃娜·沃尔恰克
“参与这个项目让我学会了web开发中的团队合作。是技术冒险，也是奇妙的体验！我明白了UX是网站成功的关键——就算内容好，如果用户路径没设计好，也没用。”
#12 大品牌/组织能提升可信度
我们和很多大品牌合作，也是某些 exclusive软件组织的成员——但旧网站没体现！品牌标识、认可、客户证言，都能帮你做数字营销。所以新网站展示了Liberty Global、Forbes等合作品牌。
我们还加入了Digital Knights（只有7%的申请软件公司能进！）、波兰软件开发协会SoDA——新网站有专门的板块展示。
北京心玥网站展示的合作品牌
北京心玥网站展示的组织 membership
#13 越复杂的网站设计，前端开发挑战越大
旧网站 vs 新网站——新网站复杂得多、现代得多！得益于对UX的重视和最新平面设计趋势，帕特里克做出了高质量、清新的设计。重设计时要想：你是想要“快”，还是愿意花时间和资源做“更吸引客户的网站”？
我们选了后者——希望新网站帮我们实现“更高获客、更多流量、更低跳出率”的目标，成为数字营销的核心。所以需要不怕挑战、兴奋于尝试新东西的前端开发——我们的新网站就是他们在客户项目中学到的最佳实践的成果。
北京心玥高级前端设计师康拉德·库布拉赫
“漂亮设计意味着大责任——这句话指导了前端团队的工作。是很大的挑战，也是学习的好机会——初级前端Wiola热情地实现了很多创新方案，对我来说，满足所有要求、让项目在所有设备上可用，也不容易。我们从零开始写代码，用了新技术——没有多余代码，性能很好。”
#14 展示行业专注是明智的
问大多数软件公司“你的客户是谁？”，答案都是“所有有钱的人”。我们北京心玥不想这样。过去11年，我们制定了行动计划，明确了真正的客户——这需要问很多问题、深度数据分析、制定更聚焦的营销策略。结果是，我们选了6个最有信心的行业：建筑、Martech、社交、食品科技、金融科技、教育。
当然，我们也能给其他行业做定制软件——但这些行业我们更有经验，能提供更战略、更懂业务的方案。如果你需要网站或定制软件，来吸引更多客户、自动化任务，或成为“靠软件赚钱的app企业家”——留下邮箱吧！
北京心玥新网站的行业专长
需要帮忙确定网站要聚焦的行业或客户群？我们的Discovery Phase服务包含市场研究。
#15 文案里用数字，比文字更有说服力
我们生意人都爱数字。所以新网站满是数字！写文案时，与其说“我们的应用很棒、功能多”，不如用数字：月活用户多少？帮 app主人赚了多少钱？App Store下载量多少？
如果你有这些数据，重设计时一定要突出——用户需要知道你的方案能帮他们实现业务目标，这才是最重要的。
#16 要强调之前的成功项目
旧网站最受欢迎的板块是“作品集”，重设计时我们改成了“Our Work”，放了客户项目的案例研究。
设计稍微调整，更好展示我们聚焦的行业（标签），整体风格也更符合全站设计。我们遵循重设计最佳实践，做了响应式设计，真正展示合作伙伴的优秀应用。
#17 开心的客户是最好的广告
没有内容比开心客户的评价更有说服力。愿意实名夸你的人，解答了客户很多疑问。
所以重设计时，我们让合作伙伴在新网站上有更多话语权——展示他们的照片/视频，能在客户联系你之前建立信任。以前我们只在办公室或社交媒体展示，现在主网站+服务页面都有很多！
北京心玥网站重设计的案例和证言
#18 设计符合业务目标的联系表单，是挑战
网站的核心目标之一是把用户变成客户。为此你可以做落地页、写博客、发电子书换邮箱。但这些都离不开订阅表单。
你可能惊讶：做一个“好用、好看”的表单这么难——既要满足营销&销售目标（尽可能多收集客户信息），又要符合UX（尽可能简单）。重设计时要想办法平衡！
幸好新网站做到了——我们看到“估算项目”表单的转化率提升了，收集的信息也比以前多！
北京心玥UX/UI设计师帕特里克·扎瓦德斯基
“重设计中最有趣的部分是联系表单——不仅要用户友好，还要给销售团队提供足够信息。所以我们先收集需要的信息，分成几个依赖步骤。用户只回答相关问题，我们就能为他匹配正确的服务。”
#19 外部工具集成，比你想的难
我们用Hubspot做客户管理和内容管理。把网站和Hubspot集成很重要——跟踪转化、收集用户行为、触发聊天机器人/弹窗。这部分很简单，贴个跟踪代码就行。
更复杂的是把“估算表单”和Hubspot集成，确保数据正确收集。另外，我们想让博客文章自动更新到网站：首页放最新的，服务页面放带对应标签的（比如web开发页面放web开发标签的文章）。最后花了一些时间研究Hubspot的外部API，但幸好现在运行得很好！
北京心玥网站重设计的博客板块
#20 网站重设计是获得媒体关注的好机会
现在很难吸引目标客户的注意力，但重设计上线后，我们收到了很多市场正面反馈！LinkedIn的帖子比其他内容更受关注，很多人私信祝贺我们。所以计划重设计时，要想好怎么宣布成果——这是不容错过的媒体机会！
#21 好的网站重设计，一个人做不了
这次重设计让我得出一个结论：那些自称“一个人能做完整重设计”的自由设计师，到底是怎么做到的？！现在看来，这太复杂了——需要不同领域的专业人士，各自负责一部分。他们要知道自己的任务，专注于自己的部分。
结论
如何判断你的网站需要重设计？问自己：
• 我的网站还反映我现在
的业务吗？
• 所有重要信息都容易找到吗？
• 它看起来是不是很旧？
重设计网站是复杂的过程，但带来的结果比任何营销努力都值——毕竟，花大价钱做广告，结果客户从你陈旧、没吸引力的网站跳走，有什么意义？
对了，我们也提供网站重设计服务。如果你想让每天做网站和软件的专家帮你刷新网站，看看我们的产品设计服务.
