項目復盤｜京東 618 電腦數(shù)碼設計指南（下）

電腦數(shù)碼設計組 618 項目落下帷幕，本次 618 項目在各品類設計師共同參與下，搭建 6 大品類會場以及線下會場，承接千萬級用戶流量，致力于讓進入會場的用戶有大促儀式感和流暢的購物體驗，助力業(yè)務側達成業(yè)績指標。

一、項目背景

2021 年 618，電腦數(shù)碼各品類分會場 ，承接各細分品類流量，集中展示各品類產(chǎn)品，吸引目標用戶點擊和轉化，助力達成業(yè)績指標。

二、設計策略

• 遵循集團氛圍共建的原則，在集團模版下搭建滿足各個品類調性的大促承接頁；

• 618 全時期時間線非常長，各個業(yè)務部按照營銷節(jié)奏大致分為預熱期-主推期-高潮期-返場期等，設計側制定對應的設計計劃，從顏色/質感/動效等維度輸出符合營銷節(jié)奏的頁面視覺，給用戶明確的節(jié)奏和儀式感；

  
  

• 理性設計和創(chuàng)新；

  
  

三、項目實施

[DIY 會場]

與游戲 IP【英雄聯(lián)盟】聯(lián)合營銷，挖掘游戲用戶需求，突出品類調性，同時讓 DIY 會場在整個 618 品類會場視覺上形成差異化。

在三方溝通會議中我們了解到，IP 方希望突出 MSI 賽事，而不是英雄，在我們篩選的眾多游戲元素中，獎杯脫穎而出。但是同時，IP 方品控非常嚴苛，獎杯不允許有任何細微的遮擋，所以我們只能將獎杯放置在宇宙圈外，為了弱化獎杯的突兀感，讓畫面更和諧有趣，我們給獎杯增加了上下浮動的動態(tài)效果。對于畫面中產(chǎn)品的處理，我們遵守 “原則上不允許非贊助品牌與 IP 同時進行關聯(lián)展示” 的規(guī)則，僅增加了一個能體現(xiàn) DIY 的品類調性，又沒有過強的品牌特性的主板產(chǎn)品，同時其他的招商品牌商品通過產(chǎn)品BI的形式展現(xiàn)。

[智能數(shù)碼會場]

在與營銷策劃多次碰撞之后，提煉出科技感/視覺沖擊力/主推產(chǎn)品露出等關鍵詞，經(jīng)過多版本的視覺推導，最終在賽博朋克風格上達成一致；同時了解到業(yè)務側營銷節(jié)奏非常快，除主會場外的細分會場非常多，品牌品類日更有新的玩法-品牌包場；多種業(yè)務訴求非常考驗頭圖視覺的包容和延展性，以及頭圖主視覺與特殊樓層的可延續(xù)性。

智能數(shù)碼預熱期頭圖塑造的賽博朋克風格下的場景，是一座擁有先進的科學技術，和豐富的視覺沖擊效果的數(shù)字城市，街頭的霓虹燈、街排標志性廣告以及高樓建筑，搭配黑、紫、綠、藍、和紅色，氛圍感很強。城市中央，智能數(shù)碼的產(chǎn)品以全息投影的形式BI展示，是整個畫面的焦點和亮點。

智能數(shù)碼品牌品類日，場景由預熱期的遠景拉近到太空艙內，通過鏡頭角度的變化讓用戶產(chǎn)生失重感，增加虛擬感受；C 位延續(xù)預熱期會場的頭圖產(chǎn)品 BI 展示，通過太空艙內的電子屏幕給品牌最大的露出權益；智能數(shù)碼品類知名品牌很多，小品牌也很多，兩級分化較大，可以通過大品牌對用戶心智的影響，拉升整體品類品質升級。

關于定制化需求，業(yè)務側訴求是儀式感，突出產(chǎn)品的大促信息，充分體現(xiàn)定制化產(chǎn)品價值；設計側給出的解決方案是完全定制化樓層，突出品牌和主推產(chǎn)品，同時設置自定義單品坑樣式，利用價格曲線的形式突出產(chǎn)品價格優(yōu)勢。定制化樓層在數(shù)據(jù)表現(xiàn)上非常優(yōu)秀，也得到了品牌方和業(yè)務側的認可。

[POP 會場]

POP 618 大促的預熱期會場，用到了場景化營銷的玩法；按照細分人群定制了 8 個營銷場景，打通內部品類流量，圈定細分人群每日主推一個特殊場景樓層。

