设计是一项富有创造力的工作，因此并非总是能够预测工作的结果，也不总是适合我们。 因此，最主要的是要草拟有能力且易于理解的传统知识。Internet每天都会发生变化，因此始终有必要监视Internet资源的相关性和便利性。 5年前今天很流行的技术可能会完全失去其相关性，并且您的网站可能（并且将）分别给您的访客和客户带来不便，您每天都将失去潜在的利润。 因此，每个企业家迟早都会遇到重新设计其在线商店或服务站点的问题。
更改网站设计时的关键问题
在开始任何工作之前，您必须清楚地了解是否需要重新设计网站。
我建议回答以下问题：
- 转化率下降了吗？ 网站上的时间是否减少了，转化次数是否减少了？ *请参阅指标中的所有此信息。
- 您的网上商店看起来现代吗？ *浏览所有竞争对手的基本需求，将他们的设计与您的设计，可用性，产品过滤器，各种功能块等进行比较。
- 您的网站是否具有移动版本或自适应设计？ *我认为您知道该问题的答案，如果没有，请访问webmaster.yandex.ru，报告中的“诊断”-“站点诊断”部分将包含有关移动版本的建议。
在此，您需要了解的所有要点结束了，我们将转向站点重新设计期间的主要问题。
如何改变网站设计而不失位置？
当然，如果您的在线商店在该地区具有良好的地位，没有人愿意失去它们，因此，我建议您在重新设计站点时仔细遵循以下主要建议：
- 首先，我们从不更改站点的结构，也就是说，在更改设计之后，您的页面应该具有相同的url，这非常重要（重新设计只是意味着更改外观而已）。 如果页面地址更改，这将需要重新索引，出现404错误（如果没有301重定向），则页面上静态权重的分布将完全不同，所有这些都将不可避免地导致位置变化。 *如果计划在现场进行大规模工作，包括结构变更，则在重新设计之前执行此步骤。
- 不要更改站点引擎。 更改CMS时，您的在线商店的整个代码将是新的，这又需要对网站进行完全重新索引，这又将反映在位置中。
- 我建议记住所有基本的html标签。 这不仅与标题H1-H6有关，而且与设计标签b，i，ul等有关。 我建议将它们保留在原处（在布局布局时，将其包括在工作说明中）。 所有这些标签都会在某种程度上影响页面与请求的相关性，并且我们不希望破坏网站的位置，因此非常希望保留这些要点。
- 带有新方块的时刻。 例如，以产品类别页面为例，在新设计中，我们有一个带有商店新闻的图块，例如：
所有这些都很好，但是值得理解的是，这些都是内部链接可以传达其重量，也就是说，实际上，我们为文章添加了6-7个链接（具体取决于轮播中的文章）（我们无需宣传） ） 另外，此块将不相关的内容添加到我们的页面中，这是不好的。
可能会有很多类似的“新”块，因此，我建议将其中一些放在noindex标记和nofollow属性中的链接中，这样可以保护您的网站免受搜索更改的影响。 我们对所有类似的块执行相同的操作。
在一段时间（1-2）周之后，我建议开始逐渐删除标签并查看网站的位置。 这将使我们有机会在向不希望的方向更改位置时“回滚更改”。
- 一点相关性。 同样，进入显示产品博客的产品类别页面。 可能有一种情况是，早期每个产品卡都显示某些特性（价格，商品，颜色，尺寸等），但是在新版本中，设计人员不喜欢外观和从卡上删除特性输出。 从内容的相关性（因为某些内容将消失）以及用户行为方面，这都可能会影响网站的位置，值得记住这一点。
总结所有主要建议：- 不要更改结构，不要更改url；
- 请勿更改CMS；
- 影响相关性的主要版式标签的最小变化（H1-H6，b，i等）；
- 我们确保以前显示的所有信息都保留在网站上（如果需要，您可以查看指标-单击地图，用户操作的视频等）。
- 如果我们添加了很多新的块，使用了很多内容的新功能，则建议您将它们从索引中关闭（从而避免不必要的问题）。 接下来，逐渐删除noindex并监视位置（可以将所有内容返回）。
- 类似具有新块的机制，其中将有许多链接，我也建议关闭nofollow属性中的链接（保留位置就是一切），然后逐步删除它们，然后查看位置去除的结果。
完成所有这些操作之后，我们将了解为什么需要重新设计以及如何正确进行设计，以免破坏工作和时间所获得的成果。 您可以继续下一步。
为将来的网站设计准备原型
这是我们工作中最重要和最主要的部分，因为原型是主要和主要的传统知识，我们将其发送给设计师。
设计师的想法和您的想法永远不会重合，设计师会认为一件事，您与众不同，事实并非如此，您会真正找到可以为您提供建议的专业人士，不幸的是，根据经验，设计师只会完成技术任务，而不是一步一边，表现他的舒适感，以及他如何更喜欢它。 结果，我们得到了一个中等的设计，当填充内容时，布局会消失，因为设计师没有考虑透彻，可能没有指导效果，实际上我们无法获得想要的东西。
因此，最重要的是要形成一个称职的技术任务，此后您和设计师都不会有问题，我们将得到想要的东西。
选择原型程序
迄今为止，有很多类似的程序和服务，因此，我不建议您专注于此，而应该选择免费的并且我们可以轻松使用的程序和服务：
有一个免费版本，您可以使用它。
简单方便的程序。
有一个免费版本，您可以以任何格式导出，非常简单直观的界面，您无需下载任何内容。 我们将使用它。
原型准备
1）我们找到所有竞争对手
*我们不会仅排在前5名，因为这些商店的排名可能与搜索引擎（利基排名）不同，而且我们决定从中获取一些得分（区块，功能等）可能不会改善我们的情况，但可能会恶化。
我们找到20到30个我们喜欢的网站（我们位于不同的地区），并对其进行仔细分析。 无论是产品过滤器，推荐商品，任何提示等，我们都从所有人那里获得最佳解决方案。 值得关注链接的位置，哪个按钮等的所有内容。
2）我们写出所有的块
我们要在我们的网站上使用。 我们选择最佳实施块，我们不需要自己创造比例，照片将在哪里，文字将在哪里，按钮在哪里，我们只是从竞争对手那里获得最佳解决方案。
3）我们选择网站的所有元素
在此阶段，您需要确定标题是什么，主菜单是什么，地下室等等。
*我们所有的竞争对手在PS上都分别具有良好的地位，他们的设计也将很不错，您不必以为我们自己会提供更好的解决方案，更不用说我们的设计师了，我们已经拥有经过验证的功能，我们只需要与我们一起使用。
4）确定样式和配色方案
选择配色方案和样式还不够容易。 另外，我建议您不要依赖设计师的意见，因为他不知道您想要什么，因此您需要在此阶段处理此问题。
为此，我建议您注意我们将定购我们设计的自由网站。 有很多类似的网站，以下是最受欢迎的网站：
我们选择一种资源，转到“设计”部分，然后转到表演者，查看他们的作品集。 有很多设计师，他们的作品集中有很多作品，因此我们可以轻松地选择在执行样式和配色方案方面都喜欢的设计。 选择后，保存您选择的工作。
在此阶段，我们拥有创建高质量且经过深思熟虑的原型所需的一切，因此，我们的传统知识也得到了满足。
渲染网站原型
我们选择了“
知更鸟”服务，因此我们结束了注册并开始工作。
我们需要清楚地绘制所有未来的主页，产品类别，产品卡，新闻类别，新闻，联系人以及所有表格。
在上一个阶段，我们选择了我们希望在未来的设计中看到的所有块，选择了站点标题，菜单等在其中的放置方式。 因此，我们只需要将所有这些转移到原型中即可。 在原型中，必须充分反映网站的所有元素，所有区块，这将使设计师了解我们需要什么，并且他不必花太多时间思考绘制方式和内容，因为实际上所有内容都已绘制，他只能添加图形。
（可选）您可以在Photoshop中修改所有内容，以便所有元素都更加可视。
在输出中，我们有如下所示：
我们还绘制了原型中的所有表格和标签：
在创建完备的未来设计原型后，我们继续进行ToR的准备；我们需要详细描述原型中提出的所有要点。
我们写了原型的详细说明
这也是非常关键的时刻，因为如果我们对此有所遗忘并且不会出现在设计中。
- 我们讨论设计应采用哪种格式
- 从投资组合（我们之前选择的）中指定图像。 我们写道，我们希望采用类似的样式和配色方案进行设计。 我们指出按钮，框架等可以从该设计中获取。
- 按钮，链接和其他元素必须具有悬停和活动效果。
- 将您使用的字体附加到设计中（某些排字员需要它们）
- 接下来，我们指出我们认为应该澄清的所有要点。 例如，我们希望在指向产品卡片后，显示“添加到购物车”按钮，以描述所有此类时刻。
*这些问题和细微差别可以在原型本身上描述，例如：我们直接进行设计的选择和订购。
艺术家的选择，设计的顺序
订购设计有两种选择：1）联系设计工作室或网站我认为这种选择不是最好的选择，首先，价格会更高，如果我们求助于自由职业者，我们不仅要花费很多钱，还要花费时间。 值得注意的是，此选项在质量和截止日期方面不会总是有所不同。
2）通过热门网站联系自由职业者此选项对我们来说是理想的。 既然如此，准备详细的原型和TK的主要目标不仅是准确获得我们所需的设计，而且是节省资金的一种方法。 毕竟，设计师剩下的只是在我们的原型中添加图形，实际上我们已经绘制了整个“设计”，艺术家不需要考虑外观和样子，已经绘制了一切，提供了样式和配色方案。
就像我在上面写的，有很多带有炸薯条的场所，它们各有千秋。 但是我们将选择Kwork.ru服务，因为我们需要足够数量的体面质量，并且正如我在上面所写的，我们不需要十万专业人员，我们就需要图形作为原型。 另外，这是一个非常简单且安全的付款系统，我们不需要直接向自由职业者付款，所有付款都是通过服务本身进行的。 如果提供的设计与工作说明不一致，则可以很容易地退还资金。
首先，注册并转到设计部分。 我建议不要将时间浪费在选择众多设计师身上，浏览数百种作品集，等等，打开排名前20-30的作品，并将我们的传统知识发送给所有人，指定价格和条款。
之后，有兴趣完成您的任务的每个人都会为您提供条件，我们可以在此基础上做出选择。 一切都非常简单和透明。
*值得记住的是，我们希望从设计中获得的所有信息都已经在工作说明书中写好了，因此最好优先考虑问题的财务方面，因为这样做的结果实际上不会改变。
结果，我们得到了一个完全完成，简单和现代的设计：
您可以通过
tkspecodegda.ru完全熟悉该项目。
所有亮点：- 有必要明确确定我们是否需要重新设计网站；
- 我们选择最佳竞争对手，根据他们的网站，功能，我们选择所有最佳竞争对手；
- 根据准备的信息，我们为每个页面制作高质量的原型；
- 选择一个完全适合我们颜色和风格的网站；
- 我们给原型做个说明，tz。
- 我们在受欢迎的自由职业者交易所订购设计；
- 我们以适当的价格获得了所需的成品设计；
- 我们转向针对布局和拉伸的技术规范的汇编，以寻找艺术家。
下一篇文章将介绍订购布局的一些细微差别以及该站点的移动版本。