盒马X小红书:这才是饭圈的正确打开方式

2021-02-05 H5案例分享 H5案例分享
盒马X小红书:这才是饭圈的正确打开方式


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

识别图中二维码

这才是饭圈的正确打开方式-查阅二维码

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


案例:这才是饭圈的正确打开方式

品牌:盒马X小红书

技术实现: html5

亮点:

  1. 创意定位

“饭圈”永远是热情高昂热度不减的一个圈,盒马与小红书一起,把“饭圈”专用词对应干饭人的“饭”,展示美食,推广盒马的食材和小红书上的烹饪贴,为自身引流,增加搜索和阅读量。

 

  1. 策划逻辑

点击打开后,标题下方是常见的饭圈聊天,点击“开始吃瓜”进入下一页面,八个大标题,随意点击一个,每个标题对应一个菜肴,点开后有菜肴的照片,名字,和释义,用户可分享作品或点击平台吉祥物的logo前往盒马购买食材或前往小红书查看烹饪方法,其中,“全民去油”对应无米炒饭,“磕糖文化”对应热红酒,“塌房文化”对应DIY奶枣,“不潮不饭”对应灯笼虾,“爬墙饭”对应寿喜锅,“饭圈贵族”对应佛跳墙,“SOLO下饭”对应牛油果鸡蛋手卷,“看剧下饭”对应黄油啤酒,吉祥物下有本道菜搜索量的增减百分比数据。

 

  1. 设计上

整体颜色十分活泼可爱,网格加彩色区域色块,很时尚的感觉,两个平台的吉祥物在屏幕下方显眼位置,增加用户印象,暖色系的菜品看起来温馨诱人,造型新潮,名字洋气,引发用户食欲和搜索欲望,去油,塌房等饭圈热词的运用也很熟练,紧跟时事,增加趣味。

 

  1. 交互上

用户查看完一道饭菜后可返回继续点击其他热词。





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

标签

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

相关推荐:

滴滴:牛师傅万元牛礼挑战

世界之窗:打开你的世界之窗

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~