• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 实战案例!「滴滴出行」的商家红包项目经验总结

实战案例!「滴滴出行」的商家红包项目经验总结

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含实战案例,滴滴打车,经验分享等相关知识,希望在学习及工作中可以帮助到您

@Z设团-Z先生??:这是我近期独立完成的一个红包分享项目,暂时入口在滴滴app里的积分商城,我也跟着同步上传份项目总结吧

以下图片都为设计效果图,具体内容,具体文案以线上为准。

项目背景

  1. 增加滴滴红包样式,拓展商业化渠道,促进滴滴红包变现。
  2. 实现商家品牌推广。
  3. 为滴滴用户获得滴滴优惠乘车券提供新的渠道。
  4. 丰富滴滴产品形态,实现用户拉新同时提升用户使用频次及活跃度。

项目目标

  1. 形成滴滴商家红包购买生态,增添滴滴商业化的新形式
  2. 让商家为乘客的优惠出行助力
  3. 进一步提升滴滴口碑,增加滴滴良好的社会影响力
  4. 新用户拉新,老用户活跃度提升
  5. 同时为普通用户提供红包购买渠道,促进普通用户之间的社交

功能概述

所有商家可在滴滴的客户端配置自己的红包,支付完成并且通过审核后可以随时完成红包分发。领取红包的用户可将获得的优惠券直接用于行程支付。红包包含滴滴通用的快车、专车等,共计包含9种SKU,每种SKU只包含一条业务线的打车券。

流程详述

交互的成型

我们从用户行为场景出发,列出每个行为阶段会在活动页中出现的情况,最终围绕引导商家给客户发打车券、共享出行的目的,设计了交互原型

视觉设计

增加滴滴红包样式,这次页面要在滴滴端内展现,所以要既符合滴滴简洁的轻视觉风格又需要突出红包主题。

确定首页风格,首页由banner位,红包展示区,活动规则栏,联系客服四部分组成。

其中红包展示区采用了九宫格布局,这样可以将主要的购买入口全部聚合在页面里。让用户做出购买选择。由于九宫格的组织方式无法让用户第一时间看到内容,选择压力较大,所以我们把红包详情直接放在红包icon的下面,更方便的让用户对比选择。

红包icon里面券的张数有一张、两张、三张,这是根据SKU中的红包的张数来划分的。

运营视觉

这次活动运营视觉只要是点击首页banner,跳转到主KV。

主KV要突出买了滴滴红包然后当礼物送给自己的朋友,所以我选用了红包、礼品、店铺三个元素来制作,店铺与礼盒结合,打开后里面是滴滴的快车券和专车券。

活动效果待日后补充(敬请期待)

欢迎关注作者的微信公众号:「Z设团」

「滴滴设计中心的实战经验总结」

  1. 《实战经验!滴滴专车会员项目背后的设计经验总结》
  2. 《高手的设计流程!滴滴车主端5.0全新升级背后的设计思考》

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 腾讯实战案例!设计师如何从零开始做一款H5?
  • 高手实战!腾讯公益设计改版项目总结
  • 滴滴新推出的青桔单车,背后的设计过程是怎样的?
  • 上亿人使用的起点读书APP,背后的改版设计实录!
  • 如何高效完成表单输入?来看这个实战案例!
  • 设计冲刺法:5天搞定2018俄罗斯世界杯主题设计
  • 实战案例!网易考拉品牌升级全过程实录
  • 看似简单的喜马拉雅FM主播等级体系,是如何做改版设计的?
  • 实例解析!如何成为有交互和视觉思维的UI 设计师?
  • 网易实战案例:教你五步打造APP节日主题设计

相关文章

  • 2018-08-23如何制造信赖感和惊喜感?我总结了这些设计方法
  • 2018-08-23设计师该如何维权?看这篇超详细的流程总结!
  • 2018-08-23「这个控件叫什么」系列之动作菜单/动作面板
  • 2018-08-23不止15个!可能是最全面的图标素材站+制作神器
  • 2017-08-06HTML页面编写的点点感受小结
  • 2018-08-23总结了日式网站这4个优点后,我能把中文网站做得高大上了!
  • 2018-08-23专业科班方法!帮你学会网格工具这个理性的排版利器
  • 2018-08-23超详细!可能是最全面的AR设计科普文
  • 2018-08-23浅色还是深色?教你选择合适的界面配色方案!
  • 2018-08-23超详细解读:UI导航设计不仅仅指的是导航栏

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 超全面!设计师必须了解的美术基础
    • 航海世纪官网设计思路分享
    • 想为iPhone X设计UI?给你这11个设计小贴士
    • 9款很棒的网页绘制图表JavaScript框架脚本
    • 最近很火的UXD是什么?听阿里巴巴设计师怎么说!
    • 静态页面与动态页面各自的执行机制说明
    • 这5个思路,能让你的线上广告更加吸引人
    • 网页文字设计应该像聪明女孩穿衣服
    • 超全面的移动端UI 设计规范整理汇总
    • 水平滚动的网站设计 小结

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有