
Cart Redesign for Benlai Online Retailer App
Benlai is the first batch of online fresh food retailer platform in China. Its ecosphere includes App, M station, H5, WeChat Applet and so on. Each end cooperates with each other to drain users into App. So App is the most important touchpoint.
* Friendship Tips: The project is relatively long. It takes about 2 minutes to browse roughly and 7-8 minutes to read carefully.
MY ROLE
User Researcher
User Experience Designer
UI Designer
RESPONSIBILITY
The project proposed by Finance and hand over to me by PM. I started the project by analyzing platform's data and experiencing online flow. I defined the problems of existing shopping carts. Secondhand Research is used to study the structure of competitive's cart design, the relationship between cart and users.Then produced the research report. I was responsible for final interaction design and visual design.
SKILL
Complicated Requirement Solved Ability
Data Analysis
UI / UX Design
Experience & Empathy
SOFTWARE

01 Background
“减少用户流失,降低成本,修复历史遗留问题”
“减少用户流失,降低成本,修复历史遗留问题”
Why we need to redesign?
-
技术团队通过数据分析,发现从购物车进入结算页的用户存在60%以上的流失率。
-
财务团队经过数据分析,了解到偏远地区的物流成本过高,现有包邮政策门槛太低。希望能够通过设计方法减少用户流失,解决成本问题。
What is a Cart for an online retailer?
购物车是促进用户购买的模块,是成功将用户从“逛”转变为“买”的使用场景。在设计购物车是应该兼顾用户和业务方的多重需求。对于购物车的改动应该慎重,多方面考量,因为任何细小的改动都有尽可能影响转化率。
02 Define
For who?
Their different needs.

Customer Journey Map

线上流程分析:流失原因分析
-
我司特点:抵扣方式多,银行活动多,配送地址定位在四级
-
进入结算页的用户,购买欲望是非常强烈的。在这个阶段,我们要做的就是极大程度上的促使用户最终下单,尽量避免不必要的流失。
-
可以发现出发用户流失的情况多发生在结算页,其中因选择配送地址而造成主品失效为主要流失因素。以及活动失效造成的优惠券不可用也是一个比较重要的原因。

商品展示顺序
商品加入购物车时,无预命中促销活动,用户手动勾选商品后后台才会计算促销活动。造成商品展示存在“跳呀跳”现象。用户在加入购物车后无法找到新加入的商品。

用户按照C、B、A顺序依次将商品加入购物车。
D为购物车原有商品。
随后加入E商品。
D与E同时命中一个促销活动
03 Competition Analysis
Competition
用竞品分析的方法,了解市场上的电商平台如何构建购物车?是否有分温区展示商品的先例?不同温区商品如何结算?


Business Model
商业模式的不同,决定了购物车构建的不同。
O2O的代表为盒马、每日优鲜、永辉,传统电商平台为本来生活、春播、天天果园等。相比于传统电商平台,O2O平台增设前置仓,能够减少生鲜品冷链物流的费用,解决最后一小时的配送问题,用速度取悦用户,建立用户粘性和忠诚度。

Framework
按照基础、业务和营销需求进行分类。其中基础需求为用户的基本需求,也是用户进入购物车最关心的内容。业务需求是其他系统的需要,方便计算库存、物流费用等。营销需求,主要是促使用户多下单,多购买等需求。
个别竞品像每日优鲜,将结算页与购物车相融合,根据自家产品属性(类外卖),这种设计可以缩短支付流程,极大程度降低用户进入收银台后的跳出率。

Location
01
前置仓覆盖范围有限,因此各个前置仓的库存情况不同,后台系统上要进行区分,维护成本较高。
02
前台定位功能要精细化到四级地址,首页/购物车/结算页都要做位置信息的提示,不同的配送地址对应前置仓的库存不同,展示商品也就不同。


商品展示逻辑
生鲜电商平台多按照加入购物车的先后顺序展示商品,其中盒马加入促销活动,当加入的商品同购物车中已有商品命中一个促销活动时,将原有的商品提前。
综合类电商平台,店铺一般为第一层级,喵生鲜和京东时间为第二层级,考拉则将促销作为第二层级展示。京东的全球购商品与其他商品在进入结算页时是分开结算的。


如何结算?
要遵循简洁、流畅的原则,尽量不要打断用户的下单思路。
但由于业务上的一些需求,各家电商也会考虑商品分开结算的做法,或者进入结算页生成两个物流单,运费分开结算的情况。



04 Design
Design points
购物车
-
商品分温展示
-
促销活动分温、展示逻辑重新设计
-
商品加入购物车实现“预命中”
-
配送地址外铺
-
增加清除失效商品楼层

结算页
-
分温区结算运费
-
合并温区统一下单

后台
-
促销规则更改,限制做死,必要条件不可随意更改