近期项目展示

大连海事大学智慧校园项目

产品介绍

产品架构

产品里程碑

核心工作流程和贡献

产品原型梳理

在项目初期需求整理阶段,该项目APP端暂无专职产品经理介入,由研发经理及本人与校方接洽,带领UX人员综合完成原型内容组织工作。根据校方提出的需求对应供给字段,快速、粗略展示带交互的产品线框原型图,在此基础上不断完善优化产品需求。

效果图输出

产品原型确立后,按照既定目标快速完成效果图制作,串联各应用模块。

APP规范制定

制定APP视觉规范,有效统一产品视觉,以便研发工程师统一搭建控件,减少开发成本;并且依设计规范扩展多子应用页面作,提高协作效率。

细节图标

根据图标功用及所属模块制作相应的图标组合。

卡通形象微交互

卡通形象微交互

为了增加更亲切的情感连接,基于校方提供的海事大学吉祥物“海大大”海狮形象创作IP,扩展多种形态,在APP某些场景中使用,令内容更形象有趣。

视频剪辑动态登录

视频版登录页

突破传统的静态登录场景,提案以视频片头的形式制作登录页,最终以海事大学校方提供的30分钟时长校园宣传片为基础,调色剪辑成12秒视频为背景的登录页。

Html5页面代码架构

选型h5+代码模式,采用原生APP内嵌html5页面形式。便于即时维护。

Html架构选型

选型H5+代码模式,采用原生APP内嵌html5页面形式。便于即时维护。尽量通过CSS3的小成本输出,打造页面多样化的交互功能。

项目总结—我的收获