钻石生产商协会:珍如此心,真如此钻
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分30秒
案例:珍如此心,真如此钻
品牌:钻石生产商协会
亮点:
1.创意定位
本案例由钻石生产商协会出品,用情景搭配的方式,推广其官方微信公众号“真如此钻”。
2.策划逻辑
a.加载完毕后,首先是素描画类型的动图,分别展示了钻石耳环、项链和钻戒,之后跳转至图文海报,点击海报下方的“点击开始”,进入情景搭配界面;动图的右上角还有跳过按钮,可以直接进入到图文海报页面。
b.整个情景搭配有环境、人物、家具、摆件、配饰、宠物、钻石7个板块儿,每个板块的可选择性也非常多,比如人物板块就有表情、发型、姿态、服装四个细分项,基本上能满足大部分人能够想到的样子。在屏幕最下方有两排小图标,点击对应的图标就会出现对应的可选项,选中之后,可以在上方的情景中拖拽选中的图片移动位置,点击图片右上角的收缩键进行缩放,还可以点击左上角的x重选;确定选好之后点击“下一步”再搭配其他板块。钻石板块的搭配稍微有些不同,只能拉动下方的比例条才能缩放。
c.7个板块全部选择完成之后,点击“下一步”出现一张选项卡,可以根据用户自身的感情状态选择情侣或单身;选择情侣,下方的选项文字都是情话,选择单身,下方的选项就都是单身宣言,点击刷新图标可以换文字内容,选定之后点击“OK”就可以作为情景搭配的最终命名。
d.结束页是用户前面自己搭配好的情景海报,下方是用户选的文字,左下角是H5的分享二维码。点击屏幕下方的“再来一遍”回到首页,点击“发现更多”进入“真如此钻”公众号界面。
3.设计上
整体都是温暖小清新的色调,素描画很唯美,可选项越多越说明对用户的用心。
4.体验上
喜欢钻石的大部分是女性,整个H5从表情、发型、外貌特征这些方面入手,加入很多女性关注的点,能够很快的抓住女人的心。
技术实现: HTML5
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号