[BIGBONE大骨出品]如何成为众多拜年H5的一股清流

用户头像
深圳/设计爱好者/9年前/4441浏览
[BIGBONE大骨出品]如何成为众多拜年H5的一股清流
一、项目背景
创意设计 By : BIGBONE / 16年12月
魅族以2017农历新年热点,制作一个官方h5进行推广,提升用户对品牌好感度。
二、创意过程
整个创意围绕着过年回家这件事本身出发。项目周期较长,前期出了几次方案,大方向没有太大问题,只是对交互方式存有异议,最终确定了圆圈滑动触发的交互形式,算是整个H5的亮点。在设计风格方面,找了一些参考图发给对方,最终依据此次H5的主题选择了扁平风设计。
[BIGBONE大骨出品]如何成为众多拜年H5的一股清流(图ZNzIwOTYxNTI=) - 移动端网页 - 站酷设计师BIGBONE大骨原创素材 - 站酷ZCOOL
Collect
[BIGBONE大骨出品]如何成为众多拜年H5的一股清流(图ZNzIwOTYxODA=) - 移动端网页 - 站酷设计师BIGBONE大骨原创素材 - 站酷ZCOOL
Collect
[BIGBONE大骨出品]如何成为众多拜年H5的一股清流(图ZNzIwOTYxOTY=) - 移动端网页 - 站酷设计师BIGBONE大骨原创素材 - 站酷ZCOOL
Collect
[BIGBONE大骨出品]如何成为众多拜年H5的一股清流(图ZNzIwOTYxOTI=) - 移动端网页 - 站酷设计师BIGBONE大骨原创素材 - 站酷ZCOOL
Collect
[BIGBONE大骨出品]如何成为众多拜年H5的一股清流(图ZNzIwOTU4NTY=) - 移动端网页 - 站酷设计师BIGBONE大骨原创素材 - 站酷ZCOOL
第一轮草图:从个人的角度出发,讲述过年期间“我”与爱人、同事、家人的相处时间,总是看手机,忽略了身边的人。
(甲方爸爸觉得不要突出个人的生活,要从过年回家这件事本身出发,于是甲方爸爸胜,我方卒......)
Collect
[BIGBONE大骨出品]如何成为众多拜年H5的一股清流(图ZNzIwOTU4NjQ=) - 移动端网页 - 站酷设计师BIGBONE大骨原创素材 - 站酷ZCOOL
第二轮草图:划分了四个时间段:放假前的办公室、放假的街上、春运火车上、回到家里团聚。
此次草图基本没有什么问题,剩下结尾和文案没有确定,就先开始制作。
Collect
[BIGBONE大骨出品]如何成为众多拜年H5的一股清流(图ZNzIwOTU4NzI=) - 移动端网页 - 站酷设计师BIGBONE大骨原创素材 - 站酷ZCOOL

视觉确认:
视觉上没有进行颠覆性的修改(你我都懂的......),但是提出画面欠缺年味,随后我们做出了相应的修改,增加一些过年的元素。同时,文案上经过多次修改......写煽情范儿写的我简直泪目,是一个纠结又漫长的故事......
最终稿增加了一些过年的元素,比如红包、灯笼、挂历、礼花等年味浓厚且能够渲染整体气氛的元素,同时将窗外变成了夜晚,将整个画面压下,不至于那么轻飘飘。
Collect
[BIGBONE大骨出品]如何成为众多拜年H5的一股清流(图ZNzIwOTU4NzY=) - 移动端网页 - 站酷设计师BIGBONE大骨原创素材 - 站酷ZCOOL
初稿画面整体给人感觉阴郁,之后调整了整体色调,将后面的咖啡馆修改为饺子馆,更接地气了,莫名的有股东北大碴子味......其次,在细节方面加了一些年味元素,用以加深过年气氛。
Collect
[BIGBONE大骨出品]如何成为众多拜年H5的一股清流(图ZNzIwOTU4ODQ=) - 移动端网页 - 站酷设计师BIGBONE大骨原创素材 - 站酷ZCOOL
最终发布的H5

四、项目总结

1、整个项目相对而言,如丝般顺滑~
2、在文案方面,一到这种煽情范儿简直泪目......以后我们会把平时说段子、写打油诗的功底发挥在这......

最后放出h5的二维码
Collect
[BIGBONE大骨出品]如何成为众多拜年H5的一股清流(图ZNzIwOTU4NDg=) - 移动端网页 - 站酷设计师BIGBONE大骨原创素材 - 站酷ZCOOL
Collect
87
|
Report
|
79
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
大家都在看
Log in