H5案例|開往夢次元的地鐵

一個睡姿大挑戰帶火了場景佈置類H5案例,今天小編帶來三個最新的場景佈置H5案例,更多精彩案例關注無非創意微信公眾號:wufaecy

一、搜狐視頻:擺咔

策劃上,奧利奧出品的美食佈置小程序。首先選擇一款佈置美食的基礎食材,有5款,左右滑動屏幕,切換選擇,有冰冷飲、冰淇淋、巧克力蛋糕等。後面有4步配料選擇,5款背景隨意切換,最後,輸入作品名,就可以合成一張剛剛搭配好的美食海報。設計上,手繪鉛筆畫風格。交互上,佈置場景中第1、2、3步中的食品可以重複添加,拖拽移動位置、縮放和刪除。大背景只能選擇一種。保存圖片的方式採用H5中常用的長按保存,而非其他小程序那種點擊按鈕,自動保存到相冊。

二、開往夢次元的地鐵

策劃上,佈置場景H5。①初始頁面,一趟地鐵緩緩停下,車門開啟,用戶選擇角色性別;②用戶依次選擇車廂、頭髮、上裝、下裝等形象搭配;③輸入暱稱,後臺匹配對應的標籤,生成用戶專屬的形象的海報。同時設置分享與再玩一次按鈕。

設計上,該H5為像素機械風,採用卡通像素風的地鐵場景,色彩鮮明時尚,人物形象頗具趣味。按鈕與動態的裝飾帶有科技感,與“開往夢次元”相呼應。

文案上,語言活潑新潮。多用當下潮流新詞如“老鐵”“碼農”“學霸”等等,最後匹配的個性標籤和語句使得該H5充滿新鮮感。

三、搜狐視頻:擺咔

策劃上,佈置場景小程序,以夏天為主題,有四組元素可以選擇。第一組是人物,可以選擇男女,選擇男女人物以後,添加發型、眼鏡帽子配飾、上衣、下衣。第二組是屋內配飾,例如綠色植物、沙發、床、窗戶等。第三組是戶外景物,樹枝、浪花、沙灘、泳池等。第四組是寵物和baby,貓貓狗狗和小孩子。設計上,扁平風格。交互上,點擊元素,可以移動、縮放、旋轉、刪除。