01 / 首页
从居家场景识别需求
首页先展示产品在家中怎样摆放,再以房间与生活场景组织入口。商品网格和室内摄影交替出现,让顾客兼顾实际收纳需求与搭配效果。
首页把鞋架、置物架等产品放进真实房间语境,再接商品网格与生活专题。场景帮助顾客判断摆在哪里,白底商品图帮助辨认结构;两类图片交替使用,让收纳需求和搭配效果同时得到回应。深绿色页脚与浅色主体区分服务信息和商品内容,整体保持安静的家居气质。
02 / 商品集合
比较不同收纳方式
集合页保留规整的产品展示,让鞋架、置物架和收纳用品以相近尺度出现。顾客能够比较形态,再进入单品了解。
集合页将不同高度、层数与形态的收纳用品放在相近尺度内展示,产品名称紧跟图片。统一网格让顾客把注意力放在轮廓差别上,不被不同卡片样式分散。列表负责筛出候选,进入详情后再核对具体结构与使用信息。
03 / 商品详情
判断产品结构与用途
详情页将产品轮廓与名称、价格和选择区域并列。下方说明与相关商品延续浏览,使从场景进入的访客能落到具体选择。
Tower Shoe Rack 详情用大幅完整产品图展示层架与占地形态,右侧集中名称、价格、数量和加购入口。下方将产品介绍与配送、退换说明分开,相关商品放在后面。顾客可以先判断这件收纳用品是否适合自己的空间,再继续核对购买安排。
04 / 品牌故事
继续了解品牌的生活主张
关于页面用材质、产品与空间摄影组织内容,补充商城之外的品牌表达。
关于页面从材质与产品近景进入居家场景,用较短段落串联设计主张。画面既有整体空间,也有局部结构,让“日常收纳”落实到具体物件和使用位置。它为集合页中的商品补充背景,而不重复罗列相同产品。
移动端
手机端:从居家场景找到收纳用品
手机端保留场景与商品交替出现的顺序,将桌面多栏转成适合连续浏览的排列。室内图仍展示完整使用环境,商品图则保留清楚的轮廓。顾客可以从房间里的搭配发现需求,再继续浏览对应收纳用品,空间和单品之间的关系没有因屏幕变小而消失。







