跳到正文
时尚电商

VNSK WEAR:一家街头服饰网店,绝不卖出仓库里已经没有的尺码

VNSK WEAR(VENSKO)是来自莫斯科的街头服饰品牌,以小批量 drop 的方式发布系列。我们为它设计并开发了网店:延续品牌 lookbook 风格的黑白店面,由库存系统 MoySklad 实时驱动的商品目录,支持 CDEK 配送到俄罗斯和独联体国家的结账流程,以及团队无需开发者就能自己运营的后台。

VNSK WEAR:一家街头服饰网店,绝不卖出仓库里已经没有的尺码

挑战

靠 drop 发售的品牌,售罄是按尺码发生的,而不是按商品。一件卫衣的 M/L 可能已经卖完,XS/S 却还在货架上。每一笔下单到已无库存尺码的订单,都会变成退款、道歉,以及一位不再回来的顾客。库存在 MoySklad 里,订单通过聊天软件进来,品牌需要一家和自己的大片一样讲究的网店,而且在顾客点击的那一刻就准确知道还剩什么。

思路

我们把 MoySklad 作为唯一的数据来源,其他一切都围绕它搭建。店面刻意保持安静:白色棚拍、品牌的斜体字标和打字机字体,让衣服自己说话。在它之下,每个尺码都有独立的实时库存,结账时按买家所在城市计算 CDEK 运费,订单进入带有状态、优惠码和经理权限的后台。

一家像 lookbook 的网店

品牌原本就有鲜明的视觉语言:白底上的宽松廓形、斜体的 VENSKO 字标、自信的黑白配色。网店全盘沿用,而不是再加一层自己的东西。首屏是两套造型的照片,中间是 VNSK 字样,只有一个操作:进入目录。

再往下,首页像一面橱窗:

  • New drop:分类图块,从经典款、衬衫到 Old Money 胶囊系列。
  • 热销:配饰轮播,是订单里最容易加购的东西。
  • 品牌理念:用品牌宣言收尾,并引向 lookbook。

所有功能性文字都用等宽的打字机字体,字标只留给标题,于是商品名、尺码和价格读起来就像衣服上的吊牌。

VNSK WEAR 首页的 New drop 区块,带分类图块
分类图块从首页直接通往目录,每一块展示的都是衣服本身,而不是生活方式照片。

永远准确的库存

每件商品、每个价格和尺码都来自 MoySklad,也就是品牌本来就在用的仓库管理系统。没有第二份需要同步的目录:仓库里某个尺码卖完,网店上就不能再买。

库存按尺码计算,而不是按商品。商品页显示所选尺码还剩几件,没有库存的尺码无法加入购物车。品牌按 M/L、XS/S 这样的合并尺码生产,网店就按 MoySklad 的记录方式去匹配;过去记在母商品上的旧订单,也不会再挡住一个其实有货的尺码。

VNSK WEAR 橄榄绿拉链卫衣的商品页,带尺码选择和实时库存
商品页:图集、品牌实际生产的尺码、所选尺码的实时库存,以及一个按钮。

面向俄罗斯和独联体的结账

品牌向十一个国家发货,从俄罗斯、哈萨克斯坦到亚美尼亚和格鲁吉亚,全部通过 CDEK。结账时,买家选择国家和城市,边输入边看到 CDEK 标准或加急配送的运费,然后在 Yandex 地图上选择自提点,或者填写快递上门的地址。

优惠码在购物车里生效,折扣一直显示到总价。支付方式贴合品牌实际的收款习惯:在网店直接用加密货币付款,银行卡或 SBP 则通过 Telegram 上的经理完成。

品牌自己就能运营的后台

小团队不可能为了换一张横幅去等开发者。网店有自己的后台,包括:

  • 一眼看清店铺状况的仪表盘;
  • 按状态分类的订单,从新订单、处理中到已发货、已送达和已取消;
  • 点两下就能创建和停用的优惠码;
  • 拥有独立权限的经理,以及谁改了什么的操作日志;
  • 网站内容管理,换 drop、改文案都不用发版。

