完美人生:我的开学季,我的大学照
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要40秒
案例:我的开学季,我的大学照
品牌:完美人生
技术实现: HTML5
亮点:
1.创意定位
由完美人生app制作的回忆大学生活的H5。
2.策划逻辑
整个H5主要分为三部分:
①Loading部分:背景的低明度的手拿着一张军训时期的照片,一个蓝白的小钟在转动。加载完后恢复正常明度。出现一段话“又到了一年开学季,翻起老照片,就回到了当年的时光里……”,点击下方“一键重回大学时光”。
②内容部分:四个室友穿着军训服装在拍照“大一那年:第一次见面总觉得难以接近,好在军训后大家肤色接近”,长按下方按钮会出现工作一年的对比照“工作一年:第一年工作总忙到少有联系,好在见面后身体贴的够紧密”,向上滑动翻页,一群女生在一起聊天“大二那年:宿舍里吃着零食,聊着理想从不担心身材变胖”对比“工作三年:聚会时喝着红酒,分享美妆讨论体型如何不走样”。“大三那年:步入未来抉择,考研、实习……更加珍惜在一起的时光”对比“毕业五年:事业稳步发展,成家、立业……伴随年龄一起成长的还有我们的身体”;
“大四那年:毕业离别时心里虽然有些感伤,但在向激励都是我们的青春微笑模样”对比“毕业七年:母校的一切都和记忆中一样,只是同样的相框好像有点装不下我们了”,分别有四个正在锻炼的人“一分钟吐槽,抵不住岁月摧残;一分钟运动让你保持青春巅峰”点击下方“立即定制大学照”按钮。
③合成部分:“重返开学季,重拍最美大学照”可选择军训服和学士服两个模板,选择性别后点击下一步上传照片可生成一张海报。上方是完美人生的Logo和slogan。可点击“分享图片”和“立刻动起来”右下角是二维码。
3.设计上
手绘风格。加载速度快。
4.体验上
右上角可关闭音乐。校园题材。
还有,真的有从不担心身材变胖的大二女生吗??
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号