總所周知，一款精美的線上宣傳H5活動(dòng)除了要有有趣的互動(dòng)玩法之外，最重要的就是H5頁(yè)面設(shè)計(jì)的效果了，一款優(yōu)質(zhì)的H5活動(dòng)頁(yè)面設(shè)計(jì)要與體現(xiàn)品牌的特征，突出廣告宣傳效果。今天就給大家分享一款光大銀行H5頁(yè)面設(shè)計(jì)案例，一起來(lái)了解一下吧。

一、項(xiàng)目背景

《一個(gè)穿越的旦》是在2021年末，為光大銀行設(shè)計(jì)制作的一款的H5運(yùn)營(yíng)活動(dòng)，進(jìn)行投放、引流、拉新、留存、轉(zhuǎn)化。本活動(dòng)以沉浸式太空?qǐng)鼍绑w現(xiàn)，每個(gè)用戶進(jìn)入活動(dòng)頁(yè)面，便開啟“時(shí)空穿越孵化福旦”之旅，完成任務(wù)便可集齊時(shí)空碎片，用戶收集完畢就可成功孵化“福蛋”，解鎖隨機(jī)紅包。

二、設(shè)計(jì)思考

本次玩法中主要是通過“時(shí)空穿越之旅”這一主題來(lái)引入，因此風(fēng)格定位是未來(lái)科技風(fēng)格、藍(lán)色、偏寫實(shí)、顏色鮮亮。

三、角色創(chuàng)意

因?yàn)?/span>2022年是虎年，所以吉祥物設(shè)計(jì)形象主體以老虎為基礎(chǔ)服裝上，考慮是活動(dòng)背景星空，因此考慮設(shè)計(jì)一款太空服，貼合主題環(huán)；剛好是新年之際的活動(dòng)，一款新年裝正符合當(dāng)前時(shí)間節(jié)點(diǎn)；另外兩套主要以日常的背帶褲、衛(wèi)衣為主，也是目標(biāo)用戶群體中常穿的服飾，接近生活，貼近用戶。形象上設(shè)計(jì)了“?！钡念^巾代表品牌牛氣沖天。

角色創(chuàng)意

3D展示效果

四、標(biāo)題設(shè)定

標(biāo)題文案在字形輪廓上以方塊感設(shè)計(jì)為主，較有分量感以便于識(shí)別與傳播，因?yàn)槭求w現(xiàn)穿越主題，所以字符的筆劃上加入了速度感的線條，加上字符傾斜，更能增加整體文字的動(dòng)感，同時(shí)做了立體感的效果設(shè)計(jì)，有種文字由遠(yuǎn)至近沖出來(lái)的視覺感受。

五、項(xiàng)目周期

這款H5活動(dòng)的設(shè)計(jì)制作周期一共可以分為三個(gè)步驟：

1.開始階段

新年活動(dòng)，項(xiàng)目由營(yíng)銷部引入并告知項(xiàng)目負(fù)責(zé)人，由項(xiàng)目負(fù)責(zé)人組織項(xiàng)目成員，進(jìn)行項(xiàng)目啟動(dòng)立項(xiàng)，對(duì)項(xiàng)目進(jìn)行需求分析、收集資料、設(shè)定業(yè)務(wù)目標(biāo)。

2.計(jì)劃階段

根據(jù)業(yè)務(wù)目標(biāo)和收集的分析資料去設(shè)定產(chǎn)品、概念設(shè)計(jì)，對(duì)概念設(shè)計(jì)進(jìn)行分析調(diào)研，明確活動(dòng)玩法，定位設(shè)計(jì)方向。

3.執(zhí)行階段

根據(jù)產(chǎn)品目標(biāo)文檔、概念設(shè)計(jì)進(jìn)行全局系統(tǒng)思考，明確用戶行為路徑在全鏈路的流程：

以上就是關(guān)于這款用戶線上宣傳H5活動(dòng)頁(yè)面設(shè)計(jì)的詳細(xì)介紹了，從以上信息我們可以了解到，這款H5頁(yè)面設(shè)計(jì)一共包含了吉祥物設(shè)計(jì)、頁(yè)面設(shè)計(jì)和插畫設(shè)計(jì)等方面。對(duì)于沒有經(jīng)驗(yàn)的設(shè)計(jì)師來(lái)說(shuō)還是比較復(fù)雜的，如果您有H5活動(dòng)設(shè)計(jì)需求的話，可以聯(lián)系藍(lán)橙視覺。