打印

[展示] 案例:助飞网全程记录

案例:助飞网 zhufeiwang.com
文/weilaixu 转载请注明出处  原文地址:http://weilaixu.cn/read.php/90.htm

    助飞网 http://www.zhufeiwang.com ,4月底开始,跨越五一劳动节后,出了不少版,加上等程序的时间,约3周结束!
对于我来说,这并不是能打到90分的优秀作品.打分其实结合了个人满意度,客户满意度,前台后台合作满意度以及程序应用/交互等等各方面.但总体来说,还是比较成功的一个站,写这篇文章的目的除了详细介绍一下本站的制作流程之外,还有个小目的就是看能不能让百度更快的收录助飞网.

以下按时间顺序从开始到结束,一步一步的沟通和交流,以及中间出现的问题我都会一一标出!有很多东西写不出来。大家自己理解吧!
//红色为错误的理解
//蓝色为关键信息

EMO.
      临近劳动节放假的时候,BOSS给我一些材料,说是杨大后勤管理处的一个培训点什么的.叫"助飞网"要求简洁.然后给了我几个培训项目.我就开始着手设计demo.

     步骤我还是讲的详细一些,在对此案了解并不多的情况下,我首先制作的,也是我比较满意的就是logo,

    "我们的梦想,就是你自由的飞翔"这是助飞网的标语,开始的时候是"我有一个梦想,就是你自由的飞翔",我总觉得句子有问题,在跟客户的沟通下,将标语改为"我们的梦想,就是你自由的飞翔".并将其置于logo底部,同时决定在分页面,只缩小"助飞网"的体积,多余部分为当前页的展示项目.如下图:

      从BOSS那里得到的信息,让我认为这是一个类似与企业站,但更注重展示的站点.不得不说的是那段时间我的理解能力出现了问题.如果单单从助飞网的问题上来说,问题并不大,但是跟同事的交流连续出现我理解上的误差.类似情况出现了5`6次.而我第一个未完成的demo,如下图,BOSS看到之后,大概画了个图样给我看.我才明白,简洁到什么地步呢?比海尔的还简洁...

    LOGO的设计,基本都是我自己的思路,而开始的时候并没有标语.因为意识到标语的重要,所以在设计的时候特地留了这么一手,当客户将标语提供的时候,可以说是一拍即合了.至于为什么会有这个想法,是经验.然后根据BOSS的图样和跟客户交流得到的信息,总结如下:

LOGO定下来之后,考虑了一下当时得到的要求:
1:简洁
2:将所有项目全部展示
    根据自己的分析,助飞网面向的培训对象以大学生和社会青年较多,平均年龄应该在30岁以下.所以,应该都能够接受多纯色搭配的页面.而之前也使用过相同的方法制作过页面.好评率还是比较高的!于是,就出现了客户非常满意的第一版,如下图.客户满意到特地让我存了一张,带回家做桌面!


到这里,我对客户的定位,页面的定位,均无误差!

二:改动及部分重定位.
       由于临近假期,加上第一版给了客户比较大的信心.所以很快的,助飞网的材料迅速到位,通过约1.5个小时的面对面沟通,将程序及功能确定下来.第二天,客户提供了王充《论衡》里的一句话,要求这句话作为企业精神般的东西存在和出现。而且将首页出现的培训项目全部定死。还要再小,再小。这个时候我出现了第二次理解的偏差!这个问题我在蓝色理想上也附带着提了一下。客户要求看到一种文化,这个时候,页面的基本表达已经确定。很清爽,接近现代的风格。将这一句古老而有深意的句子糅合进去。我开始有点犯难了!走了几个误区。
在“小”上走了些弯路,而关于王充的那段话,则思路有些堵塞。这个时候离放假已经很近很近了(其实晚上就放假了)。我保持与客户的沟通。一个上午出了以下几张demo。







在上边最后一张demo出来的时候,客户说了一句话“感觉差那么一点”的话,这个时候,我记得已经11点多了。在准确捕捉到这句话的含义之后,我有两种选择,一是沿着思路猛攻到底。二是换个角度,换个心情,休息一会再去思考。而我只有在工作量巨大的情况下选择第一种方法,在包含“设计”多的时候,我都是选择后者。中午休息,回家吃了个饭。到了公司后,20分钟,出了下边这个接近完成的demo。


开始的时候没有那个小红章,客户要求加上去。之后,分页也只是30分钟的工作。如下图,此时,页面表现部分,基本结束。


接下来是假期,然后是程序制作。客户提供了很详细的程序方案。我只是简单的从制作和交互方面去做一些客户认可的改动。虽然最终的我并不太满意,加上后期增加的ico,浪费了不少时间!

为了满足客户要求将每一个栏目都可以当作独立的网站运行的要求。所以css的结构还是很严谨的。不如意的是从程序那一走,加上我也图方便,所以body里就多了许多style。但这对助飞网的运行不会产生任何的影响!

最大的问题在于程序基本完工之后,与客户和与程序之间的协作问题。客户的要求比较零碎,而程序制作的时候,由于其他任务的关系,这些小功能如鸡肋般,花时间做不值得,不做又不行。加上老婆临近临盆。我又请了两个半天的假,所以,我的评价只是磕磕绊绊的结束掉助飞网。而穿插着的还有大批量高强度的工作结束之后的放松情绪。助飞网开始制作之前,公司刚刚结束掉环资的N个任务。每个人都是mou足了力气干活。在时限内完成客户的要求不仅是我们的工作,也是一种态度!想象一下,一个站有70%的内容是静态的。平均体积超过1.8G。。。。。。。

三:伴随着助飞网结束的同时,还有一个什么油的站。http://www.dagamacn.com
这个站是在客户提供大部分资料之后,通过沟通得到以下要点
1:绿色,给人环保的的感觉。
2:清爽,简洁。
3:看下高露洁的站
这个站结束的很愉快,制作过程也很流畅。定位没有任何问题!与客户沟通等均很顺利。客户唯一不满意的是首页flash上最后一轮图片,当然,现在是看不到了!
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
weilaixu
怎么没人来捧场呢   

哈哈~~   非常不错   

那个LOGO蛮好看的  
生死簿
果然没人捧场
weilaixu
恩恩,我来支持下, 感觉中间那几个项目的颜色配在一起真的是很好看啊~~~

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

不错
支持一下

TOP

太棒了。。加油。。
额 '兔子

TOP

太棒了 非常好 学习 ··

TOP

支持
学习javascript!!

TOP

不错,挺漂亮的。

不错,挺漂亮的。就是代码存在严重的冗余。建议好好研究一下web标准。

TOP

非常感谢LZ给了这个制作完成的所有过程。理解客户需求是最重要啊。
qq群:33946792 擅长:div+css排版制作。

TOP