E-COMMERCE PRODUCT PAGES 电商详情页视觉系统
Clients
FULFUR 芙芙
Service:
BRAND 品牌整合项目
EDITORIAL 编辑设计
A digital exhibition for a design studio focused on material innovation and functional beauty.
2025-2026
E-COMMERCE PRODUCT PAGES 电商详情页视觉系统
Clients
FULFUR 芙芙
Service:
BRAND 品牌整合项目
EDITORIAL 编辑设计
A digital exhibition for a design studio focused on material innovation and functional beauty.
2025-2026
E-COMMERCE PRODUCT PAGES 电商详情页视觉系统
Clients
FULFUR 芙芙
Service:
BRAND 品牌整合项目
EDITORIAL 编辑设计
A digital exhibition for a design studio focused on material innovation and functional beauty.
2025-2026
PROJECT OVERVIEW 项目概述
本项目围绕 FULFUR 多条产品线的电商详情页展开,重点处理功效型护肤产品在移动端长图中的信息转化问题。相比单张产品图,详情页需要在有限的滑动时间内完成“吸引注意—解释功效—建立信任—推动购买”的阅读路径,因此视觉不仅承担美化功能,也承担信息组织与转化引导功能。
项目中大量使用真实人像与肌肤局部影像,配合产品图、功效数据、成分机理、使用步骤和场景说明,建立更具真实感和可信度的产品叙事。通过统一版式节奏、信息模块和视觉语言,不同产品详情页在保持各自卖点差异的同时,也能延续品牌整体的专业感与年轻调性。
DESIGN STRATEGY 设计策略
设计策略以移动端扫读体验为核心,将详情页拆解为首屏吸引、功效解释、证据支撑、使用方法和信任补足几个模块。首屏通过人像与产品建立真实使用场景,中段用图表、成分说明、对比信息和局部肌理强化功效逻辑,尾段补充适用人群、使用步骤和注意事项,形成完整的购买决策链路。
视觉上延续 FULFUR 的绿白体系与实验室语汇,同时避免过度精修的人像表达,保留真实肌肤状态,使产品功效建立在更可信的视觉基础上。整体详情页沉淀为可复用的模块化结构,便于不同产品线在上新和活动节点中快速延展。
PROJECT INFO 项目信息
TYPE
电商详情页系统
SCOPE
产品详情页 / 人像视觉 / 信息结构
ROLE
视觉规划 / 长图设计 / 信息整合
OUTPUT
产品详情页 / 转化模块 / 人像视觉素材
PROJECT OVERVIEW 项目概述
本项目围绕 FULFUR 多条产品线的电商详情页展开,重点处理功效型护肤产品在移动端长图中的信息转化问题。相比单张产品图,详情页需要在有限的滑动时间内完成“吸引注意—解释功效—建立信任—推动购买”的阅读路径,因此视觉不仅承担美化功能,也承担信息组织与转化引导功能。
项目中大量使用真实人像与肌肤局部影像,配合产品图、功效数据、成分机理、使用步骤和场景说明,建立更具真实感和可信度的产品叙事。通过统一版式节奏、信息模块和视觉语言,不同产品详情页在保持各自卖点差异的同时,也能延续品牌整体的专业感与年轻调性。
DESIGN STRATEGY 设计策略
设计策略以移动端扫读体验为核心,将详情页拆解为首屏吸引、功效解释、证据支撑、使用方法和信任补足几个模块。首屏通过人像与产品建立真实使用场景,中段用图表、成分说明、对比信息和局部肌理强化功效逻辑,尾段补充适用人群、使用步骤和注意事项,形成完整的购买决策链路。
视觉上延续 FULFUR 的绿白体系与实验室语汇,同时避免过度精修的人像表达,保留真实肌肤状态,使产品功效建立在更可信的视觉基础上。整体详情页沉淀为可复用的模块化结构,便于不同产品线在上新和活动节点中快速延展。
PROJECT INFO 项目信息
TYPE
电商详情页系统
SCOPE
产品详情页 / 人像视觉 / 信息结构
ROLE
视觉规划 / 长图设计 / 信息整合
OUTPUT
产品详情页 / 转化模块 / 人像视觉素材
PROJECT OVERVIEW 项目概述
本项目围绕 FULFUR 多条产品线的电商详情页展开,重点处理功效型护肤产品在移动端长图中的信息转化问题。相比单张产品图,详情页需要在有限的滑动时间内完成“吸引注意—解释功效—建立信任—推动购买”的阅读路径,因此视觉不仅承担美化功能,也承担信息组织与转化引导功能。
项目中大量使用真实人像与肌肤局部影像,配合产品图、功效数据、成分机理、使用步骤和场景说明,建立更具真实感和可信度的产品叙事。通过统一版式节奏、信息模块和视觉语言,不同产品详情页在保持各自卖点差异的同时,也能延续品牌整体的专业感与年轻调性。
DESIGN STRATEGY 设计策略
设计策略以移动端扫读体验为核心,将详情页拆解为首屏吸引、功效解释、证据支撑、使用方法和信任补足几个模块。首屏通过人像与产品建立真实使用场景,中段用图表、成分说明、对比信息和局部肌理强化功效逻辑,尾段补充适用人群、使用步骤和注意事项,形成完整的购买决策链路。
视觉上延续 FULFUR 的绿白体系与实验室语汇,同时避免过度精修的人像表达,保留真实肌肤状态,使产品功效建立在更可信的视觉基础上。整体详情页沉淀为可复用的模块化结构,便于不同产品线在上新和活动节点中快速延展。
PROJECT INFO 项目信息
TYPE
电商详情页系统
SCOPE
产品详情页 / 人像视觉 / 信息结构
ROLE
视觉规划 / 长图设计 / 信息整合
OUTPUT
产品详情页 / 转化模块 / 人像视觉素材



详情页迭代
详情页迭代


other works