网站不一样,再次设计网站的一个项目一般更麻烦

无需加好友免费技术支持

与再次设计网站不一样，再次设计网站的一个项目一般更麻烦。因为网站自身是公司、产品与的内容关键服务平台，网站设计一般会应用两年，但随着时间推移，它应该根据随时变化的需求重新进行设计。

有的人认为网站不该再次设计，因此成本高，只应该做适当的调节。乍一看，网站自身仅仅的内容媒介，只应该根据企业及产品价值的改变作出调整。但是，当需求与转变做到一定程度时，完备的重设计能使网站自身更为统一，并和产品、企业及业务流程开展更深层次的藕合。

在我们重新进行设计时，我们将要公司的项目、营销等总体目标从原形方面再次设计。一方面，目的在于很明确的，另一方面，它非常符合这一过程 Justinmind 方式方法。

在再次设计以前，首先设定一个相对性既定目标。适度的难题会为你带来自己想要的回答:

我们想根据重设计实现什么总体目标？我们自己的业务流程和营销发展目标？我们的使命用户到底是谁？我们想怎样改善网站里的感受？在这里四个问题的框架内，重设计能使新项目向着正确的道路发展趋势。

今日，大家选了5个网站重设计实例，根据解决不同类型的案例和前后左右较为，与你共享网站重设计积累的经验。

Rev 为用户给予线上基因表达服务项目，网站的使用时长并很短。她们希望用重设计，使网站更贴近现阶段视觉的和感受，具备更当代、更好的视觉外型。

重设计以前

老旧网站设计设计风格看起来有些落伍，最主要的是 UI原素是的中间滚动图片，企业的三个价值主张各自根据三个滚动图片展现:「速率、质量与服务项目」。图上使用了20个世纪50时代最流行的复古时尚插画图片来展现产品优势，运用火箭弹、宇宙飞船和电话拨号盘的比较强暗喻来注重产品品质。

网站的重要导航栏坐落于转动地图上边，分别导向性网站的差异子页面。每一个网页页面也应用类似的风格复古时尚插画图片。第一个显示器的转动地图和子页包括了更详尽产品和服务信息内容、定价策略和清楚和引人注目 CTA按键，正确引导用户点一下。

转动地图自身的问题就是，用户一次只能看一张，但细心有限的资源用户难以坚持阅读，常常绕过具体内容。如果采用更简要的价值主张，只应用一张图片。除此之外，导航栏和转动地图也太近了。在发展趋势领域，视觉差异和动画特效将导致用户更加舒适，视觉效果满足感比较强。

在视觉风格上，平扁、当然、有机图型、超大型、引人注目首屏设计或短视频内容更加时兴。

重设计后：

Rev.com 最新版本彻底选择放弃交替地图和复古时尚设计，替代了当代、清爽、整洁视觉的，公司的价值主张也更简约和形象化。下列包含三张不同类型的信用卡，详细描述了服务项目自身的三个完备的价值主张，每个卡都是有详细的解释和清楚的个人行为通话语言表达。更为重要，从视觉上，这三张卡充足突显，能够吸引住用户，并支持点一下。

往下翻转能够看见更多转变。网页页面用了一些公司客户的例子来支撑这种价值主张，对其后期服务展开了更详尽的叙述。在视觉上，每一个服务项目会用不一样的颜色来划分。服务条款能够点击，这将会让人们觉得更可靠。

从用户感受的角度看，重设计使网页页面更加轻、更当代、更清楚的导航栏，而产品特点在颜色的支持下获得了提升。工程项目经理 Barron Caster 数据信息之后发布，新设计让 Rev.com 网站转换率提升 18%。

Panos Pictures 这是纪实片和影片的代理公司，他的网站再次设计不但要调整总体视觉效果，还要根据设计来改动最底层构造。

重设计前：

Panos 之前的网站较为简单。旧版的网站并不是响应性网站，对移动终端不友善，欠缺 JavaScript 在大力支持，导航栏选择项也要改善。首页的顶端是一个页面导航和一个输入框，下边是一个超大主屏图片，上面有两三个比较小的图片。每一张图片也将链接到对应的图片店铺。

重设计后：

再次设计 Panos 网站让用户大量「了解」，感受更贴近当代设计，具体内容特性与之前一致——终究，它是一个给予图片的摄影机构，他们常常照相。但是，具体内容呈现的细节出现了改变。

最先，该网站早已完全响应了，网页页面的具体内容原素要被响应式。因为顶部导航栏功能的相对性较差，它已经被储存在汉堡菜单中，用户会以弹出层的方式点一下。网页页面顶端只留了初始知名品牌LOGO 和输入框。

具体内容地区仍然以图片展现为主导。每一张图片都有明确的文章标题、简短讲解和点链接。做为第一个显示器的第一张图片尺寸略短于第一个显示器的规格，以保证用户可以留意到更多底端信息内容，并正确引导用户往下访问。在选择信息时，载入会开启迷人的动态效果。

