综合商品浏览

MORA 商城

用统一的查找方式,组织多品类商品

多品类商城的难点在于商品丰富,但顾客的当前需求通常很具体。MORA 用首页品类、统一搜索和分类筛选,为不同商品建立共同的浏览入口。

01 / 商城首页

从品类进入商品浏览

首页在统一导航下安排品类入口和商品网格。多种商品共享同一套信息顺序,方便顾客按用途进入,而不必逐项浏览全部内容。

商城页头把搜索作为明显入口,首页再以推荐区和商品网格承接浏览。价格、促销标记与商品名称采用固定顺序,便于在较多商品中快速扫描。这样的页面重点是查找与比较,不依赖一张大幅品牌图承担所有信息。

MORA 商城
商城首页

02 / 首页分类筛选

在选定范围内查找商品

分类选择紧邻搜索区域,顾客可以先缩小商品范围,再查找具体内容。导航与筛选共同承担商品定位,帮助多品类商城保持清楚的浏览方向。

商品区上方的兴趣分类以短标签排列,顾客可以在当前区域内切换关注范围,下面的商品随分类形成对应列表。全站搜索负责已知目标,分类入口负责按兴趣探索,两种方式互补。商品卡片继续沿用同样的图文顺序,使缩小范围前后不需要重新适应页面。

MORA 商城
分类筛选

移动端

手机端:搜索与双列商品浏览

手机端将搜索框放在明显位置,商品以适合窄屏的双列网格连续排列。每张卡片保留名称、价格和操作,分类区与列表在同一阅读路径中。面对多品类内容,优先保证搜索与逐件比较可用,而不是让顾客穿过大量品牌介绍才看到商品。

手机页面

让网站适合你的业务

聊聊你的项目
页面大图