项目初期,设计团队做了大量的资料收集和分析工作,我们有专业的策划师加入,与产品经理合作,针对同行业做了实质性定位和对比分析,提取出客户要求的关键信息,摒弃掉不利于网站的设计元素。并进行全面的构图思维,最终团队达成一致,并且敲定了百普赛斯整体网站的架构及风格。
对于以产品传递为主的界面,我们在设计时借鉴骨骼型的板式,在杂志排版中我们常见的骨骼有:竖向通栏、双栏、三栏、四栏等。本次在“新闻资讯”栏目中通篇使用三栏图文结合的排版,这样能够让信息的传递更为快捷、清晰,同时给人以大方、舒展的感觉。
颜色是通过眼、脑和我们的生活经验所产生的一种对光的视觉效应,我们肉眼所见到的光线,是由波长范围很窄的电磁波产生的,不同波长的电磁波表现为不同的颜色,对色彩的辨认是肉眼受到电磁波辐射能刺激后所引起的一种视觉神经的感觉。设计团队将VI的理念运用到网站的视觉设计中,从logo中提取银红作为网站主色调,并采用高清的具有很强的行业属性图片作为网站的配图,极大地提升了百普赛斯官网的品牌识别度和品质感。
结合整体网站定位好ICON风格,并以手绘的方式精心绘制出来,识别度高,让人过目不忘。
生物素标记蛋白
免疫检查点蛋白
Fc受体蛋白
经HPLC验证过的蛋白
在多终端显示效果的同时团队进行细致地沟通,深入了解业务架构,在不打破原有交互逻辑的基础上对用户体验作出一些优化和提升,以延长用户停留时间。不同设备,多端展示,使用户在使用时更加便捷易用,我们延续了PC端的整体风格的同时,进行移动端适配,视觉统一的同时,带来更好的用户体验。同时,提高了企业的识别度和用户留存率。
经过团队伙伴不断的努力,最终百普塞斯官网已成功上线,在网站首页展示设计的对比中可以看出用户访问量有明显的提升。在扁平化的潮流下,很多地方借鉴了杂志排版的一些方式,为用户带来了良好的阅读和使用体验。