简豆科技：别不相信，你是一颗星星

2018-04-04 H5案例分享 H5案例分享

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

识别图中二维码

别不相信，你是一颗星星-查阅二维码

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

案例：别不相信，你是一颗星星

出品：简豆科技

亮点：

策划上，长图类。以“生命诚可贵珍惜每一天”为主题，随着页面向左缓缓的滑动，展现一个人短暂而幸福的一生。内容：传说，人死后会化作天上的星星，那么现在的我们，是否也由星星所化？一颗星落下，一个小宝宝就这样出生了，1岁、童年、18岁、大学毕业、结婚、生子......人在生命的表盘上不停地行走，直至最后的终结。“都说人死前会像过电影一样，回顾自己的一生...”逐渐引出此H5的主旨，告诉我们人的一生很短暂，珍惜每一天。
设计上，手绘漫画风格。页面由黑白灰构成，没有绚丽的色彩，H5中的各个场景都是以卡通动漫的形式展示，走心的文案，暗淡却不压抑；对于一生时间的变化，体现在人脚下的表盘，是创意上一亮点；背景音乐采用舒缓的钢琴曲，缓缓的打动人心，带人们走进回忆。
交互上，左右滑动页面。
体验上，这个H5场景上为我们展现了人生的12个阶段，每阶段的画面都很细腻，生命表盘这一创意很有亮点，同时，文案很走心。小五今天为大家推荐这个H5，是想告诉朋友们：活在当下，珍惜每一天。

技术实现： jQuery+howler.js

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

标签