完美人生:我的开学季,我的大学照

2019-09-11 H5案例分享 H5案例分享
完美人生:我的开学季,我的大学照


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

识别图中二维码

我的开学季,我的大学照-查阅二维码

完整欣赏此案例大约需要40秒


案例:我的开学季,我的大学照

品牌:完美人生

技术实现: HTML5

亮点:

1.创意定位

由完美人生app制作的回忆大学生活的H5。

 

2.策划逻辑

整个H5主要分为三部分:

 

①Loading部分:背景的低明度的手拿着一张军训时期的照片,一个蓝白的小钟在转动。加载完后恢复正常明度。出现一段话“又到了一年开学季,翻起老照片,就回到了当年的时光里……”,点击下方“一键重回大学时光”。

 

②内容部分:四个室友穿着军训服装在拍照“大一那年:第一次见面总觉得难以接近,好在军训后大家肤色接近”,长按下方按钮会出现工作一年的对比照“工作一年:第一年工作总忙到少有联系,好在见面后身体贴的够紧密”,向上滑动翻页,一群女生在一起聊天“大二那年:宿舍里吃着零食,聊着理想从不担心身材变胖”对比“工作三年:聚会时喝着红酒,分享美妆讨论体型如何不走样”。“大三那年:步入未来抉择,考研、实习……更加珍惜在一起的时光”对比“毕业五年:事业稳步发展,成家、立业……伴随年龄一起成长的还有我们的身体”;

“大四那年:毕业离别时心里虽然有些感伤,但在向激励都是我们的青春微笑模样”对比“毕业七年:母校的一切都和记忆中一样,只是同样的相框好像有点装不下我们了”,分别有四个正在锻炼的人“一分钟吐槽,抵不住岁月摧残;一分钟运动让你保持青春巅峰”点击下方“立即定制大学照”按钮。

 

③合成部分:“重返开学季,重拍最美大学照”可选择军训服和学士服两个模板,选择性别后点击下一步上传照片可生成一张海报。上方是完美人生的Logo和slogan。可点击“分享图片”和“立刻动起来”右下角是二维码。

 

3.设计上

手绘风格。加载速度快。

 

4.体验上

右上角可关闭音乐。校园题材。

还有,真的有从不担心身材变胖的大二女生吗??





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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

东南大学招生办公室出品:东南大学2019级英雄帖《此间的江湖》

Jissbon 杰士邦:每一段青春,都是限量版

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~