组 1 拷贝 8.jpg

一、项目背景

  中山大学生命科学学院成立于1991年,是生物学国家一级重点学科单位。生科院上一版网站于2009年7月上线,已无法满足学院科研成果的宣传要求,同时旧版网站在设计风格、浏览器兼容性、操作体验上也难以满足如今用户的审美与体验,并且内容管理系统后台因安全问题亟需更新,需要对整个网站进行重新设计、挂接和内容迁移。青朴科技承担生科院网站新版项目,希望有助于更好地展示科研学术成果,突出学院优势和实力,提升整体形象。

  网站地址:http://lifesciences.sysu.edu.cn/

二、项目需求

1. 由生科院给出网站整体架构图,以及各级页面的设计稿;

2. 青朴对设计稿进行优化,制作网站各栏目、部件的切图,并制作样式表;

3. 遵循中山大学网站建设规范,将网站原有内容迁移到Drupal 8后台。

三、项目特色

1. 设计风格紧跟当前潮流,以简约、干净的视觉效果,展现学院全新形象;

2. 全站页面采用响应式设计,根据屏幕宽度自动调整界面布局、展示内容,自动适配平板、手机等移动端设备,利于用户随时随地浏览网站。网站兼容Windows、macOS、Linux,iOS、Android等系统,在iMac 5K、Windows 2K、4K等高分辨率屏幕下依然能获得优秀的浏览、使用体验;

3. 采用Drupal 8开源内容管理系统,支持多种实用模块组件及数据可视化,并允许定制字段;

组 3.jpg

4. 浏览器兼容:网站在IE8~11、Edge、Chrome、Firefox、Safari等主流浏览器,以及百度、360、QQ、搜狗等国产浏览器上,均能获得同样优秀的使用体验;

5. 学术科研Slider设计中运用了具有生命科学学科特色的图形,增强了网站的专业性与趣味性,更好地展示了学院的科研学术成果;

组 2 拷贝 2.jpg

6. 细分管理,优化展示,让师生更快地访问所需的信息;

背景.jpg

7. 快速流畅、恰到好处的交互动效,提供良好的反馈体验与视觉效果;

aa.gif

bb.gif

ee.gif

8. 青朴科技为生科院拍摄了大量高品质的中山大学风光全景图、珍稀鸟类特写图,让网站更具特色与品味。

未标题-2.jpg