推薦閱讀

3CDesign 設(shè)計(jì)團(tuán)隊(duì)服務(wù)于京東零售 3C 數(shù)碼范圍內(nèi)的設(shè)計(jì)項(xiàng)目。重點(diǎn)關(guān)注京東 6.18、京東 11.11、京東電器營(yíng)銷品類相關(guān)全案項(xiàng)目設(shè)計(jì)、通訊、電腦數(shù)碼、配件業(yè)務(wù)、京東電競(jìng)等。團(tuán)隊(duì)會(huì)針對(duì)用戶體驗(yàn)、營(yíng)銷、交互、品牌、研究、前端代碼設(shè)計(jì)等層面服務(wù) 3C 數(shù)碼事業(yè)群。從創(chuàng)意到商業(yè)化價(jià)值的轉(zhuǎn)化，再?gòu)臄?shù)據(jù)理性分析并驅(qū)動(dòng)，最終形成商業(yè)設(shè)計(jì)賦能于業(yè)務(wù)幫助業(yè)務(wù)增長(zhǎng)。同時(shí)團(tuán)隊(duì)是個(gè)關(guān)注設(shè)計(jì)商業(yè)化、設(shè)計(jì)價(jià)值領(lǐng)域的所有項(xiàng)目的創(chuàng)新設(shè)計(jì)。

一、項(xiàng)目背景

1. 背景介紹

2024 京東 3C 數(shù)碼年貨節(jié)項(xiàng)目，旨在通過富有創(chuàng)意的場(chǎng)景化布局為消費(fèi)者呈現(xiàn)一個(gè)新年購(gòu)物盛宴。本次活動(dòng)將在集團(tuán)統(tǒng)一的視覺概念指導(dǎo)下，緊扣 3C 數(shù)碼產(chǎn)品的獨(dú)特特性，實(shí)現(xiàn)事業(yè)部及二/三級(jí)品類會(huì)場(chǎng)的個(gè)性化展示，同時(shí)突出各品類的獨(dú)特魅力。通過這種方式，我們不僅能夠傳達(dá)品牌的價(jià)值主張，還將逐步樹立京東 3C 數(shù)碼在消費(fèi)者心中的品牌形象。

2. 核心目標(biāo)與設(shè)計(jì)思路融合

①節(jié)日氛圍與互動(dòng)性：通過利用IP Joy的視角和結(jié)合龍年元素，打造獨(dú)特的“3C數(shù)碼年貨大集”，旨在增強(qiáng)用戶互動(dòng)性，讓用戶在享受傳統(tǒng)節(jié)日氣氛的同時(shí)，發(fā)現(xiàn)并購(gòu)買到優(yōu)質(zhì)的3C數(shù)碼產(chǎn)品。

②低價(jià)策略與消費(fèi)者價(jià)值：緊扣消費(fèi)者對(duì)低價(jià)和性價(jià)比的追求，通過精選推介性價(jià)比高的商品，不僅滿足消費(fèi)者的節(jié)日購(gòu)物需求，也鞏固了京東作為優(yōu)質(zhì)低價(jià)商品首選平臺(tái)的形象。

③商業(yè)價(jià)值與品牌建設(shè)：本次年貨節(jié)通過提升用戶體驗(yàn)和加強(qiáng)產(chǎn)品市場(chǎng)轉(zhuǎn)化效率，助力3C數(shù)碼品牌在多個(gè)渠道的廣泛傳播，旨在提高京東3C數(shù)碼的品牌知名度和用戶忠誠(chéng)度。

④技術(shù)應(yīng)用與創(chuàng)意邊界：借助AIGC技術(shù)，對(duì)場(chǎng)景氛圍和產(chǎn)品質(zhì)感進(jìn)行深度渲染，拓展創(chuàng)意邊界，快速產(chǎn)出具有3C數(shù)碼品類特色的高質(zhì)量創(chuàng)意畫面，提升整體活動(dòng)的質(zhì)效。

