满天星公益网站需求分析及建设过程总结

1. 客户的想法

满天星公益是一个非营利组织,专注儿童阅读推广。由于发展需要,该机构希望搭建一个官方网站,以宣传推广他们的形象,让更多人了解并参与到他们的公益项目来,同时也希望为机构的志愿者提供讨论交流的空间。

满天星公益CEO梁海光最初的想法是:“我希望网站能够实现新闻发布功能,同时方便我们发布志愿者的活动心得,发布最新的活动公告,发布招募信息。我希望有一个‘项目中心’的页面,能够把我们的公益项目和项目点的信息展示出来。此外,我希望能提供一些如财务月报、电子杂志下载的功能。最后,我想有一个论坛,作为我们的志愿者和乡村教师交流的空间。”

最初的想法往往都是比较杂乱的,需要设计师和客户进一步交流,整理出系统可行的设想,并且必须就一些细节进行询问。经过一番交流,梁海光对构建首页的内容有了进一步的想法:“首页最好能够突出显示几块我们机构的重点介绍,同时把新闻消息、志愿者分享、活动公告等都放在那里,我们的合作伙伴图标也希望能放在首页。”对于比较重要的“项目中心”页面,他也有了一些想法:“公益项目部分希望能够分多个部分去介绍,并且可以进行更新;项目点希望能分成已经建成图书馆的项目点和未建图书馆的项目点,对每个项目点希望展示它们的基本信息、项目点图片、考察报告、活动报告等。”

关于后期管理维护:“希望后续的更新维护操作简单,经过简单培训后一般没有网站管理经验的人也能胜任。还有就是,我们以后可能会继续增加公益项目,所以后台要能增删分类。”

到此,关于该网站的想法已经基本收集完毕,下一步就需要设计师整理这些想法,做出具体的建站需求和建站方案。

2. 整理建站需求,生成建站方案

由于设计师与客户交流的过程中,大家参考了大量同类型网站的内容、功能等特点,并且就一些细节进行了深入的探讨,因此客户对建站有了比较清晰的思路,该建站想法是比较完整的。这也有利于设计师做好建站需求分析。

(1)网站名称:满天星青少年公益发展中心。

(2)网站描述:非营利机构网站,企业/机构门户类,主要目的是发布机构的新闻资讯、活动公告、项目及项目点信息,另外提供志愿者交流论坛。

(3)网站关键词:公益、非营利机构、教育、阅读推广、公益图书馆。

(4)网站功能:机构简介、新闻资讯发布;项目及项目点专题展示;资料下载;论坛交流。简单易操作的管理后台。

(5)网站内容结构

starscn-content

(6)首页内容

starcn-homepage

3. 设计师着手制作效果图

设计师在完成建站需要分析及建站方案之后,就着手开始设计效果图。本人作为网站开发工程师,与满天星公益内一位做设计的志愿者交流,协助她完成了初步的设计效果图。

starscn-drawing

这只是一个初步效果图,受网页制作实际需要,最后完成的网站不会跟该效果图100%相同。

4. 设计师着手搭建网站,完成网站初稿

客户对网站初步效果图感到满意,设计师开始搭建网站,实现网站功能。经过考虑,设计师选择了Wordpress作为网站系统,选择Discuz作为论坛系统。设计师一边开发设计,一边就一些小细节与客户多次交流,最后完成了网站初稿。

5. 客户测试验收,提出改进完善意见,设计师根据客户要求修改

网站完成初稿后,把网站交给客户进行测试。客户测试过程提出了几个错误修正要求。同时,客户提出希望在首页增加关于“满天星影响力数据”的展示,去掉地图展示,替换成项目介绍。

一般来说,设计师在完成网站初稿之后,尽量避免进行大的改动,只会修正一些细节。好在该改动要求并不算大,设计师在首页幻灯片下添加了数据展示版块,把地图换成了项目简介。

starscn-data-detail

starscn-project

至此,客户对网站感到满意,对管理也感觉方便上手,网站验收阶段完成。

6. 设计师对客户进行网站管理培训,客户在设计师指导下填充网站内容,网站正式上线

设计师把网站管理指南、网站帐号等资料交给客户,并对满天星公益内的两位实习生进行了网站管理及SEO培训,在上传了全部资料后,满天星公益网站正式上线。

发表评论

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

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>