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

推荐阅读

3CDesign 设计团队服务于京东零售 3C 数码范围内的设计项目。重点关注京东 6.18、京东 11.11、京东电器营销品类相关全案项目设计、通讯、电脑数码、配件业务、京东电竞等。团队会针对用户体验、营销、交互、品牌、研究、前端代码设计等层面服务 3C 数码事业群。从创意到商业化价值的转化,再从数据理性分析并驱动,最终形成商业设计赋能于业务帮助业务增长。同时团队是个关注设计商业化、设计价值领域的所有项目的创新设计。

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

一、项目背景

1. 背景介绍

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

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

2. 核心目标与设计思路融合

①节日氛围与互动性:通过利用IP Joy的视角和结合龙年元素,打造独特的“3C数码年货大集”,旨在增强用户互动性,让用户在享受传统节日气氛的同时,发现并购买到优质的3C数码产品。

②低价策略与消费者价值:紧扣消费者对低价和性价比的追求,通过精选推介性价比高的商品,不仅满足消费者的节日购物需求,也巩固了京东作为优质低价商品首选平台的形象。

③商业价值与品牌建设:本次年货节通过提升用户体验和加强产品市场转化效率,助力3C数码品牌在多个渠道的广泛传播,旨在提高京东3C数码的品牌知名度和用户忠诚度。

④技术应用与创意边界:借助AIGC技术,对场景氛围和产品质感进行深度渲染,拓展创意边界,快速产出具有3C数码品类特色的高质量创意画面,提升整体活动的质效。

3. AI 助力营销创意

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

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

AIGC 技术的快速发展,特别是 Midjourney 和 Stable Diffusion 等 AI 生成图像工具的出现,已经在创意和设计领域引起了广泛关注,显著提高了设计效率。利用 AI 技术不仅可以帮助实现商业目标,还能通过提升效率、基于数据的设计决策以及将人类创意与 AI 技术结合等方式,推进设计创新。这些思路对于设计师来说,是理解和应用 AI 设计技术、推动电商设计行业发展的关键。

二、视觉创意-AIGC

1. 年货节 KV 视觉创意

视觉创意 :AI 助力大促会场风格统一

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

3C 数码在大促会场设计中,通过 AI 训练更准确的风格模型,提高 3C 数码各品类活动会场的风格一致性。在画面视觉元素结构上,整体由“中国风建筑”+ “龙元素” + “战鼓” + “JOY+产品”四大部分构成,同时突出在建筑上结合各品类属性。

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

2. “年货市集”城市地图创意体验

核心目标:通过打造一个虚拟的 3C 数码年货市集,我们旨在重现逛街般的购物体验。在此市集中,用户可通过点击直达各大品牌专场的链接,便捷地浏览和选购心仪产品,这不仅为品牌带来了流量,也为它们提供了更多的展示机会。通过此类合作,我们期望实现资源共享,增加市场份额,同时赢得消费者的喜爱和支持。

3C 数码年货大集 -- 年货品类城 AI 创意

①AIGC 视觉创意:

为实现各品类城市馆区的视觉统一性与规范化,我们采用 AI 技术标准化了视角、视觉风格关键词、材质与元素、环境色彩及画面提升关键词等关键视觉信息,并借鉴“游乐场”、“城市”和“山川”等风格案例指导视觉输出。整体设计紧扣新年主题,融合中国风建筑、春节元素及招商产品,不仅统一了视觉风格,还通过放大产品展示区域,优化了产品曝光效果。利用 MJ、SD 和 PS 工具塑造品类城市建筑,我们旨在突出京东 3C 数码产品的特性,提升品牌营销认知度。

年货节各品类城市馆区展示

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

②年货市集“逛”体验

交互体验路径:

此次大地图以竖版滑动形式呈现,优化了用户操作体验,提高了视角的沉浸感。我们新增了招商入口,凸显品牌信息,增强用户互动,通过引入互动游戏和 IP 跟随效果丰富地图内容,提升互动趣味性。视觉设计结合中国风建筑和产品,加入烟花动效,营造浓厚的新年氛围。

龙年IP互动:

通过 3C 数码 IP Joy 的视角,我们设计了一个引人入胜的导览体验,让用户在各个品类馆区之间自由穿梭。这种独特的视角不仅让用户能更深入地“逛起来”,感受到各品类馆区的丰富多样,同时也大大增加了整个浏览过程的趣味性。通过这样的互动设计,我们希望能够吸引用户更多地探索和发现,从而加深他们对品牌和产品的印象,提升整个购物体验的愉悦度和满意度。

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

红包福利:

通过巧妙设计的页面滑动机制,我们设置了一个特色功能:当用户在页面上滑动浏览时,我们的3C数码IP将伴随其移动,并在特定时刻触发红包奖励。这种互动方式不仅增加了页面的趣味性,还有效提升了用户的参与度。通过这样的设计,我们旨在激发用户的好奇心和探索欲,鼓励他们更加积极地与页面内容互动。随着用户参与度的提升,我们期待进一步增强用户对品牌的忠诚度和粘性,从而在长期内构建起更稳固的用户群体。

AI提效-前端开发:

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

在前端开发过程中,采用 joycoder 辅助工具来提高需求解析的准确性和代码质量,通过逻辑校验和错误纠正功能,显著提升了代码运行的稳定性和开发效率。设计方面,我们利用 AI 技术自动化创建所有小岛风格的元素,并在 Photoshop 中与产品细节进行融合,既保持了风格的一致性,又极大地加快了设计流程。

“3C 数码年货大集”城市地图 整体互动体验展示

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

「下篇预告」:AIGC 设计下的 3C 数码年货节探秘「下篇」

下篇我们将深度探索 AIGC 在 3C 数码年货节中实际应用,AIGC 如何提升营销设计质量效率并带来更好的商业价值,同时未来的 AIGC,我们应如何抓住趋势,更好的通过新技术促进大促电商设计变革。

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

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

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

收藏 72
点赞 56

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