京东家电:精神小伙王建国在线找室友

2020-04-24 H5案例分享 H5案例分享
京东家电:精神小伙王建国在线找室友


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

识别图中二维码

精神小伙王建国在线找室友-查阅二维码

完整欣赏此案例大约需要2分47秒


案例:精神小伙王建国在线找室友

品牌:京东家电

技术实现: zepto + html2canvas + video

亮点:

1、创意定位

京东家电巅峰24小时活动宣传H5,精神小伙王建国(吐槽大会选手)视频面试在线找室友,最后推荐一款京东家电,为王建国和爱干净的室友创建一个干净的环境。

 

2、策划上

来电的形式,首先是王建国的微信来电,接听后,是王建国和你打招呼,左上角显示面试进度,全程6步,这6步是通过6个问答,每个问答4个选项,选项没有正确和错误的区分,但是和最终与王建国的合拍指数有关;整个在线面试过程王建国比较幽默;回答6个问答后,最后生成海报,海报里面有与王建国的合拍指数、王建国对你的评价、还会推荐一款爱干净室友的京东家电。

 

3、设计上

真人视频拍摄,视频中更强调前期策划时王建国的文案,王建国本人录制视频时的发挥,本来的在线面试,非专业职场面试,幽默的气氛更好;设计上采用京东常用的蓝紫色,京东有好多活动都是这个色调,例如京东618。

 

4、技术上

来电采用一个1分54秒的mp4格式视频,到问答处视频暂停,用户选择完选项,视频继续播放,这样比切分的多个视频的好处是,一次预加载后,视频就可以流畅播放,避免因某个视频未加载完毕,回答选项后,视频卡着无法播放;在这里要强调,视频一定要用专业的软件把视频文件压缩的够小,但是也要保证清晰度,不是不可能的奢望,专业的视频团队都可以搞定~





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

标签

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

相关推荐:

京东:我的妈鸭,我太难了

网易新闻 | 哒哒 + 梦幻西游手游:我终于找到你了

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~