什么是网站重新设计？

网站重新设计是一个涉及更改网站外观、内容和功能的过程。

目标？开发一个更好地满足用户需求和业务目标的网站。

网站更新涉及进行小规模的更改（例如对主页布局进行一些调整）。但是完全重新设计基本上是从头开始重建您现有的网站。

网站重新设计检查清单通常包括以下要素：

• 视觉设计：网站的外观，包括布局、配色方案、排版和品牌
• 用户体验 （UX）：网站如何为用户提供服务，包括导航和互动元素
• 搜索引擎优化 （SEO）：网站在搜索中的显示方式，包括关键字和元数据
• 网站架构：网站的组织方式，包括页面层次结构、URL 结构和内部链接
• 技术基础设施：网站在后端的运作方式，包括网站速度和安全性
• 可访问性：所有用户理解您的网站并与之互动的程度

何时考虑网站重新设计项目

不确定网页设计是否真的有必要？这里有一些信号表明是时候进行彻底改革了。

过时的设计

您的网站看起来像是 2010 年设计的吗？潜在客户可能会质疑您的企业是否仍在运营，或者是否可以满足他们当前的需求。

新品牌或定位

您的公司是否更新了其品牌或更新了其竞争定位？您的网站是您首先要推出这些更改的地方之一。

用户体验不佳

网站访问者是否经常告诉您他们在您的网站上找不到任何内容？

糟糕的移动体验

您的网站是否与移动友好相反？自 2017 年以来，移动设备产生了一半以上的网站流量。这意味着移动响应能力对于每个站点都是必不可少的。

内容管理系统限制

您的内容管理系统 （CMS） 是否限制了您网站的功能或您可以添加的插件？从 WordPress、Webflow 或任何其他 CMS 切换是从头开始重建网站的一个重要原因。

网站性能差

您的网站是否需要很长时间才能加载——即使您已经尝试了一切来加快加载速度？彻底重新设计让您有机会解决技术问题。

如何通过 11 个步骤重新设计您的网站

既然您知道何时该重新设计，以下是如何逐步进行重新设计。我将把我的流程分解为几个阶段，从发现和规划到启动和性能监控。

发现和规划

首先进行研究并明确您的策略。

第 1 步：审核您当前的网站

第一步是了解你的网站上发生的事情并对其当前性能进行基准测试。

• 使用 Google Analytics 检查网站访问者数据，例如总流量、跳出率和转化路径。
• 检查 PageSpeed Insights 以测试网站速度、视觉稳定性和移动响应能力。
• 查看 Google Search Console 以识别损坏的链接和技术错误。
• 分析 SEO 工具数据并识别排名靠前的页面，以及那些在许多关键字中排名不高的页面。

这个想法是评估哪些内容在您的网站上有效，哪些无效。这样，您可以保留对网站有好处的元素（例如排名靠前的内容），并更新那些不能服务的元素（例如在移动设备上加载缓慢的设计）。

第 2 步：进行用户和竞争研究

通过与您的实际潜在客户和客户交谈来验证您的研究。将调查添加到您的网站，以便您可以自动对网站访问者进行投票。或者手动联系客户。

询问他们喜欢您网站的哪些方面，从设计到功能。了解他们不喜欢您网站的哪些方面。提示他们突出显示阻碍他们查找信息或完成任务的摩擦点。

然后，列出竞争对手并分析他们的网站。确定竞争对手网站优于您的网站的领域，以及您的新网站可以做得更好的机会。

第 3 步：定义目标并协调利益相关者

在审核您的网站并了解您当前的情况后，您就可以设定重新设计目标了。您的新网站的成功是什么样的？

明确您想要实现的目标。例如，您可能希望：

• 创建更好的 UX，以便网站访问者可以轻松找到他们需要的信息。这应该使您的网站易于导航、降低跳出率并建立信任。
• 实施与您的团队使用的营销自动化工具集成的新 CMS。这使您的团队能够更一致地发布新内容。
• 通过减少网站用户的摩擦并引导客户执行后续步骤（例如注册列表、预约电话或进行购买）来提高转化率。

为流程的每个阶段制定时间表并制定明确的截止日期。

然后，组建一个由所有重要利益相关者组成的网站设计团队。例如，您需要有人签署品牌和设计、网站文案、搜索引擎优化和法律合规性。

网站结构和内容策略

在开发模型之前，先规划网站架构和内容。

第 4 步：确认导航和内容策略

将您的研究付诸实践。设计优先考虑用户目标的导航，以便您的目标受众可以轻松使用该网站。添加用户友好的导航菜单，以简化他们访问重要内容的方式。

不要忘记 SEO 最佳实践。使用将内容组织成类别的逻辑层次结构。确保大多数内容在主页上不超过 3 次点击。

当你这样做时，请明确你的内容策略。审核您的现有内容并确定它是否以及如何适应新的网站结构。

制定计划来合并冗余页面、取消发布过时的内容，并确定需要用新的登录页面填补的内容空白。

第 5 步：起草网站文案

现在，您可以创建或更新网站上最重要页面的内容。从您的主页开始，然后系统地浏览产品或服务页面、用例页面和行业页面。将现有优惠页面和转化页面包含在网站重新设计计划的这一部分。

以下是您在写作时要牢记的一些文案写作最佳实践：

• 为您的受众写作，解决他们的目标和痛点
• 融入您的品牌声音，包括您的风格和语气
• 通过清晰的页面结构和副标题使网站副本易于浏览
• 添加号召性用语 （CTA），提示潜在客户采取下一步行动

