每日优鲜:自己做真香

2020-03-27 H5案例分享 H5案例分享
每日优鲜:自己做真香


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

识别图中二维码

自己做真香-查阅二维码

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


案例:自己做真香

品牌:每日优鲜

技术实现: jQuery

亮点:

  1. 创意定位

每日优鲜出品,在作品中选择自己做过的菜生成清单海报,最后可登录平台选购,以家庭的“烟火气”为主题氛围,勾起用户美好回忆,鼓励用户在平台下单购买食材,自己动手做饭。

 

  1. 策划逻辑

一段关于“家庭烟火与爱”的导语后,输入用户名,进入菜肴选择界面,上滑屏幕逐个放大,共38道菜,点击菜肴后右下角会出现一个粉色的圈圈写着“做过”二字,右上角的砧板上会显示已选择的数量,点击右下角“完成选择”生成海报,包括用户名,在家共做过几道菜和所有已经做过的菜的照片,用户可保存海报或点击“去买菜做饭”查看平台二维码。

 

  1. 设计上

烘托“家庭”和“烟火气”的主题,画面很温馨,手绘的黄色系作品,菜肴绘制的精细逼真,看着就很有食欲。开头加载界面会浮现每日优选某某菜肴销量增长多少倍的文字,让用户感受平台的火爆和可靠。

 

  1. 体验上

虽然不是每道菜都做过,但是每道家常菜都吃过很多次,厨房灶台上挂的勺子和冰箱上的磁贴都是熟悉的场景,顺滑的操作和绘制精细的界面让人很期待下一道菜的呈现。





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

标签

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

相关推荐:

网易新闻 + 茶瞬鲜:我的每日新鲜运势

腾讯视频:2019腾讯视频年度指数报告

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~