AIGC如何应用到电商领域？京东618实战案例来了！

在 2024 年 618 项目中，3CDesign 深耕 AIGC 领域，把 AIGC 能力应用到整个项目创意设计中，不断创新优化会场、全场域视觉设计，同时 3CDesign 不断创新自研组件，致力于给用户带来更好的体验，打造 3C 数码品牌心智。

一、618 视觉创意-AIGC 技术实践

1. 前言：AI 对设计的影响

在中国电商设计领域，人工智能与图形计算（AIGC）技术的快速发展正深刻影响着行业的方方面面。AIGC 技术不仅改善了电商平台的用户体验和界面设计，还通过数据分析和个性化推荐系统提升了营销效率和销售转化率。通过京东 3C 618 促销项目，深入探讨了人工智能与图形计算（AIGC）技术在电商中的应用。

京东利用 AIGC 技术优化了促销活动的各个环节，例如通过个性化推荐系统提升用户体验，优化界面设计增加用户互动。通过实战案例，揭示 AIGC 技术在电商运营中的关键作用，为读者提供实用的经验和未来发展的展望。

2. AIGC 设计思路

① 思维导图

经过前期创意脑暴、实践、 以及结合往期 AIGC 项目案例，罗列出对应页面的场景，并使用 AIGC+PS 流程来实现。

② AIGC 工具调研+培训

我们对市面上常用的 AIGC 创作工具进行调研，粗略分为几类：生文类，如 GPT、文心一言；图生图类，如 Stable Diffusion、Midjourney、LibLib；图生视频类,如 Sora、Runway；生成原型图类，如 Galileo、墨刀。每种工具都有其擅长的领域和独特的费用与生成效果。

为了最终确定适合本项目的 AI 工具，我们成立了研究小组，进行分头调研和总结。最后，我们将为所有项目参与者提供统一的 AIGC 工具培训，以帮助大家全面了解和选择合适的工具。这将极大地促进项目的快速推进和高质量制作。

3. 618 项目背景

618 是京东店庆也是全年最重要的促销活动之一。通过站外媒介视觉统一规范指导，共同构建品牌整体氛围。以“品牌心智与声量-低价-服务”为营销主旋律，为用户带来全方位的品牌视觉体验。

同时，利用 AI 技术优化了电商平台的用户体验和界面设计，提升了营销效率和销售转化率，促进了产品的商业转化和品牌声量的提升。

4. 618 项目目标/策略

在 AI 时代，设计行业迎来了前所未有的发展机遇和挑战。3C 数码设计一直在探索当前设计对业务的价值，以及未来平台营销设计的各种可能性。2024 年京东 3C 数码 618 项目旨在通过 AI 技术提升画面质量和清晰表达文字信息，为消费者减轻视觉负担，使其能够清晰吸收重要信息。

本次活动将在集团统一视觉概念的指导下，紧扣 3C 数码产品的独特特性，实现事业部二级品类会场的个性化展示，传达品牌的价值主张，逐步树立京东 3C 数码在消费者心中的品牌形象。

3C 数码设计策略及创意符号落地推演

① 提升设计效率和质量

核心目标：主视觉氛围共建，打造集团整体大促氛围，给用户统一的强促销低价感知，突出京东周年庆回馈，打造低价策略与服务保障;

符号创意：今年集团 618 创意方案采用 3C 去年提出的“惊喜”符号的方案，旨在为消费者带来一系列令人惊喜的购物体验。3C 创意将会继承和升级集团方案，通过 AIGC 实现创意效果再升级。

同时通过 AIGC 技术将 618“惊喜”符号做创意拓展，以高品质视觉和生成式 AIGC 技术生成最优效果，在线上和线下场域进行统一心智传播，同时创造适应多种场景的创意画面。

AIGC 技术提质提效：整个 618 项目设计产出了 14 个核心会场和 1000+素材物料，3C 作为 AI 产品前沿部门将会把 AIGC 能力应用到整个项目创意设计和素材生成中。

② 618 AIGC 数字化资产

AIGC = 提升设计质量 + 提升设计效率