3. AI 助力營(yíng)銷創(chuàng)意

AIGC 技術(shù)的快速發(fā)展，特別是 Midjourney 和 Stable Diffusion 等 AI 生成圖像工具的出現(xiàn)，已經(jīng)在創(chuàng)意和設(shè)計(jì)領(lǐng)域引起了廣泛關(guān)注，顯著提高了設(shè)計(jì)效率。利用 AI 技術(shù)不僅可以幫助實(shí)現(xiàn)商業(yè)目標(biāo)，還能通過提升效率、基于數(shù)據(jù)的設(shè)計(jì)決策以及將人類創(chuàng)意與 AI 技術(shù)結(jié)合等方式，推進(jìn)設(shè)計(jì)創(chuàng)新。這些思路對(duì)于設(shè)計(jì)師來說，是理解和應(yīng)用 AI 設(shè)計(jì)技術(shù)、推動(dòng)電商設(shè)計(jì)行業(yè)發(fā)展的關(guān)鍵。

二、視覺創(chuàng)意-AIGC

1. 年貨節(jié) KV 視覺創(chuàng)意

①視覺創(chuàng)意 ：AI 助力大促會(huì)場(chǎng)風(fēng)格統(tǒng)一

3C 數(shù)碼在大促會(huì)場(chǎng)設(shè)計(jì)中，通過 AI 訓(xùn)練更準(zhǔn)確的風(fēng)格模型，提高 3C 數(shù)碼各品類活動(dòng)會(huì)場(chǎng)的風(fēng)格一致性。在畫面視覺元素結(jié)構(gòu)上，整體由“中國(guó)風(fēng)建筑”+ “龍?jiān)亍?+ “戰(zhàn)鼓” + “JOY+產(chǎn)品”四大部分構(gòu)成，同時(shí)突出在建筑上結(jié)合各品類屬性。

2. “年貨市集”城市地圖創(chuàng)意體驗(yàn)

核心目標(biāo)：通過打造一個(gè)虛擬的 3C 數(shù)碼年貨市集，我們旨在重現(xiàn)逛街般的購(gòu)物體驗(yàn)。在此市集中，用戶可通過點(diǎn)擊直達(dá)各大品牌專場(chǎng)的鏈接，便捷地瀏覽和選購(gòu)心儀產(chǎn)品，這不僅為品牌帶來了流量，也為它們提供了更多的展示機(jī)會(huì)。通過此類合作，我們期望實(shí)現(xiàn)資源共享，增加市場(chǎng)份額，同時(shí)贏得消費(fèi)者的喜愛和支持。

3C 數(shù)碼年貨大集 -- 年貨品類城 AI 創(chuàng)意

①AIGC 視覺創(chuàng)意：

為實(shí)現(xiàn)各品類城市館區(qū)的視覺統(tǒng)一性與規(guī)范化，我們采用 AI 技術(shù)標(biāo)準(zhǔn)化了視角、視覺風(fēng)格關(guān)鍵詞、材質(zhì)與元素、環(huán)境色彩及畫面提升關(guān)鍵詞等關(guān)鍵視覺信息，并借鑒“游樂場(chǎng)”、“城市”和“山川”等風(fēng)格案例指導(dǎo)視覺輸出。整體設(shè)計(jì)緊扣新年主題，融合中國(guó)風(fēng)建筑、春節(jié)元素及招商產(chǎn)品，不僅統(tǒng)一了視覺風(fēng)格，還通過放大產(chǎn)品展示區(qū)域，優(yōu)化了產(chǎn)品曝光效果。利用 MJ、SD 和 PS 工具塑造品類城市建筑，我們旨在突出京東 3C 數(shù)碼產(chǎn)品的特性，提升品牌營(yíng)銷認(rèn)知度。

年貨節(jié)各品類城市館區(qū)展示

②年貨市集“逛”體驗(yàn)

