恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
如何打造—与众不同的企业官网
0.0°
2018-07-16 原创文章 经验/观点 举报 2613 42 25 4

这里分享一个网页设计案例,在客户不知道要什么的情况下,如何打磨出让客户认可的方案,制服金主爸爸~

每次整理案例,心情是很复杂的。无法言语的、莫名其妙的、痛彻心扉的、各种被虐的场景一一又浮现出来了,可是谁叫我们是乙方,而不是甲方呢!痛并快乐着,设计师就是带着脚铐跳舞的人——

今天分享的案例是一个企业网站的改版设计案例,客户要求改版旧网站,但是没给任何提示,就是一句话:和之前不一样就行。我想说这句话简单带着复杂,意味深长~

所以我们只能从旧版网站下手,看看如何做,才不一样!


案例背景:

客户介绍的客户,公司主要是以生产、出售服务器和LED为主。提供的资料就是以前的旧网站,改版需求,和以前的不一样。到底是怎么个不一样,这是个耐人寻味的事啊~其实背景布复杂,但是事情有点复杂。


大家可以先看下以前的首页效果Image title

顶部大大的logo,加上一个热线电话,占据了很大的面积,反而是导航面积很小,好在颜色突出,不至于主次颠倒。


剩下的就是很传统的企业网站布局和排版,很普通的一个网站,细节等其它设计问题就不在这里一一说了,自己感受即可~毕竟仁者见仁,智者见智。


问题总结:

有了第一印象之后,我们开始关注网站的功能,然后一一都点击确认,发现不少问题,也给我们带来了一些疑问。


1.网站核心内容不突出,我不能一眼就明白这个网站介绍的是什么,首屏基本只能看到广告图。况且banner并未能体现公司的业务。


2.企业网站是介绍一个公司的有效方式,如果不能在第一眼就让用户明白这个公司是做什么的,那几本就是浪费资源。


3.页面有些功能就是摆设,基本无法交互,例如:首页中部搜索、提供的热门关键词、服务支持的内容、底部的联系方式等功能都是无法使用。

(对于这个问题,我们也很疑惑,毕竟网站设计的再怎么样,页面上出现的功能是该实现的吧。而客户的回答也让我们差异:之前设计网站的公司跑路了,功能都没实现完整,我们也不懂,再也就找不到人了。只能说,做任何事都要选择靠谱的啊~)


4.布局的不合理,不能很好的体现公司的业务,公司的优势以及公司想呈现给客户的价值感。


沟通咨询:

基于上述问题,我们开始和客户沟通,为什么网站会存在这么多问题,我们得到了一个助理的帮助,她只回答了:是/不是。


提示:切记不要指望客户能给你准确的执行方案,不然他们就是设计师了。你懂的~什么人做什么事。


解决问题:

                                    通过和助理的沟通,我们基本有了一个初步的思路

Image title



这是我们基于之前网站所得出的方向:企业网站面向的是客户,客户登录网站无非就是想知道:你是谁、你做什么的、你有什么优势、你靠谱吗、开始考虑联系你。所以网站的好坏很重要。


于是我们调整了首页的布局和内容的优先级,客户公司还算是有资历和实力的企业,但是没能体现出来,有没能把优势展现出来,于是我们给出了以下的调整:

Image title

我们的思路:


1.将公司业务和优势放在首屏展示,有助于客户快速的了解公司,建立第一印象,我们是干什么的!中部紧跟联系方式,让客户知道如何找到我们。


2.如果不想联系我们,那就继续强化企业优势和业务,于是我们着重设计了关于企业的介绍部分。大面积的红色,基强调了主色调,也是非常引人瞩目的。我们继续将企业logo放大,强化品牌意识,然后用最简练的语言区描述公司优势(以往的经验告诉我们:超过3行的文案,大家就不会再看了,尤其是官方介绍之类的)。


3.我相信有了这么多的铺垫之后,客户载看到产品图,会更好的理解公司的业务和产品,就是一个循序渐进的过程。底部略带了一些简单有效的联系方式。


给客户看方案的时候,还有些担心,客户会接受不了,这种大色块的设计,我们做了一些说明之后,客户又结合了方案,表示肯定。皆大欢喜~开心(当然还是修改了许多的小细节)但是得到认可是一件不容易的,毕竟不是我设计成什么样,你都会全盘接受的。


下图是调整后的方案首页:

Image title

我们也对广告图进行 了重新设计,最然文案都是我们帮着总结的(表示....)但是也是一稿就过了,之前的担心和顾虑也就没有了。

                                                 


下面附上几张展示图,以供大家参考、指正。

Image title


Image title



Image title

产品页面展示设计,简洁,突出产品。



Image title

产品详情页的展示设计,也是留足了白~保持页面的清爽,有别于以往的产品介绍。


Image title少写教程,有些疏漏,还请大家见谅。

我们一直坚信:设计是服务,不是服从。

一个好的设计,是能改变产品价值的~我也希望我们一直遵循自己的初心,越努力越幸运

更新:2018-07-16

收藏

42人已收藏

源心艺术设计

网站建设、网页设计、插画、界面设计

  • 7

    作品

  • 17

    粉丝

  • 1

    关注

  • 简洁和复杂并存
  • 信息分类网站设计
  • 一种字体适配多个浏览器
  • 海尔&统帅 | 简约科技之美,尽显高端产品的精妙绝伦

    猜你喜欢

      2018-07-16 原创文章 经验/观点 举报 2613 42 25 4

      如何打造—与众不同的企业官网

      0.0°

      你确定要举报如何打造—与众不同的企业官网

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年07月13日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      25
      42
      4

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录