a. IP 形象资产数字化

b. AI 元素素材库：通过 AI 生产一批素材库，帮助素材快速合成和拉齐整体设计水准。所有设计师 100%使用 AIGC 技术，帮助我们提升项目整体效果和效率。

5. AIGC 协助下的大促营销活动会场

① 视觉创意 ：开门红→主推日→高潮期

6. AIGC 协助下的 3C 数码 618 品牌传播

为了确保在大促期间 3C 数码对外品牌传播的一致性，我们采取了一系列措施。

首先，我们对电器馆区氛围、各品类馆区氛围以及站外传播海报进行了统一的视觉设计和规范输出。其次，我们在设计过程中延续了 618“爆炸”创意符号，旨在实现线上、站内和站外视觉符号的统一。

设计过程中，在 AIGC 技术协助下，生成了多种不同质感的创意符号，这些符号可以根据不同的营销阶段灵活应用，从而有效地提升了设计效率和视觉丰富度。

二、618 项目用户体验

1. 会场组件（转化、体验提升）

在本次 618 前端团队提供超 50+的前端组件供业务选择使用，其中新开发的视频动态头图，适配性强，效果显著。招商组件小旋风、下拉二楼得到了营销及品牌方的广泛认可使用。一键领券、挽留弹窗、新品 Tab、场景大轮盘等通用性较强的组件的点击率也表现出色，为提高会场转化率提供了有力支持。

2. 618 串联导航 3C 设计团队自研

在各品类会场入口布局分散且层级较深的背景下，此产品工具加入同期上线的各子营销页面中（主会场、分会场、品类频道），达成“一次进场多处抵达”的营销互动体验原则，为用户浏览速率增效。

本次涵盖 3C 数码所有品类，包含抽奖互动、优惠券、品牌、直播、爆品、新品等模块，整合各种优质资源，实现各品类间流量引入和闭环，并提升各模块的点击转化率，同时成为各品类品牌的招商资源，打造特色专属 3C 的线上营销活动矩阵。

3. 3C 设计团队前端自研

在破价活动“疯狂星期一”线上活动页内新增抽盲盒领大奖互动组件，目标用户可以通过完成互动任务（扣“1”、分享、浏览商品/会场）获得更多抽奖资格，教育用户“扣 1”直达促销的心智，增加活动裂变次数，并通过周期性常态化活动奖励促进用户复访和转化。

三、AIGC 设计思考

1. AIGC 工具的协同使用：

经过近一年的团队探索，我们已经基本掌握了 AIGC 技术的基本原理。在本次 618 项目中，我们尝试了新的方向，即多种 AIGC 工具的协同使用，最终实现了项目创意的落地。通过结合不同的 AIGC 工具，我们能够创造出更丰富的设计作品，满足项目中不同的需求。

2. AIGC 在工作流程中的应用：

在本次 618 项目中，我们从前期的 AIGC 工具调研开始，然后对团队成员进行了新工具的培训，最后在项目中进行了落地使用。整个过程基本跑通了 AIGC 在工作流程中的应用方式，团队成员也在本次项目中积累了更多的实战经验。这些经验不仅有助于提高我们的工作效率，还能帮助我们更好地理解 AIGC 技术的优势和局限性。通过不断地实践和总结，我们可以更好地利用 AIGC 技术来提升设计的质量和效率。

3. AIGC 的未来展望：

随着 AI 技术为设计带来的便利性和挑战，我们所面对的设计流程和能力要求也在不断演变。我们将持续挖掘 AIGC 工具的潜力，不仅局限于传统的视觉表达，还将探索更多样化的视觉呈现方式，为用户提供更高质量的视觉和情感体验。这将推动设计行业的进一步发展，同时促进 AI 技术在设计领域的广泛应用。

我们相信，在不久的将来，AIGC 将成为设计师们不可或缺的得力助手，帮助他们创造出更加出色的作品。

3C Desgin 优秀设计狮小伙伴们，希望下一个 618 更加精彩~

欢迎关注「JellyDesign」的小程序：