小纽扣

这是以自如保洁为的老客户为第一视角,完整的设计流程。在H5设计的过程中,需要了解H5的局限性、兼容性和适配等问题的调整,同时对动画制作的也有一定要求。想要做H5的小伙伴可以进行了解。

# 谁进了我的房间,让家和生活都焕然一新 #

项目策划 – 谭鑫
插画绘制 – 杜杜
动画制作 – 杜杜
开发制作 – 暴力燕

项目概述
以一单完整保洁服务流程为路径,以一位使用过自如保洁的老客为第一视角,做场景搭建,将需要传达给用户的信息点,以叙事的方式融入到场景中。建立场景代入感,切用户痛点,阐述用户关心的点(使用过自如保洁的用户)。以自如保洁优惠券发放形式达到转化。

第一次做h5动画项目,从插画绘制、动画实现以及和前端同事交流实现h5,从中学习到很多。
这次做动画的感受和之前很不一样,动画视频会更加准确的传达和呈现效果,而h5会有局限性,需要考虑兼容性和适配问题,部分动画只是点缀视觉效果使画面更有代入感。项目完成后让我对动画有了全新的认知,收获很大。
感谢参与项目的所有人和给我指导意见的前辈(@一颗大枣)。
总的来说这次项目合作很愉快和顺利。

希望大家多多指教,相互学习~欢迎交流~
*文中的Gif图输出颜色有微色差。

 

 

 

 

 

 

 

 

 

原文地址:站酷

转载请注明:学UI网 » 佳作欣赏:《谁进了我的房间》- 自如保洁H5动画

登录收藏
 
你可能喜欢的:
动效从设计到代码-网易云音乐2018年度听歌报告的背后动效从设计到代码-网易云音乐2018年度听歌报告的背后
设计策略 | 停不下的游园会设计策略 | 停不下的游园会
京东美妆 · 圣诞节H5页面设计京东美妆 · 圣诞节H5页面设计
2018年那些刷爆朋友圈的H5推广营销2018年那些刷爆朋友圈的H5推广营销
原来你的H5活动是这样设计的!?原来你的H5活动是这样设计的!?
不用代码就能做酷炫 H5?i-TOP定制H5编辑器强势上线!不用代码就能做酷炫 H5?i-TOP定制H5编辑器强势上线!
Xcube智能一键生成H5Xcube智能一键生成H5
让动态图形替你讲故事让动态图形替你讲故事
用一次案例解析H5设计流程用一次案例解析H5设计流程
你离高效制作动画只差一篇文章的距离你离高效制作动画只差一篇文章的距离