上線時間：2019-11-06

案列簡介：哈弗汽車出品的趣味diyH5，通過讓用戶自己設(shè)計潮流樣式，來測試用戶屬于什么樣的潮流達人，從而生成海報來宣傳品牌。

案列類型：H5

技術(shù)特點：常規(guī)H5

設(shè)計風(fēng)格：卡通活動風(fēng)格

場景特征：品牌宣傳

案例：原來你是這種人設(shè)

品牌：哈弗汽車

制作：藍橙H5開發(fā)

 

1.詳情內(nèi)容上：

哈弗汽車出品的趣味diyH5，通過讓用戶自己設(shè)計潮流樣式，來測試用戶屬于什么樣的潮流達人，從而生成海報來宣傳品牌。加載完成進入H5是首頁封面頁，背景圖是一輛哈弗汽車行進在道路上的動畫形象，上方的“解鎖你的隱藏人設(shè)”說明了此次H5的活動主題，點擊頁面右下角可以查看活動的詳細規(guī)則，點擊開測進入后續(xù)頁面。隨后用戶需要點擊選擇自己的性別，然后就開始diy選擇，用戶可以從場景、發(fā)型、服飾、飾品等4個方面來選擇自己喜愛的選項，用戶選擇完成以后輸入自己的昵稱，隨后系統(tǒng)就會根據(jù)用戶的選擇來生成相對應(yīng)的海報，顯示用戶屬于什么類型的潮流達人。最后可以點擊抽獎或者將H5分享給他人，每個用戶每天最多有兩次抽獎機會。

 

2.頁面設(shè)計上：

 設(shè)計上采用了卡通動畫風(fēng)格，色系上選擇了彩色系，將哈弗汽車和diy游戲的選項以顏色鮮明的動畫形象展示，能夠給到用戶豐富的視覺效果體驗。