在当今的数字化环境中,您的电商网站集店铺、广告牌和客服代表于一身。因此,网站的设计和功能必须能够支持您的业务发展,这一点至关重要。 企业目标网站重新设计可以帮助你保持网站的时效性、品牌一致性,并满足受众的喜好,但如果没有明确的策略,也可能充满挑战。
为了了解成功的网站重新设计策略的要素,我们采访了工作室交付总监 Kim Samuelsen。 域我们是一家提供全方位服务的网站设计和开发机构。让我们来看看如何重新设计您的网站,从而吸引新客户、留住现有客户并提高您的业务收入。
什么是网站重新设计?
网站重新设计是指改变现有网站的功能和视觉元素。其范围可以从彻底改版到仅仅更改几个布局。企业进行网站重新设计可能是为了体现更新后的品牌形象、提升移动端用户体验、提高转化率或更新过时的技术。
重新设计网站是一个分析访客当前如何与网站互动、找出痛点并进行重建的机会,两者兼顾。 用户体验 (UX)和 搜索引擎优化 遵循搜索引擎优化 (SEO) 最佳实践。成功的网站改版会保留有效元素,修复无效部分,并使您的网站能够随着业务目标的实现而发展。
重新设计和更新有什么区别?
网站重新设计与简单改版的主要区别在于规模——是网站结构发生变化,还是仅仅改变设计元素。你可以把它想象成重建房屋与仅仅重新粉刷房屋之间的区别。
-
网站重新设计。 虽然“重新设计”有时可以指一些小的调整,但它通常指的是彻底的重新设计——包括网站架构的全面改造、性能问题的修复、用户体验流程的优化以及美观性的改进。重新设计往往涉及关键用户体验元素的改变,例如用户与网站的交互方式和导航方式。在重新设计过程中,你需要修改网站的内部结构和源代码,从而打造一个几乎全新的产品。“一切皆有可能,”Kim说道。
-
网站刷新。 与彻底重新设计相比,网站更新是一种较为温和的选择。它保留了网站的基本框架,仅对设计元素或关键页面进行一些细微的、更美观的调整。虽然整体用户体验可能不会改变,但网站更新会涉及字体、配色方案或布局等方面。“如果你有一个已经上线的网站,并且想要更新某些组件,这并不一定是一个耗时很长的项目,”Kim说道,“你可以将更新工作分解成一个个易于完成的小部分。”
网站重新设计前需要做的 3 个步骤
在启动网站改版项目之前,请分析当前网站的性能,倾听目标受众和团队的意见,并制定一个完善的计划。如果没有周密的项目管理,网站改版过程可能会变得难以掌控。想想看,如果计划更周全,项目可能会错过截止日期、超出预算,或者需要修改的网站草稿数量会比实际需要的要多得多。请从以下三个关键步骤开始:
1. 分析您当前的网站
不要去修补没坏的东西。在做任何其他事情之前,先评估一下你当前网站的哪些方面有效,哪些方面无效。“我们总是会进行一次网站巡视,了解客户喜欢他们当前网站的哪些方面,”Kim说道。“当然,接下来,我们还要找出他们的痛点。”
重点关注以下几个方面:
-
性能 如果你的网站跳出率很高(即网站访问者进入你的网站后很快就离开了)或者转化率很低(即他们没有采取期望的操作),那么可能是时候重新考虑一些功能了。
-
交通。 如果你的网站在谷歌搜索结果中排名不高,可能是因为网站设计没有针对搜索引擎进行优化。如果没有进行搜索引擎优化(SEO),你就只能通过付费广告或营销活动来吸引用户访问你的网站。
-
设计。 如果您的网站加载速度慢、设计过时,或者某些功能在某些浏览器或操作系统上停止工作,那么是时候重新设计了。
2. 收集多种观点
有效的网站改版会兼顾多方利益相关者的需求,并找到对各方都有利的解决方案。而做到这一点的唯一途径就是收集信息。
以下几点你应该开始关注:
-
用户反馈。 真实用户的反馈将帮助您进行更符合目标受众需求的网站重新设计。无论您是否拥有专门的用户体验研究团队,都务必收集反馈并开展相关研究。 用户发现 在开始重新设计之前。
-
竞争对手研究。 除了用户测试之外,还要对行业内排名前五左右的竞争对手进行调研。考察他们网站的功能、网站布局、用于引导用户转化的功能,以及为了脱颖而出而做出的品牌美学决策。
-
团队需求。 工具不匹配或团队超负荷工作都可能导致项目进度延误和预算超支。为了确保你的网站改版团队取得成功,请考虑团队成员的个人技能、工作量以及现有工具。评估是否需要聘请自由职业者或以其他方式获取更多资源。Kim认为网站改版是一个双向的过程:“我们希望网站既方便用户使用,又方便管理员管理。”
3。 设立目标
有了用户反馈、竞争对手分析和团队意见,你就可以定义成功的标准了。设定合适的目标并找到及时实现目标的方法至关重要。
以下是一些需要牢记的关键策略:
-
明确关键目标。 网站改版是一项全面的工作,但您仍然需要设定具体的目标。选择几个关键目标,决定如何衡量这些目标,即使受到诱惑或分心,也要坚持计划。例如,如果您的目标是让网站更具现代感并提升用户体验,那么…… 品牌知名度 从长远来看,您可能会决定将重点放在页面布局、品牌推广和产品摄影上,并在一年后进行品牌认知度调查,以跟进您的重新设计。
-
重申你的 品牌标识. 在品牌重塑过程中,明确品牌指南的呈现方式至关重要,这有助于保持方向。Kim表示,她的团队始终会审核品牌图片,因为这些图片通常会在重塑过程中更新,他们希望“确保新的图片与我们正在打造的全新视觉形象相符,并保持整体的连贯性”。无论你决定修改哪些元素,Kim都建议以公司的品牌价值观为指导原则,避免偏离方向。
-
调整你的团队。 “真正决定重新设计成败的关键在于团队最终是否对愿景达成一致,”Kim说道。务必确保你的开发人员、设计师和其他利益相关者在痛点、目标和流程方面都步调一致。这样做能在实际工作开始时节省大量时间。
如何重新设计网站
网站改版可能感觉像是一项艰巨的任务,但其实不必那么令人不知所措。无论你是自行更新网站还是与代理机构合作,了解最终目标都至关重要。
如果你是自己重新设计的话, Shopify 它使自定义网站变得轻松便捷。 主题 画廊会不断更新,展示各行各业的前沿设计。如果您需要专家帮助,可以通过该平台聘请设计师和机构,包括 Domaine。 Shopify合作伙伴市场.
在 Domaine,Kim 和她的团队通常会对每个重新设计项目遵循以下步骤:
第二阶段:发现
Kim的团队在每个客户项目伊始都会进行调研:深入了解品牌,并构建清晰的目标受众画像。根据项目规模,工作室团队有时会邀请用户体验团队参与,开展用户调研并深入分析数据。
第四阶段:设计和开发
实际上 网页设计 该阶段始于设计师向客户提供服务,并且 网络开发者 通过模型和线框图,客户可以确认修改意见,开发人员也可以在网站编码之前就功能方面提供反馈。
Domaine团队通常会向客户展示两个方案,并请他们选择其中一个。“有时候,客户可能会说,‘我真的很喜欢方案一中的这个设计,’”Kim说道,“‘但我更喜欢方案二中的导航,所以我们把这两个想法结合起来吧。’”一旦客户确定了适合他们的方案,详细设计工作就开始了。客户会看到优先级较高的方案的模拟图。 登陆页面——通常是转化率最高的页面——之后这些概念才会扩展到优先级较低的页面。
在视觉设计阶段之后,Domaine 会着手开发技术方面和功能规范——也就是网站应该如何运作,包括用户悬停或点击时会发生什么、任何动画等等。此时,Web 开发人员会通过 HTML、CSS 和 JavaScript 来实现这些更改。
第三阶段:质量保证
这是流程的编辑阶段。您的团队或合作机构将仔细检查重新设计的网站,确保其与设计文件一致,并且新功能衔接流畅。质量保证通常包括测试移动端响应速度、加载速度、交互功能和超链接。
第四阶段:用户测试
质量保证完成后,Domaine 会将网站发送给客户进行用户验收测试——这是用户体验测试的最后阶段,由真正的潜在客户测试网站的功能。如果用户在完成操作时遇到困难,则表明需要在上线前解决某些问题。一旦这些问题得到解决,网站就可以正式上线了。
网站重新设计技巧
掌握了基础知识后,不妨看看一些技巧和最佳实践,以便顺利完成网站重新设计:
连接设计与功能
不要把视觉效果和功能性视为两个独立的部分。一个按钮即使看起来很漂亮,但如果点击后没有清晰的反馈,仍然会造成糟糕的用户体验。一个既用户友好又美观的网站能够带来更高的用户参与度,而这正是任何网站改版的最终目标。
征求诚实直接的反馈
金表示,她发现重新设计失败的一个原因是,利益相关者出于害怕伤害他人感情,不愿坦诚或直接地提出反馈意见。无法清晰表达富有创意的反馈意见,可能会在项目启动之前就扼杀整个流程。
“如果您不喜欢某个方向,我们不会介意的,”她说。“如果您能说‘我不喜欢这个,我更喜欢另一个版本’,那就更好了。这样我们才能做出相应的修改,最终让您满意。我们的主要目标是确保人们能从这些重新设计项目中获得他们想要的东西——从成本和时间的角度来看,这都是一笔不小的投资。”
利用在线工具
了解您的内容管理系统 (CMS) 或电子商务平台提供的全部功能,有助于您为网站添加新功能。例如,Kim 解释说,Shopify 支持可重复使用的模块和版块,这使得 Domaine 可以轻松地将网站的部分内容构建成模板,客户之后只需将其拖放到新页面中即可。
“Shopify 的灵活性很高,可以复制任何类型的模板,这非常棒,”Kim 说。“他们能够继续利用我们与他们合作完成的工作,这真的很好。”
网站重新设计常见问题解答
网页设计中的“3秒法则”是什么?
研究,包括一项来自 阿伯丁战略与研究研究发现,如果网站加载时间超过三秒,大约 40% 的用户会放弃访问,这证明了页面快速加载的重要性。
人工智能能否重新设计现有网站?
人工智能工具每天都在进步,越来越能了解设计师和开发人员的需求,但为了确保质量、准确性和利益相关者的满意度,它们仍然最好与人类团队结合使用。 Shopify 的网站构建器 帮助您利用人工智能功能创建个性化店铺。
网页设计中的 60-30-10 法则是什么?
这个 60-30-10规则 这是一种为网站选择颜色的方法。它建议选择三种颜色,并以不同的比例使用:主色占 60%,辅助色占 30%,强调色占 10%。