解讀業(yè)務側的需求，設計同學用人物 IP 的形式表達了不同人群在特定場景下的特點，提煉 IP 元素的服裝/動作等，使其具有人群和場景的代表性；通過對電腦數(shù)碼產(chǎn)品的視覺包裝，突出產(chǎn)品外觀和賣點，吸引用戶停留和點擊。預熱期會場的各項數(shù)據(jù)向好，尤其是頁面點擊率表現(xiàn)非常優(yōu)秀。

高潮期會場在頁面風格上和前面的預熱期/主推期形成明顯的差異；618 營銷活動從 5 月 24-6 月 20 日，持續(xù)時間非常長，電腦數(shù)碼全品類通用一套模版，差異性不大，為了讓 POP 高潮期的會場區(qū)別于其他品類會場，設計側大膽的使用了時下比較火的 “微酸”  設計風格，以頭圖圓環(huán)的玻璃材質和銀色金屬為基調進行整體的風格延展，旋轉的視覺動效增加頁面的趣味，同時對 “火力全開” 進行字體圖形化設計，突出主題。

[整機會場]

整機業(yè)務在這次 618 的預熱期，用到品牌招商的營銷玩法，設計側為了給品牌方最大的露出，將頭圖權益釋放給了品牌方。同時為了保持設計的一致性，設計側基于集團模版的標準輸出了一套適用于商家的設計規(guī)范，對視覺進行審核和把控。在頁面樓層設計上，借鑒了時下比較流行的年輕元素，整體偏輕質感，頁面顏色鮮亮跳躍，整體的風格輕松歡快，得到業(yè)務側同學的認可。

[辦公網(wǎng)絡會場]

辦公網(wǎng)絡業(yè)務一共有 3 個大促承接會場，這三會場既互相打通，又各自獨立，所以設計側需要考慮差異性和統(tǒng)一性；三個會場分別用三種配色做區(qū)分，在頁面版塊上做統(tǒng)一。三個會場按照品類屬性的不同，選擇具有代表性的產(chǎn)品體現(xiàn)品類調性，在產(chǎn)品的選擇上，角度/顏色/光源等都是需要考慮的因素，通過添加環(huán)境色/提亮高光等設計手法，讓產(chǎn)品表現(xiàn)的更立體/和諧和充滿質感。關于樓層的設計，沿用了頭圖上的宇宙圈等元素，保持上下視覺的連貫和統(tǒng)一，特殊樓層的設計突出重點，整個頁面布局主次分明節(jié)奏有序，視覺體驗非常的舒適。

[文儀會場]

文儀會場包含的品類非常多，業(yè)務側要求在頭圖上盡量多的展示品類范疇，設計側改變以往通過堆品體現(xiàn)品類調性的方式，突破固化思維，把兩個人群場景集中在一個頁面內展示。通過場景化設計（游戲場景-鼠標、鍵盤；文藝風場景-畫具、畫材），給用戶更加直觀的品類感知，同時突出招商產(chǎn)品， 給品牌足夠的曝光，也讓用戶有代入感。

四、項目總結

2021 年 618，電腦數(shù)碼 6 大品類線上會場，以及全渠道業(yè)務部的線下會場，在長達一個月的營銷節(jié)奏中，承接了千萬量級的用戶流量；品類設計師和線下設計師同學，致力于讓進入會場的用戶有大促儀式感和流暢的購物體驗，通過新穎的視覺和無干擾的交互，讓用戶留下來，滑下去，吸引點擊，促成購買；致力于幫助業(yè)務側突出營銷信息，強調產(chǎn)品賣點，達成業(yè)務指標。

但是同時，我們也有待改進之處，用數(shù)據(jù)反推設計，讓設計更有價值；以及通過模版的沉淀和工具的使用達到降本增效的目的，都是我們在以后的設計工作中要需要考慮和解決的難題。

我們的小伙伴會共同努力，為提供給用戶更好的購物體驗，為給業(yè)務帶來更大的助力，不斷探索新的可能。流年笑擲，未來可期，加油~

?? 我們一起聊設計 ???♂?

微信行業(yè)交流群

期待與更多優(yōu)秀設計師一起成長

??

PS：歡迎大家關注三分設，每天早上9點，準時充電。分享優(yōu)質設計、創(chuàng)意靈感、新知新識，定期大咖老師直播分享，零距離連麥，答疑解惑。 添加小小蟲微信號【 Lil_Bug 】，備注【 三分設 】加入！（只面向星標了公眾號三分設的粉絲）

?? 星標公眾號方法

點開下方公眾號 ??  點擊右上角【...】 ??   設為星標