北京航空航天大学：北航毕业的小伙伴们，快来拍张合影吧！

2020-06-28 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

北航毕业的小伙伴们，快来拍张合影吧！-查阅二维码

完整欣赏此案例大约需要1分钟

案例：北航毕业的小伙伴们，快来拍张合影吧！

品牌：北京航空航天大学

技术实现： VueJS + 头像分割

亮点：

1、创意定位

北京航空航天大学在毕业季，为不能返校的毕业生推出的H5，让同学们在家里，可以上传自己的头像，和母校进行合影，这份合影，显得弥足珍贵。

2、策划上

① 场景布置（DIY海报）的形式，毕业生进入首屏后，点击“进入开始”按钮，进入场景布置界面；

② 在场景布置界面，分为4个菜单，分别是：场景、女生、男生、寄语；

场景：21个北航校内景物，都是学生在校时学习生活的环境；

女生：10个女生造型，分为校服、工学文学力学博士硕士学士服；

男生：10个男生造型，分为校服、工学文学力学博士硕士学士服；

寄语：18条合成在海报上的寄语，任选其一即可；

场景布置中，必须添加一个人物；

③ 布置完毕后，点击“立即生成”按钮，生成北航毕业的小伙伴们合影海报，海报上有北航的校训，刚刚用户DIY的合影，用户可以长按保存海报并分享自己与母校的合影。

3、设计上

主色调为蓝色，场景采用偏真实景物。

4、体验上

无论在哪里，无论是否是毕业生，都希望和母校进行合影，那份感情，可以会随着毕业的时间越来越浓。

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签