我们整理了往年几个优秀的H5案例和 意派epub360 平台上一些H5模板，希望可以拓展大家一些好的创意思路~

案例一

《蒂芙尼中秋奇遇之旅》

品牌：蒂芙尼

类型：游戏

案例分析：

玩法：跟之前异常火爆的跳一跳玩法类似，弹跳到云朵准确位置，获取分值；个别云朵上还有蒂芙尼bling bling的产品出现，小白兔跳到该类云朵上会得到更高分值。

视觉：H5的整体色调采用蒂芙尼的品牌色，淡淡薄荷绿，再结合一点白色，清新整洁。

交互：长按小白兔的时间，控制它的弹跳距离；每次小白兔落到云朵上，都会有果冻般的“Q弹”感动效，体验舒适。

相关模板：《【两会模板】意派跳一跳》

案例二

案例：《我总是心太软》

品牌：天猫&五芳斋

类型：长页面

案例分析：

玩法：通过介绍月饼来历，告知用户穿越回古代长安，获取灵感。指示用户滑动长页面，分别进入到曲水流觞、花灯迷境、花车斗彩三个场景中，在这三个场景中用户将被要求选择月饼馅料、月饼皮、月饼装饰，将整个做月饼的过程诠释为寻找灵感的美妙旅程。三个场景结束后，参加祭月大典，点击“来点糯米”按钮，天猫洒下糯米粉后进入合成海报阶段。

视觉：整个插画色彩丰满，古色古香，宫灯、月饼、花灯、兔子灯等满屏中秋元素，展现出古代宫廷恢弘的中秋节日氛围。

交互：①体验不错的部分是场景切换，整体上没有生硬的切换痕迹，画面推移十分流畅；②提示到位，避免用户不清楚操作流程；③点击选择任意选项后，元素的呈现采用了卷轴打开、人物上滑的动态效果，十分细腻；④场景中有许多元素呈动态，让节日气氛更显活跃；⑤结尾合成海报部分除了图片保存，还有分享转发提示及淘口令复制购买产品的引导，相对完善。对于大家后期制作该类节日营销的H5，有很多可以借鉴的地方。

案例三

案例：《萌翻！没想到你是这样的老字号》

品牌：消除联萌&华润万家

类型：序列帧

案例分析：

玩法：H5中选取了4个代表性城市的老品牌，选取4个带有品牌的动态场景，由天天爱消除的动物角色呈现，小动物软萌有趣，配合城市方言凸显家乡味道。广州的广州酒家吃包子、上海的杏花楼上琵琶弹唱、西安饭庄门外问候故人、南京夫子庙门前听戏，表现相伴、相思、相亲、相知的情感主题；最后，分别给出4张主题海报，方便转发给好友等。

视觉：3D动画呈现，无限循环；色调柔和，场景过渡自然。

交互：只需点击切换场景，4个海报的长按保存通过选择方式完成，操作简易，轻量级交互。

技术：需要在C4D等3D软件中完成动画部分，导出序列帧控制播放。

更多H5案例可以到 意派epub360 H5平台上找灵感或自己制作一个哦~