日慈公益基金会是一个致力于青少年儿童心灵成长与幸福生活的非公募基金会。日慈结合“积极心理学”、“社会情感学习”等理论基础,专注于心智发展与心理支持类的项目设计、运作与支持,致力于探寻和推广最有效的心智素养教育模式,最终达到改善青少年儿童成长的整体社会环境与让每个青少年儿童健康成长、幸福生活的目的。
日慈基金会原本有官网,但是访问速度缓慢,后台管理内容不方便,且网站架构无法满足机构展示内容的需求。
(日慈基金会旧官网)
因此,日慈希望重新设计开发新的官网,重新规划内容架构,设计全新界面,能体现日慈的VI风格,满足机构在形象宣传、信息公开及影响力数据展示方面的需求。
经过数月的需求分析、页面设计及开发工作,日慈基金会官网正式上线!这是一个能兼容电脑+手机端展示的网站,同时具备中英文双语言版本。
首页
在首页的轮播图区域,重点展示了日慈基金会的宣传格言。随后展示了日慈开展的主要项目。
数据影响力也是日慈希望重点展示的内容,通过地图展示总体的影响力数据及各个省份的数据情况,让公众可以更宏观地了解日慈开展项目的情况。
底部突出展示了日慈的月捐宣传信息,同时在每个子页面都会展示,便于公众找到支持方式。
整个页面设计融入了日慈的VI辅助元素,通过太阳、羽翼等辅助图形来突出日慈面向青少年儿童提供服务的特点,让页面显得生动活泼起来。
关于日慈
机构介绍栏目中,我们分子模块展示了日慈基金会的介绍内容,包括日慈简介、组织架构、机构荣誉和机构大事记。
日慈项目
日慈主要开展三大项目,我们通过项目列表聚合页展示了项目的主要介绍。进入项目详情,我们分别从项目介绍、项目新闻、项目报告等子模块对项目进行展示。每个项目都可以展示项目的运营数据及项目动态。
心智素养研究院
日慈希望能重点展示“心智素养研究院”这个项目,因此我们设计了单独的导航栏目。“心智素养研究院”通过聚合页展示了项目的主要介绍,点击可展开查看详细内容。
党建专栏、信息公开及日慈动态
针对日慈基金会信息发布的需求,我们设计了三个信息发布栏目,通过各栏目的子模块进行信息发布和公示,以满足机构透明运作的需求。
支持我们
为便于机构开展对外合作、人员招聘及捐赠劝募,我们设计“支持我们”版块,展示支持机构的方式,可以链接到第三方平台。
手机版
全部版块均可适配手机展示。
英文版
英文版沿用了中文版的设计风格,但考虑到并非所有内容都需要更新到英文版。我们对英文版进行了简化,只展示首页、关于我们及公益项目,并针对英文的排版需要进行文字的调整。