01 / 首页
找到想浏览的品类
首页用大幅鞋履图和多个小品类入口建立层次。推荐类别紧接主视觉,目标明确的顾客可以直接进入品类,随意浏览的顾客则继续查看商品。
首屏用一张主图配多张小图容纳不同商品方向,下面紧接图标式品类入口,再进入新品与商品列表。多品类商城很难用一种单品场景覆盖全部需求,因此首页先建立分类地图,再提供连续浏览的内容。导航与搜索保持在统一页头,明确目标和随意浏览都能有起点。
02 / 商品详情
了解并选择具体商品
详情页将商品图片、款式和尺码等信息集中呈现。首页负责发现,详情页负责进一步了解,避免让客户在列表中完成所有判断。
详情页采用缩略图、大图、购买信息的分区结构,数量和操作按钮集中在名称与价格下方。较长的产品描述继续向下排列,规格和相关商品另有位置,不把整篇介绍塞进购买区。商品图片负责观察,正文负责进一步了解,两者在同一页面内承接。
移动端
手机端:先选品类,再看商品
手机首页保留搜索和品类入口,再按内容顺序展示推荐商品。桌面的拼图转换为适合窄屏的组合,商品列表继续纵向展开。多品类浏览的重点是让顾客始终知道可以从哪类商品开始,而不是把所有品类名称挤成一行。





