公益 H5 以其生动的表现形式和便捷的传播方式，可以在短时间内触达大量的受众。通过在社交媒体、网站、微信小程序制作等平台的分享，能够将公益理念传播到更广泛的人群中，提高公益活动的知名度和影响力。以下由H5小游戏开发公司蓝橙营销为大家分享公益H5案例。

案例：寻找远方的美好

品牌：阿里巴巴公益

1、创意定位

阿里巴巴的公益项目，项目叫做“寻找远方的美好”，是由一群淘宝设计师发起，协同阿里巴巴乡村振兴基金，为县域做整合设计，用设计力量助力乡村发展。 这支H5作为这个项目的一部分，进行呈现。

2、策划上

案例分3部分：发起人介绍、4个县域介绍、标记我的家乡。

① 首次进入案例后，需要输入名字，不超过6个字符，第二次进入就不需要输入了，此处输入的名字，会在生成家乡海报中使用。

② 皮质的手帐封皮，有项目名字“寻找远方的美好”，点击页面左下角的“点击看看”，会有发起人介绍，点击手帐右侧的翻开看看，进入4个县域介绍。

③ 4个县域介绍，分别是湖南永顺、河北巨鹿、陕西佛坪、江西寻乌。点击4个县域中任何一个，会有2-3页的地域特色介绍，有文化、食物、民俗、非物质文化遗产等不同的方面介绍；点击手帐右侧的设计实践、会有弹出层形式的该县域设计实践介绍，想看更多，会引导进入“寻找远方的美好”微信公众号看更多文章。

④ 在县域浏览过程和4个县域浏览完毕后，都会引导进入标记我的家乡，用户选择省、市、区县，3个推荐的家乡风物（选择代表家乡风物的图标），最后生成家乡海报。

3、设计上

手帐的形式，像是在浏览一位设计师的手帐，翻看他/她走访的地方，用水粉绘制地方特色，并用手写文字记录他的行程和见闻。手帐皮质的封皮，牛皮纸的内页，手绘的水粉图案，手写的字迹；配合手帐形势的图标记录家乡特色。手帐因为是手写形式，有评论说看不清字，但是这样的UI交互设计无可避免，要追求整体设计形式完整，就很有可能排版中，无法将字号过大。

4、互动上

手帐内页浏览中，每个县域开始都有不同手势互动，湖南永顺应用3D旋转观察面具细节；河北巨鹿点击挖掘文化，点击一下沙土逐渐变少，有挖掘的感受；陕西佛坪拖动食物喂熊猫；江西寻乌跟着轨迹寻找落水果。

“寻找远方的美好” H5 以其深刻的主题、精美的设计、丰富的内容和良好的交互体验，为用户带来了一场触动心灵的旅程。蓝橙互动是一家专业的H5游戏开发公司，有多年H5游戏开发经验，目前已为数百家企业合作推出了上千款案例，欢迎您前来体验。