可以在线看av的网站,洗澡BBWBBWBBWBBW毛,大屁股熟女一区二区三区,久久久亚洲精华液精华液精华液

歡迎來到海淘科技官網 官方微信 官方微博 平面活動官網
微信

網絡傳播媒介服務提供商

熱線電話

021-62677988

海淘新聞
首頁 > 新聞列表 > 紅包活動頁面設計解析

紅包活動頁面設計解析

發(fā)布時間: 2017-07-07 10:32

一個互聯(lián)網設計團隊,每年都會產出大量的產品設計、運營設計的作品。及時整理和總結這些作品,對于團隊和設計師的成長都很有裨益。善于總結設計思路和方法,能夠提升設計師的工作效率,更好的為需求服務。


設計背景

春節(jié)是一年中最為重要的節(jié)日之一,也是各大電商最為重視的節(jié)日之一,圍繞著促銷的核心目的,產出了大量的運營方式和活動,紅包就是一個熱門的方式之一。紅包,一方面讓用戶在新年中一個好彩頭,一方面可以通過發(fā)福利增加拉新量和達到營銷目的。紅包這個題材已經被廣大互聯(lián)網公司給做濫,怎么玩好紅包這個題材,我們想了很多。

業(yè)務需求

通過游戲派發(fā)紅包,積累用戶。

活動邏輯


經過與業(yè)務方多次討論,我們這次紅包活動提供“專屬”紅包的概念,通過春節(jié)各個場景的幽默漫畫,帶來一些不一樣的感覺。根據業(yè)務流程,繪制詳細的交互圖,主要展現(xiàn)頁面跳轉流程、功能和信息排布,所有的信息展示的位置和面積,以及簡單的動畫實現(xiàn)。與運營和技術交流數次后,確認了交互,開始進一步的設計。

關鍵字提煉

設計師主導與業(yè)務方一起,進行小型的頭腦風暴,提出本次活動的關鍵詞,最后歸納為以上幾點,紅包活動要與新年的整體氛圍相符。


主視覺推導

確定了關鍵詞后,就開始考慮具體呈現(xiàn)出一個什么樣的風格了,收集了一些電商春節(jié)的運營風反復斟酌,決定使用扁平線條+剪紙+版畫效果的風格,這種風格在以往的春節(jié)活動中出現(xiàn)的頻率較低,同時也符合眾安保險App的金融定位,較為穩(wěn)重。


界面設計

1. 活動主頁

目的:引導用戶搶紅包。

視覺思考:營造出春節(jié)的喜慶氛圍,加入彈幕等元素進行引導用戶點擊搶紅包,增加紅包雨的動態(tài)視覺效果。主界面中“我要搶紅包”是最重要的Button,所以用最重的顏色進行引導;點擊后出現(xiàn)拆紅包界面。



2. 創(chuàng)意紅包頁

目的:以圖的有趣味來打動用戶,引導用戶分享傳播。

視覺思考:總結為一下兩點。

笑點,讓用戶看到就覺得好笑。

槽點,營造場景,春節(jié)期間常見且特別想吐槽的場景。本頁中插畫的運勢圖是最為重要的內容。



3. 創(chuàng)意紅包插畫

創(chuàng)意紅包插畫是這次活動的最重要差異化的內容,所以在畫面和文案上,我們花費了很多心思。整個畫面創(chuàng)造的是無厘頭幽默氛圍,結合春節(jié)的種種笑點和槽點,引起用戶的共鳴。畫面的表現(xiàn)方式跟主界面保持一致,都是運用描邊+局部填色+局部點狀網;顏色上,沿用了主界面的顏色。


4. 彈框

多種狀態(tài)下的彈框,在不變中又包含特異,每個彈框上半部分都是有細微調整。



5. 我的獎品

我的獎品頁面的兩種狀態(tài),與主界面的視覺元素相呼應。



6. 圖標設計

首頁活動圖標:



活動橫跨春節(jié)長假,為了配合春節(jié)氛圍和首頁的整體氛圍決定將入口圖標和底部Tab導航欄圖標都替換成春節(jié)活動圖標,同時增加懸浮圖標,懸浮圖標配合簡單的交互動畫,目的是增加用戶點擊量,最后數據表明,懸浮圖標的點擊率高于Banner,達到了最初的設計目標。

視覺元素選擇的是春節(jié)比較常見的物件,風格延續(xù)主頁,但是在顏色方面,圖標的金色比較靠近黃色,為的是要在整體中拉開細微的區(qū)別,以增加層次感,同時整體保持一致。

app開屏




開屏頁的設計依舊以單線小面積著色為主,增加了雞年的福字招貼,加強畫面的主體,配合福字,下面的主標題選用“顏真卿字帖字體”。構圖選用傳統(tǒng)的居中構圖,主視覺集中展現(xiàn),信息明顯。

數據反饋

活動的數據高于預期,在經費為0的情況下,pv、uv高于同期有營銷成本的活動,完成目標。

注冊轉化率達到20%以上,數據如下:


活動設計總結

春節(jié)紅包設計開發(fā)的過程基本順利,但是還有很多可以提升的空間,比如:設計預留時間不夠,導致紅包頁內容不夠豐富;活動機制未涉及用戶間的互動,沒有引起很好話題傳播效果。

現(xiàn)有幾個設計方面的問題總結如下,供大家參考。

1. 充分與開發(fā)交流

本次活動要上兩個平臺:App和微信,兩個平臺的流程大相徑庭,前期沒有充分溝通,導致后期需要多次修改。前期會議時一定要與開發(fā)多交流,包括流程、動效實現(xiàn)等,在構思的時候把一些問題都解決,節(jié)省成本。

2. 減少不必要的效果

為了減少文件大小,在不影響整體的情況下,一些不必要的效果就不要加,否則影響H5加載速度。

3. 使用默認字體

需要抓取的文字一定要使用默認字體,所以在設計的時候就要充分考慮到字體的問題,標題類可以使用個性的字體,但是如果需要配置和抓取的文字一定要使用默認的字體,否則后期修改會出現(xiàn)問題。

4. 與業(yè)務溝通預留足夠的時間

預留足夠的時間,可以把設計打磨的更加精細。本次活動的設計開發(fā)時間很短,最開始計劃的活動是現(xiàn)在的2倍體量,由于時間不夠,所以只能壓縮需求,導致實際上線的活動不如當初計劃的豐富。

以上就是上海網站設計提供的內容,如果想要了解關于上海旅游網站設計案例建站基礎知識,可直接點擊查看

相關文章:

版權所有 @ 2007-2023上海海淘信息科技有限公司 滬ICP備11050025號-4