综合电商

INFINITYMALL

从多品类入口,走到一件商品的具体选择

综合商城需要既呈现丰富商品,又为每件商品保留清楚的选择空间。INFINITYMALL 用首页入口与独立详情页承接这两种任务。

01 / 首页

找到想浏览的品类

首页用大幅鞋履图和多个小品类入口建立层次。推荐类别紧接主视觉,目标明确的顾客可以直接进入品类,随意浏览的顾客则继续查看商品。

首屏用一张主图配多张小图容纳不同商品方向,下面紧接图标式品类入口,再进入新品与商品列表。多品类商城很难用一种单品场景覆盖全部需求,因此首页先建立分类地图,再提供连续浏览的内容。导航与搜索保持在统一页头,明确目标和随意浏览都能有起点。

INFINITYMALL
首页

02 / 商品详情

了解并选择具体商品

详情页将商品图片、款式和尺码等信息集中呈现。首页负责发现,详情页负责进一步了解,避免让客户在列表中完成所有判断。

详情页采用缩略图、大图、购买信息的分区结构,数量和操作按钮集中在名称与价格下方。较长的产品描述继续向下排列,规格和相关商品另有位置,不把整篇介绍塞进购买区。商品图片负责观察,正文负责进一步了解,两者在同一页面内承接。

INFINITYMALL
商品详情

移动端

手机端:先选品类,再看商品

手机首页保留搜索和品类入口,再按内容顺序展示推荐商品。桌面的拼图转换为适合窄屏的组合,商品列表继续纵向展开。多品类浏览的重点是让顾客始终知道可以从哪类商品开始,而不是把所有品类名称挤成一行。

手机页面

让网站适合你的业务

聊聊你的项目
页面大图