Prototype

去哪儿

DLS样式表

https://github.com/shengjun89/QunarGuideline

在去哪儿DLS项目中,将设计规范参数抽离成Json配置文件,引入framer打印可视化预览,方便设计调整参数对接开发。该原型封装了颜色换算的方法函数。

时间:2019-09
工具:Framer

了解更多
 

首页原型

首页原型

https://framer.cloud/ACxyB

 

 

度量工具

在首页项目中,原型抽离模块方便应对初期界面的频繁调整和试错。
添加了热力图交互,辅助查看不同设备模块的操作舒适度。
使用代码监听二屏位置,打印出不同设备机型的二屏漏出率方便统计。

时间:2019-08
工具:Framer

 

行程原型

 

模拟行程频道出境旅行的场景任务,制作了行程的测试原型进行用户测试,帮助我们在产品上线前进行设计验证和认知迭代。该原型使用了多画布的Flow串联

时间:2019-07
工具:Framer

了解更多

 

下拉加载交互动效

 

下拉加载融合品牌形象进行的一次创意设计,该原型使用了雪碧图

时间:2019-07
工具:Framer

了解更多

麦子钱包

 

麦子钱包一款年轻人专属的信用账户。用户根据实名认证即可获得信用额度,商城分期消费,代还信用卡等业务。该原型项目应用了类和模块。

了解更多

时间:2018-08
工具:Framer

 

金榕家

 

金融机构的入口返利平台,覆盖贷款、理财、信用卡、保险四大金融板块,为上百家金融机构提供推广导流服务,打造社交金融领域专业的推广返利平台。该原型引入了Count.js来模拟数字滚动效果

时间:2018-07
工具:Framer

 

MATRIX

 

MATRIX(用户行为分析后台)项目是在公司各个端的应用产品有数据埋点支持的背景下,综合产品和运营的需求进行数据信息的组织汇总和可视化呈现,满足多角色查询获取诉求。该原型项目接入了Database作为原型的数据库后台,图表动画引入了chart.js。

了解更多

时间:2018-06
工具:Framer+Database

 

麦子借款

借款页

 

引导页动效

麦子借款是互联网信用贷款平台,以资产为核心,提供移动互联网信贷服务。该原型项目通过结合Hotjar来远程采集用户的行为数据。

了解更多

时间:2018-05
工具:Framer+hotjar

博客站点主题

 

利用HBuilder编写了博客主题,结合Wordpress搭建了动态站点。

时间:2017-10
工具:HBuilder+Wordpress

永辉超市

 

永辉自助结算界面项目是在亲临线下无人店的自助结算流程后,以永辉自助结算终端为原型,进行的一次Redesign尝试。增加了分批结算和商品SKU修改的交互,解决无法分批结账和挑选加工商品SKU结账的烦恼

时间:2017-08
工具:AE