如何用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數碼年貨節設計復盤(上)

收藏 99
點贊 56

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。