一個(gè)互聯(lián)網(wǎng)設(shè)計(jì)團(tuán)隊(duì)，每年都會(huì)產(chǎn)出大量的產(chǎn)品設(shè)計(jì)、運(yùn)營設(shè)計(jì)的作品。及時(shí)整理和總結(jié)這些作品，對(duì)于團(tuán)隊(duì)和設(shè)計(jì)師的成長都很有裨益。善于總結(jié)設(shè)計(jì)思路和方法，能夠提升設(shè)計(jì)師的工作效率，更好的為需求服務(wù)。
春節(jié)是一年中最為重要的節(jié)日之一，也是各大電商最為重視的節(jié)日之一，圍繞著促銷的核心目的，產(chǎn)出了大量的運(yùn)營方式和活動(dòng)，紅包就是一個(gè)熱門的方式之一。紅包，一方面讓用戶在新年中一個(gè)好彩頭，一方面可以通過發(fā)福利增加拉新量和達(dá)到營銷目的。紅包這個(gè)題材已經(jīng)被廣大互聯(lián)網(wǎng)公司給做濫，怎么玩好紅包這個(gè)題材，我們想了很多。
通過游戲派發(fā)紅包，積累用戶。
經(jīng)過與業(yè)務(wù)方多次討論，我們這次紅包活動(dòng)提供“專屬”紅包的概念，通過春節(jié)各個(gè)場(chǎng)景的幽默漫畫，帶來一些不一樣的感覺。根據(jù)業(yè)務(wù)流程，繪制詳細(xì)的交互圖，主要展現(xiàn)頁面跳轉(zhuǎn)流程、功能和信息排布，所有的信息展示的位置和面積，以及簡(jiǎn)單的動(dòng)畫實(shí)現(xiàn)。與運(yùn)營和技術(shù)交流數(shù)次后，確認(rèn)了交互，開始進(jìn)一步的設(shè)計(jì)。
設(shè)計(jì)師主導(dǎo)與業(yè)務(wù)方一起，進(jìn)行小型的頭腦風(fēng)暴，提出本次活動(dòng)的關(guān)鍵詞，最后歸納為以上幾點(diǎn)，紅包活動(dòng)要與新年的整體氛圍相符。
確定了關(guān)鍵詞后，就開始考慮具體呈現(xiàn)出一個(gè)什么樣的風(fēng)格了，收集了一些電商春節(jié)的運(yùn)營風(fēng)反復(fù)斟酌，決定使用扁平線條+剪紙+版畫效果的風(fēng)格，這種風(fēng)格在以往的春節(jié)活動(dòng)中出現(xiàn)的頻率較低，同時(shí)也符合眾安保險(xiǎn)App的金融定位，較為穩(wěn)重。
1. 活動(dòng)主頁
目的：引導(dǎo)用戶搶紅包。
視覺思考：營造出春節(jié)的喜慶氛圍，加入彈幕等元素進(jìn)行引導(dǎo)用戶點(diǎn)擊搶紅包，增加紅包雨的動(dòng)態(tài)視覺效果。主界面中“我要搶紅包”是最重要的Button，所以用最重的顏色進(jìn)行引導(dǎo);點(diǎn)擊后出現(xiàn)拆紅包界面。
2. 創(chuàng)意紅包頁
目的：以圖的有趣味來打動(dòng)用戶，引導(dǎo)用戶分享傳播。
視覺思考：總結(jié)為一下兩點(diǎn)。
笑點(diǎn)，讓用戶看到就覺得好笑。
槽點(diǎn)，營造場(chǎng)景，春節(jié)期間常見且特別想吐槽的場(chǎng)景。本頁中插畫的運(yùn)勢(shì)圖是最為重要的內(nèi)容。
3. 創(chuàng)意紅包插畫
創(chuàng)意紅包插畫是這次活動(dòng)的最重要差異化的內(nèi)容，所以在畫面和文案上，我們花費(fèi)了很多心思。整個(gè)畫面創(chuàng)造的是無厘頭幽默氛圍，結(jié)合春節(jié)的種種笑點(diǎn)和槽點(diǎn)，引起用戶的共鳴。畫面的表現(xiàn)方式跟主界面保持一致，都是運(yùn)用描邊+局部填色+局部點(diǎn)狀網(wǎng);顏色上，沿用了主界面的顏色。
4. 彈框
多種狀態(tài)下的彈框，在不變中又包含特異，每個(gè)彈框上半部分都是有細(xì)微調(diào)整。
5. 我的獎(jiǎng)品
我的獎(jiǎng)品頁面的兩種狀態(tài)，與主界面的視覺元素相呼應(yīng)。
6. 圖標(biāo)設(shè)計(jì)
首頁活動(dòng)圖標(biāo)：
活動(dòng)橫跨春節(jié)長假，為了配合春節(jié)氛圍和首頁的整體氛圍決定將入口圖標(biāo)和底部Tab導(dǎo)航欄圖標(biāo)都替換成春節(jié)活動(dòng)圖標(biāo)，同時(shí)增加懸浮圖標(biāo)，懸浮圖標(biāo)配合簡(jiǎn)單的交互動(dòng)畫，目的是增加用戶點(diǎn)擊量，最后數(shù)據(jù)表明，懸浮圖標(biāo)的點(diǎn)擊率高于Banner，達(dá)到了最初的設(shè)計(jì)目標(biāo)。
視覺元素選擇的是春節(jié)比較常見的物件，風(fēng)格延續(xù)主頁，但是在顏色方面，圖標(biāo)的金色比較靠近黃色，為的是要在整體中拉開細(xì)微的區(qū)別，以增加層次感，同時(shí)整體保持一致。
開屏頁的設(shè)計(jì)依舊以單線小面積著色為主，增加了雞年的福字招貼，加強(qiáng)畫面的主體，配合福字，下面的主標(biāo)題選用“顏真卿字帖字體”。構(gòu)圖選用傳統(tǒng)的居中構(gòu)圖，主視覺集中展現(xiàn)，信息明顯。
活動(dòng)的數(shù)據(jù)高于預(yù)期，在經(jīng)費(fèi)為0的情況下，pv、uv高于同期有營銷成本的活動(dòng)，完成目標(biāo)。
注冊(cè)轉(zhuǎn)化率達(dá)到20%以上，數(shù)據(jù)如下：
春節(jié)紅包設(shè)計(jì)開發(fā)的過程基本順利，但是還有很多可以提升的空間，比如：設(shè)計(jì)預(yù)留時(shí)間不夠，導(dǎo)致紅包頁內(nèi)容不夠豐富;活動(dòng)機(jī)制未涉及用戶間的互動(dòng)，沒有引起很好話題傳播效果。
現(xiàn)有幾個(gè)設(shè)計(jì)方面的問題總結(jié)如下，供大家參考。
1. 充分與開發(fā)交流
本次活動(dòng)要上兩個(gè)平臺(tái)：App和微信，兩個(gè)平臺(tái)的流程大相徑庭，前期沒有充分溝通，導(dǎo)致后期需要多次修改。前期會(huì)議時(shí)一定要與開發(fā)多交流，包括流程、動(dòng)效實(shí)現(xiàn)等，在構(gòu)思的時(shí)候把一些問題都解決，節(jié)省成本。
2. 減少不必要的效果
為了減少文件大小，在不影響整體的情況下，一些不必要的效果就不要加，否則影響H5加載速度。
3. 使用默認(rèn)字體
需要抓取的文字一定要使用默認(rèn)字體，所以在設(shè)計(jì)的時(shí)候就要充分考慮到字體的問題，標(biāo)題類可以使用個(gè)性的字體，但是如果需要配置和抓取的文字一定要使用默認(rèn)的字體，否則后期修改會(huì)出現(xiàn)問題。
4. 與業(yè)務(wù)溝通預(yù)留足夠的時(shí)間
預(yù)留足夠的時(shí)間，可以把設(shè)計(jì)打磨的更加精細(xì)。本次活動(dòng)的設(shè)計(jì)開發(fā)時(shí)間很短，最開始計(jì)劃的活動(dòng)是現(xiàn)在的2倍體量，由于時(shí)間不夠，所以只能壓縮需求，導(dǎo)致實(shí)際上線的活動(dòng)不如當(dāng)初計(jì)劃的豐富。
以上就是上海網(wǎng)站設(shè)計(jì)提供的內(nèi)容，如果想要了解關(guān)于上海旅游網(wǎng)站設(shè)計(jì)案例及建站基礎(chǔ)知識(shí)，可直接點(diǎn)擊查看
