HT23速卖通视觉项目 cover

HT23速卖通视觉项目

围绕 QCY T13 Pro 的 AliExpress 上新需求,建立从多色产品图、长详情页、平台 Banner 到日常主图的完整视觉系统,重点呈现 -50dB ANC、Multiple ANC Modes、13mm PET Diaphragm、47H 续航、0.045s 低延迟、IPX4 防水和 4 色 SKU。

商详系统卖点转译AliExpress 详情页ANC 耳机视觉系统多色 SKU 适配

Project Overview

项目背景

HT23 / QCY T13 Pro 是一款面向大众通勤与日常使用场景的 ANC 真无线耳机。项目需要在速卖通平台上线阶段,建立产品系列感、核心卖点识别等内容,让用户快速理解多色选择、降噪、音质、续航、低延迟和防水等购买决策信息。

本案例聚焦 AliExpress 长详情页、主图和 Banner 的新品上线视觉内容整理,展示如何把多色 SKU 与高密度功能卖点组织为清晰、可浏览、可延展的商品页结构。

My Role

我的职责

我负责将 QCY T13 Pro 的多色 SKU、-50dB ANC、Multiple ANC Modes、13mm PET Diaphragm、47H 续航、0.045s 低延迟、IPX4 防水和日常使用场景,整理为适合 AliExpress 上线使用的视觉内容系统。

在执行中,我围绕长详情页、主图、横版 Banner 和竖版 Banner 建立统一的信息层级与视觉语言,让多色产品图、降噪场景、音质功能和多尺寸入口保持一致表达。

Challenge

项目挑战

01

ANC 耳机卖点多,容易变成普通参数列表

-50dB ANC、Multiple ANC Modes、13mm PET Diaphragm、47H 续航、Bluetooth 6.0、0.045s Low-Latency、IPX4 等信息需要重新分组,避免详情页只是堆叠参数。

02

多色 SKU 需要先建立系列感

白、黑、浅蓝、深蓝 4 个颜色版本需要在首屏、Banner 和产品图中形成统一阵列,既展示选择感,又不能削弱核心功能表达。

03

降噪能力需要场景化表达

单独呈现 -50dB 数字会增加理解成本,需要通过人物佩戴、声波、气流线、模式图标和通勤、室内、户外、防风等场景承接 ANC 卖点。

04

长详情页需要保持清爽但信息完整

该产品偏大众消费电子,页面需要在轻盈、亲和的视觉风格中承载降噪、音质、续航、低延迟、防水和多色版本,避免信息过密或促销感过强。

Visual Strategy

视觉策略

01

以浅色科技感建立大众 ANC 耳机调性

使用白色、浅蓝、柔和渐变和橙色强调信息,区别于游戏耳机的暗色强冲击,更贴近日常通勤、生活使用和轻量消费电子场景。

02

用多色产品矩阵强化上新完整度

首屏和 Banner 同时呈现 4 个颜色版本,先建立产品系列感和选择感,再通过后续功能模块解释核心性能。

03

将 ANC 从参数转化为体验场景

通过人物佩戴、声波、环境图标和 -50dB 数字组合,说明降噪适用于不同日常环境,而不是单一技术参数。

04

用模块化结构承载多卖点

将降噪、音质、通话、续航、防水、低延迟拆分为独立模块,保持每个版块只表达一个主要购买判断点。

05

保持多尺寸物料一致

横版 Banner、竖版 Banner、日常主图和详情页统一使用浅蓝背景、多色产品图、橙色功能点和清晰标题层级,保证 AliExpress 不同入口的视觉连贯。

Showcase

作品展示

QCY T13 Pro AliExpress 横版 Banner
横版 Banner / 核心视觉1920×900,用于 AliExpress 桌面端产品入口和主视觉展示,统一多色产品阵列、核心卖点和浅色科技调性。

Main Images

主图轮播

QCY T13 Pro AliExpress 竖版 Banner
竖版 Banner750×960,用于移动端入口和活动延展展示。
QCY T13 Pro AliExpress 长详情页切片 01QCY T13 Pro AliExpress 长详情页切片 02QCY T13 Pro AliExpress 长详情页切片 03QCY T13 Pro AliExpress 长详情页切片 04QCY T13 Pro AliExpress 长详情页切片 05QCY T13 Pro AliExpress 长详情页切片 06QCY T13 Pro AliExpress 长详情页切片 07QCY T13 Pro AliExpress 长详情页切片 08
AliExpress 完整长详情页完整详情页展示,用于呈现产品定位、多色 SKU、ANC、音质、续航、低延迟、防水、佩戴和规格信息。

Outcome

交付内容 / 项目总结

AliExpress 长详情页

用于完整承载多色 SKU、-50dB ANC、Multiple ANC Modes、13mm 单元、47H 续航、低延迟、防水、使用场景和产品信息。

AliExpress 日常主图

用于 Listing 与核心卖点快速展示,突出产品外观、多色版本、降噪、音质、续航和低延迟信息。

Banner 视觉延展

用于桌面端、移动端和活动入口露出,保持浅蓝背景、多色产品图、橙色功能点和清晰标题层级的一致性。

Project Summary

HT23 AliExpress 案例围绕 QCY T13 Pro 的新品上线需求,建立从多色产品图、长详情页、平台 Banner 到日常主图的视觉系统。项目将 -50dB ANC、Multiple ANC Modes、13mm PET Diaphragm、47H 续航、0.045s 低延迟、IPX4 防水和 4 色 SKU 拆分为清晰模块,通过浅色科技感、多色产品矩阵、场景化降噪表达和统一多尺寸延展,完成新品上线视觉内容交付。