穿越星际，跟随银河系安居指南，共同守护那颗星！
心智障碍群体隔着厚厚的墙壁彼此交流，声量愈发微弱，于是他们向内生长，缝合孤寂揉碎的热闹，笑迎僻壤孕育的荒芜，纯净的心便是一颗盎然的星球，他们在自己的银河系中发亮，微弱而闪耀。我们穿越星际，跟随银河系安居指南，探访他们的星球，聆听他们的故事，用想象力和创造力定制出属于自己的星星装备，帮助他们获得更多艺术疗愈的机会，共同守护那颗星！
此支H5是亿众互动为字节跳动打造的一支含有公益性质的H5，通过视频及星球信息展示的创意形式，呈现有关心智障碍群体的详细信息，柔和温情的音乐、写实的画面及一系列色彩绚丽、内容丰富的插画引导用户加强对心智障碍群体的了解。
H5还采用了DIY的形式，使用户随心DIY渔夫帽或帆布鞋的样式来定制星球守护装备，从而获得星球入驻机会，生成星球守护证书，为心智障碍群体争取更多获得艺术疗愈的机会。
扫描二维码，获得你的星球守护装备！
（数英APP用户需点击放大二维码，长按识别）
一、策划逻辑
1. loading页：银白色如银河般的进度条向前涌动，同时显示加载进度；视觉中心是缓慢滚动的四句文案，文案的提示与蓝紫色的银河背景色相互配合，指引着用户深入探访心智障碍伙伴的星球，在茫茫银河的诺大星球上留下自己的脚印；加载完毕后出现“开始”按钮，点击“开始”进入【视频】页面；
2. 视频页：写实的画面、简短的字符搭配着柔和的曲调让用户更切实地感心智障碍群体所感，更动容地通过镜头触摸他们的生活痕迹，走近他们丰盈的内心世界，探访他们的星球，并在视频中向用户简短介绍此支H5的主题与用户任务，清晰明了，视频播放完毕后自动进入【首页】 ；
3. 首页：每颗星球都安静缓慢地循着自己的轨道滑动，在深邃黑暗的银河系中散发着自己微弱的光亮，轻柔灵动的音乐与简短动人的文案提示引导用户开启探访他们星球的旅程，长按交互按钮，进入【星球展示页】 ；
4. 星球展示页：每颗星球都拥有美丽而独特的名字，色彩明亮而多样的星球插画图紧紧抓住用户的双眼，心智障碍群体的心灵星球如此丰富多彩，每一支涌动的叶都有着平和呼吸的节奏，吸引用户继续了解，点击“查看星球故事”进入【星球介绍页】；
5. 星球介绍页：情节丰富的星球插图配以星球介绍，使用户仿佛置身于美丽梦境中与各个星球相识相知，每个不同的星球的介绍都呈现了心智障碍群体的一种特征，巧妙的融合设计使用户在参观游览的过程中加深了对该群体的了解，点击“查看其他星球”进入【星球展示页】 ，点击“购买推荐搭配”进入【购买页】，点击“定制守护装备” 进入【DIY页】 ；
6. 【DIY页】 ：用户可以选择定制渔夫帽或帆布鞋，可以自由选择渔夫帽的颜色、图案及帽沿图案，帆布鞋的鞋面颜色、鞋带颜色及鞋图案，点击“重新定制”可以重新操作，点击“保存定制”可将其保存至“我的定制”中，点击“定制X星守护装备”返回【星球介绍页】，点击“立即购买”弹出购买遮层，选择完毕后点击“立即购买”进入【海报页】 ；
7. 海报页：用户获得含有所选择的星球插图的守护证书海报，不仅呈现
出用户是第X位入驻星球的居民，还将用户定制的守护装备展示出来，使用户更加具有参与感，长按保存海报，点击“购买推荐装备”返回【购买页】 ，点击“继续定制”返回【星球展示页】 。
二、视觉设计
1.整支H5以蓝紫色为主题色，既契合了身处银河系的场景之中，又体现出一种温柔静谧的氛围感，使用户更自然地融入H5的场景主题中；
2.不同星球采用色彩鲜明亮丽的黄绿色或粉红色等，与背景色形成鲜明对比，视觉冲击力强，同时也契合了心智障碍群体有着丰富多彩的内心世界的主题；
3.动效既转场色彩的运用具有惊喜感，以白色为主，使画面色彩更加具有呼吸感和空间感，在不突兀的前提下优化用户的视觉体验。
三、转场及动效
1.转场丝滑柔顺，如进入视频时画面渐变成白色，再逐渐呈现出视频画面的内容，增强用户对画面的适应度；进入【星球展示页】时由中间的星球发出越来越大的亮光，辐射至满屏再转场至【星球展示页】，既具有视觉惊喜感又具有视觉连贯性；
2.动效设计巧妙灵动，使画面更加具有呼吸感，如【星球展示页】不同颗星球的元素动效设计既贴合场景又灵动活波，乐游星上的蝴蝶翅膀不停上下煽动。
四、互动体验
1.交互形式丰富，操作简洁，不仅有“点击”和“长按” ，还包括“左右滑动” ，使用户在体验过程中更具有游戏感；
2.交互提示明确，降低用户的认知成本及操作成本。
快来跟随银河系安居指南，定制你的专属守护装备，入驻星球来守护它们吧！
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）