全部案例 / ANBO DREAM 安铂卓梦
项目概览案例详解

配饰品牌 · 商品展示与选品

ANBO DREAM 安铂卓梦

从喜欢一种风格,到带着选品清单开始沟通

腕表、包袋、首饰和鞋履需要共同表达品牌风格,也需要各自清楚的查找入口。这个项目把造型展示、商品分类、单品档案与选品咨询连接起来,让访客从喜欢一种风格,走到带着具体商品继续沟通。

01 / 品牌首页

先让顾客看到风格,再找到具体商品

首页将人物穿搭与配饰近景组合,让单件商品出现在完整的日常造型中。首屏之后依次安排当下流行、品类入口、全部物件与编辑推荐,既照顾随意逛逛的顾客,也为已有明确目标的人保留直接入口。

浅紫色品牌区域与暖白色商品区域交替出现,区分风格表达和商品浏览。腕表、包袋与首饰沿用相近的图像尺度,让不同品类仍属于同一个品牌。

ANBO DREAM 安铂卓梦
先让顾客看到风格,再找到具体商品

02 / 商品目录

从一个品类,找到想进一步了解的单品

商品目录将腕表、包袋、首饰、鞋履和眼镜放在同一分类结构中。上方保留品类入口,下方用一致的图片、商品编号和中英文名称展示单品,便于比较与再次查找。

目录承担的是缩小范围。进入详情后再看上身效果和补充资料,避免把全部说明堆在商品卡片中。首页和目录都能回到同一件商品,浏览路径保持连续。

ANBO DREAM 安铂卓梦
从一个品类,找到想进一步了解的单品

03 / 单品详情

把外观、上身比例与细节交代清楚

包袋详情先用背负和手持画面说明大小与穿搭关系,再连续展示不同角度。右侧集中商品名称、分类与咨询操作,顾客看图时可以同时确认自己正在了解哪件商品。

补充图文归入 Detail Archive,相关商品放在当前单品之后。这里采用选品咨询流程:顾客可以保存商品或分享咨询信息,价格和发货仍需进一步沟通。

ANBO DREAM 安铂卓梦
把外观、上身比例与细节交代清楚

04 / 选品咨询

把分散的喜欢,整理成一份可沟通的清单

顾客在详情页加入选品后,回到首页仍能打开清单查看。侧栏显示已选商品的图片和名称,并提供移除操作,便于在浏览多个品类后重新整理。

分享咨询内容会整理商品名称与标识,减少只发一张图片、再反复确认款式的沟通。品牌展示、商品查看与需求表达由此连接起来。

ANBO DREAM 安铂卓梦
把分散的喜欢,整理成一份可沟通的清单

05 / 手机首页

窄屏上也能看全品牌与商品

手机首页将人物和配饰组合、品类入口、商品与编辑内容依次展开。两列商品网格保留比较空间,主要入口与品牌风格继续存在,顾客不必回到电脑才能继续挑选。

窄屏上也能看全品牌与商品

06 / 手机详情与双语

同一件商品,在手机和另一种语言中继续浏览

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

同一件商品,在手机和另一种语言中继续浏览

让网站适合你的业务

聊聊你的项目
页面大图