设计一个社区类网站的首页

看过上一篇日志朋友知道,我9月时候结婚,然后10月中旬找了个新工作。

新公司有一个地产人的社区网站 —— http://www.dichanren.net/,我被分配到这个下面负责改版的工作,后来不知道出了什么状况,又把我调走到了另一个项目,,,混乱啊。

前段时间做了个首页的改版设计稿,被调走以后听说那个设计也没被采用,既然如此,不如放出来,献丑了。

地产人网http://www.dichanren.net)是完美网络旗下的品牌产品,是中国第一个专注于房地产行业,以地产人的生活、工作和商务交往为主旨的人脉社区,是地产人生活与工作的“第二空间”——地产人的白社会。

作为一个社区网站,地产人原有的网站主题色调略显暗淡,过于严肃,不符合一般社区的活泼氛围,用户UI设计不合理,操作繁琐,许多功能没有较为详细的说明,令用户望而生畏。

故此,我提出进行整体改版,主题色调采用红黄蓝,以靓丽的橙红为主,辅之以活泼的柠檬黄及起调和作用的蓝色,大幅简化各功能操作,尽可能减少用户的点击操作,彻底消灭弹出提示以及转页提示,并设计完善的帮助功能,使用户迅速融入地产人的大家庭。

首页部分改版设计初稿如下:

地产人首页改版设计图

功能介绍:

1、登录

当用户点击登录,登录框从屏幕上方滑下,仅需输入邮箱及密码即可登录,用户可以选择登录后自动保存cookie,下次登录直接转向到个人主页。

2、顶部banner

滑动功能展示,使用炫丽的整屏宽度图片,展示地产人网站最吸引人的功能,力求给予用户第一眼的震撼视觉,演示地址:http://www.feidee.com/money/

3、banner

使用清新亮丽的图片,辅之以简洁的文字,介绍网站的其他功能,再起调和顶部华丽以及下半部分简洁两者的缓冲。

4、他们在说什么

使用ajax技术实时动态展示社区内最新发布的信息,别具一格的信息显示效果、简洁、整齐,演示地址:http://www.bengxin.com/signin.php

5、注册

大块的橙红,吸引用户目光,方便的注册,只需填写3个属性即可完成注册,使用ajax提示,另提供与人人网、开心网、新浪微博的连接,给予用户最大的方便。

6、大家在哪里

初步设想为使用flash,显示发言人的位置(公司老总强烈要求有这个地图、、、)。

7、最有名的圈子

展示社区内最有名最受欢迎的圈子,可以左右滑动多页展示,包含圈子的logo,名称,介绍,并起到鼓励社区内圈子发展的用途,以展示在首页为荣。

8、任务进行中

同样使用ajax技术实时动态展示最新发布的任务,令用户了解最新任务需求,吸引用户点击。

9、策略导师

展示有名望的策略导师,鼠标悬浮即显示名称,位置,以及个人介绍,同样起到鼓励社区内策略导师发展的作用。

有待改进部分

初始设想每个栏目部分钻地鼠都有不同的动作设计,比如他们在说什么就想设计为钻地鼠在大喊,任务进行中想设计为钻地鼠在背着一个牌子跑步,但因为本人绘画能力有限未能完成。

PSD分层文件+大图下载

4 条评论在 “设计一个社区类网站的首页

  1. 嗯,看了看,你的设计,感觉上很普通,而且很粗 很大的感觉,社区网络我觉得要让人,在功能上 颜色上 用户体验上 都的做到一个目的,那就是看了很爽 用着很爽,体验很给力. 综上所述仅此我个人观点,还望见谅 :e1

    • 额,很粗很大?原谅我邪恶的联想,你是形容它很“屌”吗~ :b4
      本来设计就不是我的强项,谢谢你的意见,不过反正我也懒的弄。。。 :c5

发表评论

电子邮件地址不会被公开。 必填项已用*标注