设计和原型制作

这是重新设计过程变得直观的地方——也是利益相关者参与进来的时候。

第 6 步：创建线框和设计系统

设计显示网站导航、用户流程和内容放置的线框。然后，创建一个显示调色板、排版和视觉样式的设计系统。

到现在为止，您应该开始了解新网站的外观和感觉。

我建议将可访问性纳入网站重新设计策略的这一阶段。选择具有足够对比度的辅助颜色和易于网站访问者阅读的字体。

第 7 步：构建模型或原型

接下来，将您的线框图和视觉指南转换为网站模型或原型。同样，从您网站上最重要的页面开始——例如您的主页和产品或服务页面。

将设计应用于实际内容草稿，以便利益相关者可以看到 Web 副本如何适合网站，包括文本层次结构、空白、导航和设计元素。

为各种屏幕尺寸开发原型。虽然移动设备可能会占您网站流量的很大一部分，但它们不会占全部。确保您的网站同样易于桌面用户浏览。

第 8 步：获得利益相关者的签字

成功重新设计的关键是让每个人都参与您的决定。因此，一旦您确认了主要的设计和复制决策，就将原型展示给您的利益相关者。

向他们介绍用户如何根据典型历程浏览网站。解释您为什么做出某些设计决策或构建特定页面。

收集反馈并进行必要的修改。记录整个过程中的每一条评论和更改。然后，让您的团队签署设计、UX 和文案。

开发和技术设置

建立您的新网站以获得成功的强大技术基础。

第 9 步：开发网站

现在，您已准备好将设计移交给您的开发团队。与网站开发人员合作，选择支持您的设计、营销自动化和合规性需求的 CMS。

使用带有相关关键字和逻辑层次结构的干净、描述性的 URL。如有必要，请创建 301 重定向以更新旧网站中内容的位置。

通过重点关注以下方面来优化 Google 的核心 Web Vitals：

• Largest Contentful Paint，反映内容加载性能
• Interaction to Next Paint，反映您网站的响应能力
• Cumulative Layout Shift，反映网站的视觉稳定性

在您的网站中构建 SEO 基础，以便您可以轻松地优化您的内容以提高搜索引擎排名。将架构标记和元数据合并到后端，以帮助每个页面对相关关键词进行排名。

第 10 步：测试和优化网站

在启动新网站之前，请花时间对其进行彻底测试。招募团队成员和测试版用户来检查您的网站在各种设备、浏览器和屏幕尺寸上的表现。检查外观和功能是否一致。

与开发团队合作创建测试清单。这样，就不会有任何东西被遗漏。以下是要添加到列表中的一些元素：

• 断开的链接
• 缺少图像
• 格式问题
• 错误的集成
• 加载速度慢
• 表单提交问题

启动和性能监控

采用新设计并密切监控性能。

第 11 步：启动和监控站点

现在您已准备好启动重新设计的网站。与您的开发团队一起，仔细阅读完整的清单，为成功启动网站奠定基础。

• 更新 DNS 设置
• 设置 SSL 证书
• 确认任何 301 重定向
• 检查分析跟踪

在头一两天密切监控该站点。确保您的开发团队可以快速解决任何错误。

然后，定期检查页面加载速度等技术方面、转化率等性能方面以及关键字排名等 SEO 方面。利用您的见解制定计划，以继续优化您的网站。

网站重新设计中应避免的常见错误

不要犯许多网页设计师所做的同样错误。注意这些错误，以使网站重新设计过程尽可能顺利。

常见问题

什么是网站重新设计？

这是对您网站的全面重建，而不仅仅是视觉更新。您正在重新设计设计、结构、内容和功能，以便您的网站更好地为用户服务并支持您的业务目标。

你如何重新设计网站？

首先弄清楚哪些有效，哪些无效。与用户交谈。检查您的分析。制定新的网站结构并编写更好的副本。然后是设计、开发、测试和发布。让它专注于解决实际问题，而不是追逐趋势。

您应该多久重新设计一次您的网站？

每当您的网站停止发挥其作用时。这可能是每隔几年一次，如果您的技术、品牌或受众发生变化，则可能更早。如果它缓慢、令人困惑或过时，那么是时候了。

为什么要重新设计网站？

因为旧的没有发挥作用。也许很难使用。也许是品牌不合时宜的。也许它只是没有转换。重新设计可让您修复损坏的内容，并为您想要接触的用户打造更好的体验。

关于网站重新设计的最终想法

许多企业一时兴起做出设计决策——没有计划，没有讨论，也没有网站重新设计目标。这可能会导致结果平淡无奇。或者更糟糕的是，持续的更新让客户感到困惑。

但是，有了清晰的工作流程，您的网站重新设计就不必让人不知所措。使用我的 11 步方法设定明确的目标，让每个人都参与进来，并设计一个获得您想要的结果的新网站。

優(yōu)網(wǎng)科技秉承"專業(yè)團隊、品質(zhì)服務(wù)" 的經(jīng)營理念，誠信務(wù)實的服務(wù)了近萬家客戶，成為眾多世界500強、集團和上市公司的長期合作伙伴！

優(yōu)網(wǎng)科技成立于2001年，擅長網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合，致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)（品牌展示型、官方門戶型、營銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開發(fā)、移動端應(yīng)用（手機站、APP開發(fā)）、微信定制開發(fā)（微信官網(wǎng)、微信商城、企業(yè)微信）等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。