大众网×海报新闻：黄河大集上货图

2023-02-03 H5案例分享 H5案例分享

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

识别图中二维码

黄河大集上货图-查阅二维码

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

案例：黄河大集上货图

品牌：大众网×海报新闻

技术实现： html5

制作：大众网×海报新闻

亮点：

1.创意定位

大众网联合海报新闻在2023年春节之际推出的《黄河大集上货图》创意H5作品。

采用横轴手游操作方式，虚拟摇杆控制角色行走和收集物品，来模拟人们过年时购置年货的过程。

2.策划逻辑

大致逻辑：Loading → 主题页 → 年货大集横图页。

主题页：提供三个入口——开始旅程、设置帮助和制作人员。点击「开始旅程」，进入年货大集横图页。点击「设置帮助」，进入设置页，可以设置背景音、音效的开关，以及操作的提示说明。点击「制作人员」，显示制作人员的名字。

年货大集横图页：从美食、年货、好品等方面全景展现腊月里的大集，以游戏方式动态交互，和用户一起品味“年货大集”“好品大集”“文化大集”里浓浓的中国味。

3.视觉交互

红黄白主色，白雪字，米黄背景，红衣红衬红福字，营造一派节日喜庆气氛。采用的交互方式主要是游戏中的拖动摇杆控制人物前后行走，点击按钮进行收集「年货」。

4.用户体验

小五猜测「黄河大集上货图」一定是借鉴清明上河图的创意，把人间集市繁华的景象画在一张图里，只是现在的创意H5不仅比清明上河图颜色鲜艳，更重要的是，可以交互，看得小五口水直流，哈哈哈。

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

标签