如何用AIGC加速设计?来看京东3C数码年货节设计复盘(下)

推荐阅读

一、 项目背景

1. 背景介绍

2024 京东 3C 数码年货节项目,旨在通过富有创意的场景化布局为消费者呈现一个新年购物盛宴。本次活动将在集团统一的视觉概念指导下,紧扣 3C 数码产品的独特特性,实现事业部及二/三级品类会场的个性化展示,同时突出各品类的独特魅力。通过这种方式,我们不仅能够传达品牌的价值主张,还将逐步树立京东 3C 数码在消费者心中的品牌形象。

如何用AIGC加速设计?来看京东3C数码年货节设计复盘(下)

2. 上篇回顾

上篇我们讲述了 AIGC 如何助力 3C 数码年货节视觉创意、“年货市集”城市地图创意以及 3C 数码龙年 IP 形象打造过程和如何融入“3C 数码年货市集”,为用户带来全新的购物体验。

二、3C 数码年货节会场设计

1.「年货节」预热期视觉设计

如何用AIGC加速设计?来看京东3C数码年货节设计复盘(下)

2.「年货节」高潮期视觉升级

相比预热期,①红色氛围:将背景调整为红色系渐变,修改预热期冷色背景;②烟花氛围: 在画面中强调增加烟花氛围,多使用黄色系突出氛围;③祥云氛围:在腰封上方增加祥云元素,提升氛围感;

如何用AIGC加速设计?来看京东3C数码年货节设计复盘(下)

3. 各品类主会场楼层设计展示

如何用AIGC加速设计?来看京东3C数码年货节设计复盘(下)

如何用AIGC加速设计?来看京东3C数码年货节设计复盘(下)

4. 提升设计效率 -- 搭建 AI 素材库

核心目的:为提升设计效率与创新力,同时丰富设计资源库以便素材的二次利用,我们旨在提高团队的整体工作效率和产出质量。在年货节期间,为满足不同业务需求,我们通过 AIGC 技术,创造了三种不同风格的素材库:3D 版、插画版和龙年传统纹样版。这些丰富多样的设计素材不仅能够提升画面效果,也使 3C 品类产品的视觉表现更加多元化,适用于各种品类的视觉场景。

如何用AIGC加速设计?来看京东3C数码年货节设计复盘(下)

建立素材库优势:

  1. 提供快速访问和检索功能,便于找到并灵活应用适合的风格元素。
  2. 实现自动化优化与定制,通过智能推荐提升设计效率。
  3. 采用统一的素材管理和质量控制机制,确保工作效率和设计一致性。
  4. 通过提前储备 AI 生成的素材元素,有效应对突发的营销设计需求。

三、年货节 3C 数码电器馆区氛围升级

1. 3C 数码电器馆区

提升除夕春晚节日氛围推出除夕特别版,包括红包雨分时预热、新春祝福视频等,以增强年货大促氛围。

如何用AIGC加速设计?来看京东3C数码年货节设计复盘(下)

2. 年货节馆区氛围改造:

如何用AIGC加速设计?来看京东3C数码年货节设计复盘(下)

四、用户体验洞察

1. 组件框架与价值主张:

为增强营销活动的互动性和趣味性,我们设计了三款互动小游戏,提升用户参与度。同时,我们明确划分了功能区,包括品牌、单品和会场入口,以及新增的直播区域,为业务团队提供更多招商机会。此外,我们精炼了单品和品牌的核心信息,并引入了 3C 数码直播间入口,旨在丰富用户的选择渠道,提高点击率和转化率,有效聚合并分发 3C 数码会场的流量。

①头脑风暴:

如何用AIGC加速设计?来看京东3C数码年货节设计复盘(下)

②年货节串联导航视觉创意:

a. 初阶版(V1):福签喜乐——在活动预热阶段,推出抽签互动游戏,顺应过年吉祥如意的传统习俗,吸引用户参与,为接下来的销售高峰做好铺垫。

b. 进阶版(V2):翻牌探宝——通过页面顶部的互动模块与页面底部针对各品类会场、爆款商品和品牌进行的流量集中与引导,以提高用户的浏览效率和加速购买决策过程。

c. 高阶版:“许愿弹幕”——在新年期间,引入许愿弹幕的互动形式,激发用户在浏览过程中的情感参与,增加互动乐趣。

如何用AIGC加速设计?来看京东3C数码年货节设计复盘(下)

③趋势分析:

a. 功能层面,通过引入产品维度及突出爆款商品,显著增强了对用户点击的吸引力。

b. 在视觉设计上,通过简化色彩和装饰元素,聚焦于主题文案的突出表达,简洁而直接;同时融入微动效,以提升用户点击的兴趣。

如何用AIGC加速设计?来看京东3C数码年货节设计复盘(下)

2. 会场组件(转化、体验提升)

如何用AIGC加速设计?来看京东3C数码年货节设计复盘(下)

五、3C 数码年货节品牌传播

1. 海报设计:

在年货节期间,我们创作了包含横版与竖版的线下 KV 海报,以“3C 数码龙年 IP 与单品展示”为视觉焦点,明确展示了商品利益点、名称及价格。背景设计融入新年纹样,增强节日感。

2. 主图设计:

本次年货节推出了“常规版、joy 版本、春节配送、元宵节”共四种主图设计,后三者在常规设计的基础上进行了主题扩展。首次尝试全覆盖设计风格,以增强节日气氛。参考集团模板,采用红金色系突出节日气氛与产品质感,同时融入“福”字、灯笼、烟花、祥云等新春元素,回应节日主题。

如何用AIGC加速设计?来看京东3C数码年货节设计复盘(下)

六、总结与心得

1. AIGC 在工作流中的应用:

借助 AIGC 技术,本次 3C 数码年货节的视觉设计达到了前所未有的统一性和丰富性,同时在效率和质量上也实现了显著提升。

  1. AIGC 与 3C 数码产品的融合:通过 AIGC 技术,创造了大量 3D 效果和概念化的 3C 数码产品内容,突出了 3C 数码的品类风格。
  2. AIGC 加强视觉创意:利用 AIGC,我们设计了各种中国风建筑的“3C 数码年货大集”城市地图,为各个会场打造了具有新年氛围的场景化设计,进一步统一了视觉风格,并提升了画面的丰富度和质感。
  3. AIGC 提高前端开发效率:应用 joycoder 工具在前端开发中帮助需求分析、代码逻辑校验和错误修正,提升了开发效率和代码质量。

2. AIGC 的未来展望:

随着 AI 技术为设计带来的便利性和挑战,我们面对的设计流程和能力要求也在不断演变。我们将持续挖掘 AIGC 工具的潜力,不仅限于传统的视觉表达,而是探索更多样化的视觉呈现方式,旨在为用户提供更高质量的视觉和情感体验。

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

如何用AIGC加速设计?来看京东3C数码年货节设计复盘(下)

收藏 16
点赞 49

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。