家居电商 · 页面重建

SereneLife

把多个生活场景,组织成容易找到商品的商城

家居、浴室、运动和户外用品覆盖不同生活需求。SereneLife 需要在同一商城里容纳这些商品,又让顾客能迅速进入自己的用途范围。

01 / 首页

按生活用途进入商城

首页先呈现产品使用的生活空间,再以图形分类入口展开家居、浴室、运动与户外用品。热卖与精选商品接在分类之后,为明确需求和随意浏览的顾客提供不同起点。

首页先用家居场景建立日常使用语境,再用图形化分类连接家居、浴室、运动和户外产品。热卖与精选商品随后出现,帮助还没有明确目标的顾客继续发现。品牌色贯穿分类按钮、加购入口和服务区域,多品类内容因此仍属于同一个商城。

SereneLife
首页

02 / 商品筛选

缩小商品范围并比较

商品页将分类、筛选与列表结合,统一展示商品图片、名称和价格。用户可以逐步缩小范围,再进入单件商品确认细节。

商品列表将库存、价格等筛选放在一侧,排序位于商品区上方;每件商品保留图片、名称、价格和加购入口。顾客可以先排除不合适的范围,再比较具体产品。分页在列表末尾承接更多商品,查找工具与结果保持在同一页内。

SereneLife
商品筛选

03 / 商品详情

核对单品与选购信息

详情页用主图和补充图片展示商品,把价格、选择项与购买操作集中在旁边。下方继续承接商品说明,保留从比较到选购的连续路径。

以热石按摩设备为例,主图展示设备、配件与使用方式,缩略图补充其他角度。商品说明与包装内容分成可展开区域,服务信息在下方集中呈现。产品展示回答结构与用途,文字区域承接进一步核对,避免选购区被长说明占满。

SereneLife
商品详情

移动端

手机端:按生活用途继续查找

手机首页将品类图标、热卖与精选商品按原顺序展开,每组有独立标题和进入入口。多品类站点在窄屏上更需要这些分组,顾客可以按用途快速定位,而不必在一长列混合商品里寻找方向。品牌色继续标记可操作位置,保持浏览的一致性。

手机页面

让网站适合你的业务

聊聊你的项目
页面大图