MeuCommerce. 从分享目录到 WhatsApp 下单

一个电商平台，面向通过 WhatsApp 成交订单的卖家。平台的首家店铺兼设计合作伙伴是 Selsa Select，它把可浏览的目录、收藏的商品和购物车，连接到与卖家之间的一段结构化对话。

截取自运行中的产品，后台里的名称和数值已隐藏。商品照片和品牌归各自的所有者所有。

起点是一位真实的卖家，用笔记本和 WhatsApp 管理商品、价格和销售。产品需要给这套经营方式配上一个可搜索的目录和一条连贯的购买流程，同时保留订单谈妥时所依托的那段对话。

产品策略、UX/UI 设计和开发由我完成。MeuCommerce 是平台，Selsa Select 是本案例展示的店铺。其中的商品和商品图片归各自的品牌与供应商所有。

平台把卖家的管理端和面向顾客的店铺分开。商品信息和销售条件会汇入一个公开的目录，可以通过链接分享。

后台一打开就是卖家一天的概况：客户、订单、营收和增长、店铺转化率、库存不足提醒、最新订单，以及添加商品和分享店铺的快捷入口。

Selsa Select 把好几个商品品类放在同一个店面里。搜索、商品卡片、收藏和最近浏览，让顾客可以找到商品、比较商品，之后再回来。顾客走向购买的每一步，都始终保留着店铺的整体环境。

店铺不必固定在某一种外观上。卖家可以在后台的八套店面主题之间选择，每一套主题都会改变顾客端每个页面的版式、字体、卡片、颜色和节奏。商品、订单和标志保持不变。

对比页会把每一种风格完整展开，从安静的极简目录，到信息密集的商城，卖家看着自己店铺的实际样子来决定，之后也可以再换。

录制于一家线上店铺，保留了真实的加载状态。到购物车为止，没有下单。商品照片和品牌归各自的所有者所有。

商品卡片要承载的不只是图片和名称。现价、原价、折扣、Pix 和分期，需要一套清晰易读的层级，而且在其中某些条件缺失时同样成立。

移动端优化把现有的条件集中放在商品图片旁边，并去掉为缺失字段预留的空白。最近浏览板块用一整块连续的卡片，内部按行分隔，同时为收藏控件和悬浮 WhatsApp 按钮留出位置。

购物车允许顾客修改数量、移除商品、使用优惠券，然后再查看订单汇总。服务器会重新计算报价，让页面上显示的条件和生成的订单消息出自同一个数据来源。

结算会生成一条结构清晰的 WhatsApp 消息，带上所选商品和订单汇总。卖家可以在订单已经整理好的基础上继续对话。付款在平台之外商定，因此界面把这一步交接明确地展示出来。

收藏的商品、订单和账户设置，把体验延伸到了单次购物车之外。空状态会引导用户回到店铺；加载、优惠券错误和登录过期需要各自的响应，而不是装作成功的样子。

开发工作包括响应式方面的打磨，以及在桌面端和移动端对店面和购物车做的检查，这些检查都有记录。案例展示最终的产品页面和其中的交互决策，不声称销量或转化率有可衡量的提升。