交互體驗(yàn)路徑:

此次大地圖以豎版滑動(dòng)形式呈現(xiàn)，優(yōu)化了用戶操作體驗(yàn)，提高了視角的沉浸感。我們新增了招商入口，凸顯品牌信息，增強(qiáng)用戶互動(dòng)，通過引入互動(dòng)游戲和 IP 跟隨效果豐富地圖內(nèi)容，提升互動(dòng)趣味性。視覺設(shè)計(jì)結(jié)合中國(guó)風(fēng)建筑和產(chǎn)品，加入煙花動(dòng)效，營(yíng)造濃厚的新年氛圍。

龍年IP互動(dòng)：

通過 3C 數(shù)碼 IP Joy 的視角，我們?cè)O(shè)計(jì)了一個(gè)引人入勝的導(dǎo)覽體驗(yàn)，讓用戶在各個(gè)品類館區(qū)之間自由穿梭。這種獨(dú)特的視角不僅讓用戶能更深入地“逛起來”，感受到各品類館區(qū)的豐富多樣，同時(shí)也大大增加了整個(gè)瀏覽過程的趣味性。通過這樣的互動(dòng)設(shè)計(jì)，我們希望能夠吸引用戶更多地探索和發(fā)現(xiàn)，從而加深他們對(duì)品牌和產(chǎn)品的印象，提升整個(gè)購(gòu)物體驗(yàn)的愉悅度和滿意度。

紅包福利：

通過巧妙設(shè)計(jì)的頁(yè)面滑動(dòng)機(jī)制，我們?cè)O(shè)置了一個(gè)特色功能：當(dāng)用戶在頁(yè)面上滑動(dòng)瀏覽時(shí)，我們的3C數(shù)碼IP將伴隨其移動(dòng)，并在特定時(shí)刻觸發(fā)紅包獎(jiǎng)勵(lì)。這種互動(dòng)方式不僅增加了頁(yè)面的趣味性，還有效提升了用戶的參與度。通過這樣的設(shè)計(jì)，我們旨在激發(fā)用戶的好奇心和探索欲，鼓勵(lì)他們更加積極地與頁(yè)面內(nèi)容互動(dòng)。隨著用戶參與度的提升，我們期待進(jìn)一步增強(qiáng)用戶對(duì)品牌的忠誠(chéng)度和粘性，從而在長(zhǎng)期內(nèi)構(gòu)建起更穩(wěn)固的用戶群體。

AI提效-前端開發(fā)：

在前端開發(fā)過程中，采用 joycoder 輔助工具來提高需求解析的準(zhǔn)確性和代碼質(zhì)量，通過邏輯校驗(yàn)和錯(cuò)誤糾正功能，顯著提升了代碼運(yùn)行的穩(wěn)定性和開發(fā)效率。設(shè)計(jì)方面，我們利用 AI 技術(shù)自動(dòng)化創(chuàng)建所有小島風(fēng)格的元素，并在 Photoshop 中與產(chǎn)品細(xì)節(jié)進(jìn)行融合，既保持了風(fēng)格的一致性，又極大地加快了設(shè)計(jì)流程。

“3C 數(shù)碼年貨大集”城市地圖 整體互動(dòng)體驗(yàn)展示

「下篇預(yù)告」：AIGC 設(shè)計(jì)下的 3C 數(shù)碼年貨節(jié)探秘「下篇」

下篇我們將深度探索 AIGC 在 3C 數(shù)碼年貨節(jié)中實(shí)際應(yīng)用，AIGC 如何提升營(yíng)銷設(shè)計(jì)質(zhì)量效率并帶來更好的商業(yè)價(jià)值，同時(shí)未來的 AIGC，我們應(yīng)如何抓住趨勢(shì)，更好的通過新技術(shù)促進(jìn)大促電商設(shè)計(jì)變革。

歡迎關(guān)注「JellyDesign」的小程序：