总而言之，Panos 在保持知名品牌精粹的前提下，重设计带来了更加好的用户感受。

重设计前：

Mailchimp 该网站是该领域最值得学习的感情游戏设计。网站首页的规划设计比较简单，顶端是菜单栏导航栏，然后就是价值主张的具体内容CTA按键，以下属于更详尽的功能描述和更多CTA按键，第一屏的高清大图形象化清楚地将专用工具的感觉了传达给用户。该网站构造优良，但并不是不能改善。

重设计后：

Mailchimp 通过重设计，它看上去完全不一样，但是它依然使人们体会到之前阴影。柔和的黄色是重设计中加入最引人注目原素。品牌与新产品的价值主张具体内容选用饱和度高的灰黑色内衬字体样式展现，悠然自得的插画图片增强了第一屏的视觉冲击力。

MailChimp 则在丰富多彩功能的中，首页上呈现出了四个最主要的作用，每一个作用都附带一个小而有意思的手绘插图，精美而形象化，一目了然。

网页页面相对较低的部位为客户推荐留下足够的地区，让Mailchimp 用户为企业产品发音，提升 Mailchimp 品牌体验。底部页脚被优化了，全部感受变得更有能力了。掌握该产品用户应当有深入的感受。

用户体验科研平台 UserTesting 它对于产品原型设计和迭代更新拥有广泛危害，对设计和开发人员而言应该十分熟悉。在今年的，企业再次设计自己的网站，将企业品牌引向了一个新的相对高度。

重设计前：

UserTesting 首页的重要控制是超大滚动图片，通常是正确引导用户申请注册为检测服务的用户，并且通过额外方法 CTA按键正确引导用户给予特色服务。滚动图片自身的风险性不确定性的，第二和第三滚动图片功能的相对性不足清楚，变换并没有预想的这么高。

在转动地图下，该网站还展现了一些顾客的经典案例，并展现了这个品牌的三个关键价值主张。下一个部位是一些顾客的强烈推荐语言表达、一些分析实例链接和底部。

全部首页有许多具体内容，又有点错乱。自然，作为一个常常开展用户测试组织，我坚信 UserTesting 我并没有少检测我的主页设计。

重设计后：

UserTesting 新窗口看起来更加轻，具体内容总数降低了25%。顶部导航被再次设计。和以前的例子一样，滚动图片又被选择放弃，用看起来更加智能化、更当代、更有机插画图片替代，宣传语言更胆大、能够吸引人。

在客户列表下方产品特征和价值主张等相关信息更为简约，与动漫相符合，根据微交互使数据更为栩栩如生与传播。下面，她们增强了客户推荐语言的表达控制模块，每一条信息全是有关一个主题，执行自身的工作职责。结尾是知识库系统 CTA底部按键。

UserTesting 重设计更加轻，更清楚，更符合逻辑，于了解，看上去舒服。

芝加哥艺术研究室（AIC）它是英国最热门的历史博物馆之一，有着美国最好艺术的藏品。他的网站也需重新设计，以提升总体易用性，尤其是期待网站上很多艺术创作的图片能充分发挥。

重设计前：

如同很多相似的老网站一样，AIC 旧网站的总宽是不变的，顶部导航都是传统多层面页面导航，下拉列表是半透明，交互方式不愉快的事。

以下属于全屏幕转动图片，6张图片是网站里的个人收藏或展览会。网页页面里的设计有一个显而易见的难题，即转动控制与文字颜色是不变的，但环境图片彻底控制不了，通常因为颜色对比度不足，看不见控制与文字的发展前景，感受十分错乱。

以下是底部页面导航，字体样式规格不大，连接缩小的很难鉴别，博物馆的对外开放时间和社交网络连接也挤到这儿。

重设计后：

再次设计后，AIC 总体感受有了很大改进。最先，该网站被改成彻底响应性的，能够很方便地在所有的网站上文章内容。网站的信息架构被重新规划，顶部导航又被简单化，并没有厚重的下拉列表。还加入了一个临时性的通知地区。

旋转图被单独第一个屏幕视频所替代，可以更加生动形象的展现具体内容。文字段落增强了透明的深灰色底端，以保证易读性。

依靠网格系统，限制网站的展览会、主题活动、博物馆的闪光点和周边商品，保证雅致清楚的合理布局。后面有用户登记注册的迅速通道，底部更容易接受。

AIC 在几种情况下，重做前后左右转变最大的一个网站，易用性、易读性、SEO、重做之后才应用响应式网站等服务，设计风格优雅大气，加强品牌知名度。

由于这些网站不一样，但这种重设计案件中，我们能够清晰地见到网站的设计发展趋势、要求转变和大多数宝贵经验。

最著名的应该是交替图控制的认识。越来越多设计师先是在训练中舍弃这类设计，逐渐相拥超清大图片和背景视频，更加重视目标清晰简单地设计。动态性和感受间的密切相关使设计师先是在网站上应用更多原素。

创作者： Justinmind

译员：陈子木