两次 drop 之间,一个开关就能暂停整个网店的销售,而网站照常在线:目录可以浏览,但没人能为正在盘点的商品付款。

在手机上

街头服饰是在手机上买的,而且大多直接来自社交媒体。手机版保持同样的顺序:先是照片和一个按钮,分类是一条横向滚动栏,商品照片大到能看清面料,尺码是适合拇指点按的按钮。

VNSK WEAR 在手机上的三个页面:首页、目录和商品页
手机上的首页、目录和商品页:同样安静的版式,没有任何内容藏在多余的点击后面。

能被搜到,也能被衡量

一家有上百件商品的网店,只有搜索引擎能读懂每一件,才能真正赚钱。每件商品都有自己的 title、description 和社交分享预览,sitemap 列出所有分类和商品,结账页、后台和 API 对爬虫关闭。结构化数据把品牌描述为带退货政策的网店,把目录和评价页描述为合集页面,把 lookbook 描述为图片库,让搜索结果展示的不只是一条蓝色链接。

数据分析首先尊重买家。Yandex Metrica 和 Meta 像素只在用户同意后加载,Webvisor 会遮蔽结账表单字段,电商事件使用与 Yandex Direct 商品 feed 相同的 MoySklad ID,因此广告报表和库存数据说的是同一批商品。

技术实现

店面是由 nginx 提供的静态 HTML、CSS 和 JavaScript,在移动网络下打开目录也很快,托管成本也低。另一台云服务器上独立运行的 Node.js API 负责对接 MoySklad、CDEK 和支付服务并保存订单,因此店面里不存放任何密钥。

VNSK WEAR 结合了我们的网站与应用开发、产品设计和 SEO。如果您正在为这样一家网店做预算,我们关于固定总价还是按小时计费的指南讲清了两种方式的利弊。准备推出自己的品牌?和我们聊聊。

交付内容

  • 商品目录、价格和各尺码库存从 MoySklad 实时同步
  • 按尺码计算的库存,售罄的尺码进不了购物车
  • 带 CDEK 运费、Yandex 地图自提点和 11 国配送的结账流程
  • 后台:按状态管理订单、优惠码、经理权限、网站内容和操作日志
  • 逐件商品的 SEO、结构化数据、完整的 sitemap,以及征得同意才启用的数据分析

常见问题

它在线销售品牌的服装和配饰,从 MoySklad 实时读取各尺码库存,通过 CDEK 配送到俄罗斯和独联体国家,支持优惠码,并有一个让团队管理订单和内容的后台。

这样网站和仓库永远不会对不上。商品、价格和库存都来自 MoySklad,售罄的尺码无法下单。

十一个:俄罗斯、哈萨克斯坦、白俄罗斯、乌兹别克斯坦、吉尔吉斯斯坦、亚美尼亚、阿塞拜疆、塔吉克斯坦、摩尔多瓦、格鲁吉亚和土库曼斯坦,全部通过 CDEK,可送到自提点或上门。

可以。订单、优惠码、经理、网站内容,以及在两次 drop 之间暂停销售的开关,都在网店自己的后台里。

静态前端在移动网络下速度快、托管便宜,独立的 Node.js API 把所有对接和密钥都留在服务器上。品牌不用向平台交佣金,全部代码归自己所有。

网站详解

VNSK WEAR:桌面端页面 1.1
VNSK WEAR:桌面端页面 1.2
客户评价

“我们以小批量 drop 发售,所以网店最糟糕的事就是卖出一个我们已经没有的尺码。Sakura 把网站直接接到了 MoySklad,现在库存、订单和配送都在同一个地方。网店看起来就像我们的 lookbook,而且我们自己就能运营,不用再打电话找开发者。”

NikitaVNSK WEAR
sakura