top of page
portfolio.001.jpeg
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

sketch-color.png
01 Background

“减少用户流失,降低成本,修复历史遗留问题”

“减少用户流失,降低成本,修复历史遗留问题”

Why we need to redesign?

  • ​技术团队通过数据分析,发现从购物车进入结算页的用户存在60%以上的流失率。

  • 财务团队经过数据分析,了解到偏远地区的物流成本过高,现有包邮政策门槛太低。希望能够通过设计方法减少用户流失,解决成本问题。

What is a Cart for an online retailer?

购物车是促进用户购买的模块,是成功将用户从“逛”转变为“买”的使用场景。在设计购物车是应该兼顾用户和业务方的多重需求。对于购物车的改动应该慎重,多方面考量,因为任何细小的改动都有尽可能影响转化率。

02 Define

​For who?

Their different needs.

needmap.png

Customer Journey Map

CJMmap.png

线上流程分析:流失原因分析

  • 我司特点:抵扣方式多,银行活动多,配送地址定位在四级

  • 进入结算页的用户,购买欲望是非常强烈的。在这个阶段,我们要做的就是极大程度上的促使用户最终下单,尽量避免不必要的流失。

  • 可以发现出发用户流失的情况多发生在结算页,其中因选择配送地址而造成主品失效为主要流失因素。以及活动失效造成的优惠券不可用也是一个比较重要的原因。

流失可能原因.png

​商品展示顺序

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

我司展示逻辑.png

用户按照C、B、A顺序依次将商品加入购物车。

D为购物车原有商品。

随后加入E商品。

D与E同时命中一个促销活动

03 Competition Analysis

​Competition

用竞品分析的方法,了解市场上的电商平台如何构建购物车?是否有分温区展示商品的先例?不同温区商品如何结算?

竞品.png
作品集整合.008.jpeg

Business Model

商业模式的不同,决定了购物车构建的不同。

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

商业模式.png

Framework

按照基础、业务和营销需求进行分类。其中基础需求为用户的基本需求,也是用户进入购物车最关心的内容。业务需求是其他系统的需要,方便计算库存、物流费用等。营销需求,主要是促使用户多下单,多购买等需求。

个别竞品像每日优鲜,将结算页与购物车相融合,根据自家产品属性(类外卖),这种设计可以缩短支付流程,极大程度降低用户进入收银台后的跳出率。

框架.png

Location

01

前置仓覆盖范围有限,因此各个前置仓的库存情况不同,后台系统上要进行区分,维护成本较高。

​02

前台定位功能要精细化到四级地址,首页/购物车/结算页都要做位置信息的提示,不同的配送地址对应前置仓的库存不同,展示商品也就不同。

定位.png
icon.png

商品展示逻辑

生鲜电商平台多按照加入购物车的先后顺序展示商品,其中盒马加入促销活动,当加入的商品同购物车中已有商品命中一个促销活动时,将原有的商品提前。

综合类电商平台,店铺一般为第一层级,喵生鲜和京东时间为第二层级,考拉则将促销作为第二层级展示。京东的全球购商品与其他商品在进入结算页时是分开结算的。

商品展示逻辑.png
icon.png

如何结算?

要遵循简洁、流畅的原则,尽量不要打断用户的下单思路。

但由于业务上的一些需求,各家电商也会考虑商品分开结算的做法,或者进入结算页生成两个物流单,运费分开结算的情况。

icons.png
结算1.png
解算.png
04 Design

​Design points

购物车

  • 商品分温展示

  • 促销活动分温、展示逻辑重新设计

  • 商品加入购物车实现“预命中”

  • 配送地址外铺

  • ​增加清除失效商品楼层

icon.png

结算页

  • 分温区结算运费

  • ​合并温区统一下单

结算页.png

后台

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

High-fi & DRD

Pages Involved

Pages Involved

Backstage

bottom of page