01 / 首页
从装车场景形成兴趣
首页用汽车灯光场景建立品牌印象,再依次呈现配件集合、重点灯饰、新品与热卖。大幅装车效果与商品卡片交替出现,把“想要什么效果”衔接到“购买哪件配件”。
黑色底色让车灯发光效果保持鲜明,红色集中用于品牌和操作按钮。首页将装车画面、系列入口、新品、热卖分开安排:大图说明灯光装上车是什么感觉,小商品图帮助进一步挑选。场景与商品相互衔接,避免顾客被视觉吸引后仍不知道从哪里开始买。
02 / 灯饰分类
比较同类灯饰款式
分类页保留全站搜索和导航,将同一系列的不同款式、价格集中排列。用户从首页进入后,可以继续比较灯饰,而不必重新浏览所有汽车用品。
Devil Eyes 分类页将价格筛选、排序与同系列商品放在一起,车头整体效果和灯组近景都保留在卡片中。顾客既能比较外观,也能结合价格缩小选择。分类页下方再补充这一系列的简短介绍,使产品列表有明确主题,不需要重新浏览全站内容。
03 / 商品详情
确认效果与具体商品
详情页一侧展示尾箱灯效果与细节,另一侧说明商品和购买选项。下方继续展开产品信息与相关用品,让用户确认使用方式后再作选择。
尾箱灯详情把已安装的发光效果作为主图,下方缩略图补充其他角度;名称、价格、数量和加购按钮集中在相邻一侧。功能、规格及使用说明继续向下展开,相关商品放在阅读末尾。重点先回答这件商品能带来什么效果,再让顾客核对具体信息。
移动端
手机端:从装车效果进入灯饰系列
手机首页把系列卡片、装车大图与新品列表顺着页面排列,保留黑红配色和醒目的进入按钮。灯光场景采用适合窄屏的展示宽度,商品仍能逐件辨认。顾客从手机上的装车效果继续进入系列,不需要依赖桌面多栏才能理解页面。






