2017-7-13 資深UI設計者
這是我近期獨立完成的一個紅包分享項目,暫時入口在滴滴app里的積分商城,我也跟著同步上傳份項目總結吧
以下圖片都為設計效果圖,具體內容,具體文案以線上為準。
所有商家可在滴滴的客戶端配置自己的紅包,支付完成并且通過審核后可以隨時完成紅包分發。領取紅包的用戶可將獲得的優惠券直接用于行程支付。紅包包含滴滴通用的快車、專車等,共計包含9種SKU,每種SKU只包含一條業務線的打車券。
流程詳述
交互的成型
我們從用戶行為場景出發,列出每個行為階段會在活動頁中出現的情況,最終圍繞引導商家給客戶發打車券、共享出行的目的,設計了交互原型
視覺設計
增加滴滴紅包樣式,這次頁面要在滴滴端內展現,所以要既符合滴滴簡潔的輕視覺風格又需要突出紅包主題。
確定首頁風格,首頁由banner位,紅包展示區,活動規則欄,聯系客服四部分組成。
其中紅包展示區采用了九宮格布局,這樣可以將主要的購買入口全部聚合在頁面里。讓用戶做出購買選擇。由于九宮格的組織方式無法讓用戶第一時間看到內容,選擇壓力較大,所以我們把紅包詳情直接放在紅包icon的下面,更方便的讓用戶對比選擇。
紅包icon里面券的張數有一張、兩張、三張,這是根據SKU中的紅包的張數來劃分的。
這次活動運營視覺只要是點擊首頁banner,跳轉到主KV。
主KV要突出買了滴滴紅包然后當禮物送給自己的朋友,所以我選用了紅包、禮品、店鋪三個元素來制作,店鋪與禮盒結合,打開后里面是滴滴的快車券和專車券。
活動效果待日后補充(敬請期待)
藍藍設計( 91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務