小熊电器：小熊电器&张艺兴暖心饭局

2018-01-24 H5案例分享 H5案例分享

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

识别图中二维码

小熊电器&张艺兴暖心饭局-查阅二维码

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

案例：小熊电器&张艺兴暖心饭局

出品：小熊电器

亮点：

策划上，微信聊天+图片上传类，① 先以微信聊天的形式，发起聚餐，但是大家几乎都因为各种各样的事情没法去，而后由此引出张艺兴和小熊电器打造线上长桌盛宴，并向你发起聚会。② 需要玩家发起长桌宴，为自己的长桌宴命名，然后上传一道菜的照片并为其命名后，点击“上菜聚会”进入长桌宴，可对上传的菜进行评论，由系统按照一定的规则进行排名，排名前20名玩家可获得小熊电器甄选好礼。
设计上，主要采用的是手绘插画风格，① 刚开始模拟微信聊天界面，文字和表情包结合出现，增加了真实感。② 后面的发起长桌宴部分采用手绘插画风，餐桌、红灯笼、彩纸等元素很有新年气息，并在其中巧妙融合了小熊形象，潜移默化地加深了大家对小熊电器的印象。
交互上，上传完一道菜的照片后可对其进行拖拽旋转放缩等操作，调整出一个合适的角度，保存照片。

技术实现： jQuery + Flash2x

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

标签