CASE 03 / 自主商业作品 / 可替换模板打开真实网站

衡面 / Skincare commerce

六款护肤产品,从肤质选择走到购物车。

面向 18-30 岁油性肌肤男性,网站围绕日常、运动和剃须场景组织商品。三题选择生成日夜方案,购买频率、购物车和订单摘要均已实现。

项目性质
自主商业作品与可替换模板
商业类型
消费品牌商品网站
负责范围
品牌方向、结构、交互、前端与发布
目标用户
18-30 岁油性肌肤男性
衡面网站所用的男性日常护理场景
HENGMIANLIVE COMMERCE WEBSITE
6固定产品
27问答组合
2购买频率
1可恢复购物车

商业场景与目标用户假设

产品数量固定,选择顺序需要更短。

年轻男性第一次购买护肤品时,常见问题是先用什么、一天几步、运动后是否需要单独清洁。衡面用三题输入连接日夜顺序与商品。

网站同时承担品牌页面、方案工具和商品路径。用户可以直接浏览六款产品,也可以先完成肤质选择。

衡面不代表真实客户或正在营业的品牌。价格、产品和方案用于呈现商业结构,不包含医疗诊断、临床结果、评价或经营数据。

访问状态

手机访问为主

选择控件、商品信息和购物车适合单手触控。

购买障碍

不确定先用什么

日夜顺序与特定场景直接写入结果。

商品组织

六款产品有固定位置

规格、价格、使用时间和场景集中呈现。

补充习惯

频率需要透明

单次购买或 45 天补充计划只进入订单摘要。

页面结构与用户路径

两条入口,共用一个购物车。

目标明确的访客直接浏览商品,需要判断顺序的访客完成三题选择,整套方案可以一次加入购物车。

  1. 入口首屏获取方案或浏览产品
  2. 选择三题问答出油时间、感受、步骤
  3. 结果日夜顺序基础步骤与特定场景
  4. 商品六款产品规格、价格、使用时间
  5. 转化订单咨询邮件或复制摘要
衡面六款无品牌护肤产品的冷白与钴蓝产品陈列
PRODUCT SYSTEMLOCAL ASSET

肤质选择和推荐逻辑

三道输入,换成一张能执行的顺序表。

洁面和保湿是基础。出油时间决定主要调理产品,剃须后不适增加单独场景,日间防护乳固定在早间最后一步。

  • 上午较早出油:增加净澈调理精华
  • 下午出油:增加轻透平衡水
  • 运动后出油:生成运动清洁方案
  • 剃须后不适:增加舒缓凝胶

关键设计决策

每项交互都服务于选购。

01

冷白、银灰与钴蓝

视觉接近实验室和城市日常,减少传统男性护肤的硬汉口号。

02

方案入口靠近商品

访客从日夜顺序开始,单品与整套购买紧随其后。

03

日常与特定场景分开

运动后与剃须后单独列出,日常方案保持短。

04

补充计划保持透明

45 天频率不会触发订阅或自动扣款。

05

购买频率跟随商品

每件商品都能选择单次购买或 45 天补充计划。

06

订单出口清楚

邮件客户端不可用时,订单摘要仍可复制。

响应式与交互实现

可核对的实现成果。

所有数字来自当前实现。页面没有客户评价、销售结果或功效比例。

6 款产品

产品 ID、名称、规格、人民币价格、场景和使用时间集中管理。

27 组输入组合

三种出油时间、三种使用感受和三种步骤上限均有确定结果。

本机购物车恢复

数量、删除、购买频率和刷新恢复使用 hengmian-cart-v1 保存。

两种订单出口

生成邮件订单摘要,也支持直接复制。

后续扩展方向

现有商品结构可以继续承接经营功能。

  • 真实商品库存
  • 支付与配送
  • 会员与补充提醒
  • 内容管理
  • 多语言
  • 经营数据分析

衡面 / 完整商业网站

问答、产品、购物车和订单路径均可直接操作。