實(shí)戰(zhàn)案例!「滴滴出行」的商家紅包項(xiàng)目經(jīng)驗(yàn)總結(jié)

2017-7-13    資深UI設(shè)計(jì)者

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

這是我近期獨(dú)立完成的一個(gè)紅包分享項(xiàng)目,暫時(shí)入口在滴滴app里的積分商城,我也跟著同步上傳份項(xiàng)目總結(jié)吧

以下圖片都為設(shè)計(jì)效果圖,具體內(nèi)容,具體文案以線上為準(zhǔn)。

項(xiàng)目背景

  1. 增加滴滴紅包樣式,拓展商業(yè)化渠道,促進(jìn)滴滴紅包變現(xiàn)。
  2. 實(shí)現(xiàn)商家品牌推廣。
  3. 為滴滴用戶獲得滴滴優(yōu)惠乘車(chē)券提供新的渠道。
  4. 豐富滴滴產(chǎn)品形態(tài),實(shí)現(xiàn)用戶拉新同時(shí)提升用戶使用頻次及活躍度。

項(xiàng)目目標(biāo)

  1. 形成滴滴商家紅包購(gòu)買(mǎi)生態(tài),增添滴滴商業(yè)化的新形式
  2. 讓商家為乘客的優(yōu)惠出行助力
  3. 進(jìn)一步提升滴滴口碑,增加滴滴良好的社會(huì)影響力
  4. 新用戶拉新,老用戶活躍度提升
  5. 同時(shí)為普通用戶提供紅包購(gòu)買(mǎi)渠道,促進(jìn)普通用戶之間的社交

功能概述

所有商家可在滴滴的客戶端配置自己的紅包,支付完成并且通過(guò)審核后可以隨時(shí)完成紅包分發(fā)。領(lǐng)取紅包的用戶可將獲得的優(yōu)惠券直接用于行程支付。紅包包含滴滴通用的快車(chē)、專車(chē)等,共計(jì)包含9種SKU,每種SKU只包含一條業(yè)務(wù)線的打車(chē)券。

流程詳述

交互的成型

我們從用戶行為場(chǎng)景出發(fā),列出每個(gè)行為階段會(huì)在活動(dòng)頁(yè)中出現(xiàn)的情況,最終圍繞引導(dǎo)商家給客戶發(fā)打車(chē)券、共享出行的目的,設(shè)計(jì)了交互原型

視覺(jué)設(shè)計(jì)

增加滴滴紅包樣式,這次頁(yè)面要在滴滴端內(nèi)展現(xiàn),所以要既符合滴滴簡(jiǎn)潔的輕視覺(jué)風(fēng)格又需要突出紅包主題。

確定首頁(yè)風(fēng)格,首頁(yè)由banner位,紅包展示區(qū),活動(dòng)規(guī)則欄,聯(lián)系客服四部分組成。

其中紅包展示區(qū)采用了九宮格布局,這樣可以將主要的購(gòu)買(mǎi)入口全部聚合在頁(yè)面里。讓用戶做出購(gòu)買(mǎi)選擇。由于九宮格的組織方式無(wú)法讓用戶第一時(shí)間看到內(nèi)容,選擇壓力較大,所以我們把紅包詳情直接放在紅包icon的下面,更方便的讓用戶對(duì)比選擇。

紅包icon里面券的張數(shù)有一張、兩張、三張,這是根據(jù)SKU中的紅包的張數(shù)來(lái)劃分的。

運(yùn)營(yíng)視覺(jué)

這次活動(dòng)運(yùn)營(yíng)視覺(jué)只要是點(diǎn)擊首頁(yè)banner,跳轉(zhuǎn)到主KV。

主KV要突出買(mǎi)了滴滴紅包然后當(dāng)禮物送給自己的朋友,所以我選用了紅包、禮品、店鋪三個(gè)元素來(lái)制作,店鋪與禮盒結(jié)合,打開(kāi)后里面是滴滴的快車(chē)券和專車(chē)券。

活動(dòng)效果待日后補(bǔ)充(敬請(qǐng)期待)

藍(lán)藍(lán)設(shè)計(jì)m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

日歷

鏈接

個(gè)人資料

存檔