穿越星際,跟隨銀河系安居指南,共同守護那顆星!
心智障礙群體隔著厚厚的墻壁彼此交流,聲量愈發微弱,于是他們向內生長,縫合孤寂揉碎的熱鬧,笑迎僻壤孕育的荒蕪,純凈的心便是一顆盎然的星球,他們在自己的銀河系中發亮,微弱而閃耀。我們穿越星際,跟隨銀河系安居指南,探訪他們的星球,聆聽他們的故事,用想象力和創造力定制出屬于自己的星星裝備,幫助他們獲得更多藝術療愈的機會,共同守護那顆星!
此支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條)