【电商设计学习成果・第二辑】
北京/设计爱好者/29天前/14浏览
版权
【电商设计学习成果・第二辑】
这一阶段,我聚焦 “PC + 手机双端首页” 的设计探索,围绕「家电」「消费电子」两大品类,尝试在 “多端体验一致性” 与 “品类视觉差异化” 之间找平衡。
🔹
品类针对性表达
:针对「家电」品类(压力锅、咖啡机、料理机等),PC 端以 “场景化横幅 + 分区品类推荐” 构建信息架构,将 “珐琅釉内胆”“3 分钟冰咖自由” 等核心卖点融入厨房、居家场景,让用户快速感知 “品质生活感”;手机端压缩信息层级,通过 “大图 + 短文案 + 紧凑模块” 的形式,适配移动端 “快速浏览” 的使用习惯。针对「消费电子」品类(小米系列手机),PC 端采用 “产品矩阵式排版 + 轻量化视觉” 突出科技感,让机型迭代、配置差异更清晰直观;手机端进一步简化呈现,以 “卡片式缩略 + 重点机型锚定” 的方式,降低用户浏览与决策成本。
🔹
双端体验的适配逻辑
:PC 端 —— 借助大屏优势,延伸 “信息深度 + 场景氛围”,如家电区的 “厨房爆款・料理系列”“健康热水・茶饮推荐” 分区,既梳理产品系列,又通过真实场景图传递产品使用价值;手机端 —— 围绕 “高效触达” 做减法,保留核心卖点与转化按钮,同时延续 PC 端的配色(以沉稳蓝为主调,搭配活力辅助色)、字体(统一选用阿里巴巴普惠体 3.0),确保用户在不同设备间切换时,能感知到品牌视觉的连贯性。
从 “单端设计思维” 到 “双端协同表达”,这组作品是我对「电商首页如何服务不同场景下的用户决策」的实践思考 —— 既要让 PC 端用户 “逛得明白、被场景打动”,也要让移动端用户 “看得快、选得准”~
0
Report
声明
收藏
Share
相关推荐
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
Log in
推荐Log in and synchronize recommended records
收藏Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share


















































































