01 / 品牌首页
先让顾客看到风格,再找到具体商品
首页将人物穿搭与配饰近景组合,让单件商品出现在完整的日常造型中。首屏之后依次安排当下流行、品类入口、全部物件与编辑推荐,既照顾随意逛逛的顾客,也为已有明确目标的人保留直接入口。
浅紫色品牌区域与暖白色商品区域交替出现,区分风格表达和商品浏览。腕表、包袋与首饰沿用相近的图像尺度,让不同品类仍属于同一个品牌。
02 / 商品目录
从一个品类,找到想进一步了解的单品
商品目录将腕表、包袋、首饰、鞋履和眼镜放在同一分类结构中。上方保留品类入口,下方用一致的图片、商品编号和中英文名称展示单品,便于比较与再次查找。
目录承担的是缩小范围。进入详情后再看上身效果和补充资料,避免把全部说明堆在商品卡片中。首页和目录都能回到同一件商品,浏览路径保持连续。
03 / 单品详情
把外观、上身比例与细节交代清楚
包袋详情先用背负和手持画面说明大小与穿搭关系,再连续展示不同角度。右侧集中商品名称、分类与咨询操作,顾客看图时可以同时确认自己正在了解哪件商品。
补充图文归入 Detail Archive,相关商品放在当前单品之后。这里采用选品咨询流程:顾客可以保存商品或分享咨询信息,价格和发货仍需进一步沟通。
04 / 选品咨询
把分散的喜欢,整理成一份可沟通的清单
顾客在详情页加入选品后,回到首页仍能打开清单查看。侧栏显示已选商品的图片和名称,并提供移除操作,便于在浏览多个品类后重新整理。
分享咨询内容会整理商品名称与标识,减少只发一张图片、再反复确认款式的沟通。品牌展示、商品查看与需求表达由此连接起来。
05 / 手机首页
窄屏上也能看全品牌与商品
手机首页将人物和配饰组合、品类入口、商品与编辑内容依次展开。两列商品网格保留比较空间,主要入口与品牌风格继续存在,顾客不必回到电脑才能继续挑选。

06 / 手机详情与双语
同一件商品,在手机和另一种语言中继续浏览
手机详情把商品信息与图像按阅读顺序排列,选品与咨询操作保留在商品信息附近。中英文切换使用同一商品标识与资料结构,让名称和操作语言改变时,顾客仍然处在同一件商品的页面。







