中秋节长图滑动H5怎么设计?

2023-09-12

一、项目背景


某月饼品牌在中秋节推出的中秋品牌宣传H5,讲述从古至今中秋节的来历,最后引出品牌,进行品牌宣传,引导用户购买产品。


二、活动流程


①选择角色:首先选择角色,活动中一共有两个穿着古风服饰的大熊猫,任选一只进行游戏。


②时光之旅:选择角色后进入时光之旅的大门,向上滑动进入时光大门穿越到古代。


③召唤中秋月:用户首先需要将原本的峨眉月填充至满月,召唤中秋超级月亮,月亮慢慢升起高高挂在空中。


④一镜到底:用户通过长按屏幕观看了解由古及今的中秋赏月习俗变化,在页面中植入品牌和产品信息。


⑤收集卡片:在一镜到底的观看过程中会出现五张不同朝代的中秋习俗卡片,用户需要收集卡片合成团圆海报。


⑥幸运签抽奖:将生成的海报分享好友后可获得幸运签抽奖机会。随机摇落一根幸运签打开出现抽奖结果,未中奖打开是一张精美的中秋海报。


三、页面设计


精致的古风设计,朝代特色也比较突出,国风插画的风格更适合与历史、传统节日相关的活动,整体是一种温馨的画风,让人们提前感到中秋的氛围。


四、活动亮点


一镜到底的设计可以给用户带来一种连贯流畅的视觉感受,从古代的中秋节慢慢过渡到现代的中秋节,也符合穿越时空之旅的主题。


五、功能拓展


接东西游戏:游戏页面中有品牌各种口味的月饼,用户左右移动兔子接住月饼。在规定时间内达到目标分数就能获得一张中秋海报,将海报分享好友后即可获得一次抽取幸运签,用户只需根据提示点击签筒,即可获得中奖结果。

DIY月饼游戏:用户选择自己喜欢的月饼馅料(五仁、藤椒牛肉、豆沙、咸蛋黄等多种口味),选择月饼皮(冰皮、酥皮、老式等多种月饼皮)、选择图案(兔子、文字等样式),制作完成后生成中秋海报,完成后可抽奖获得中秋月饼礼盒。


六、流程图


image.png



H5定制开发

工期咨询

H5定制开发

价格咨询

H5定制开发

方案咨询

H5案例赏析

联系我们

18140119082

H5案例分享

扫一扫

H5游戏案例

回到顶部