前言

今年夏日的黏膩感和悶熱感令許多消費(fèi)者本能的逃避家務(wù)勞動，選擇“花錢買便利”。瞄準(zhǔn)用戶需求，58 同城到家精選暑期大促活動如約而至，本次活動為 2021 年度業(yè)務(wù)側(cè)最大力度活動。并提出了“夏日家務(wù)節(jié)，一起偷懶吧”的活動主題。

此次活動利用線上多流量矩陣+自身業(yè)務(wù)利益點(diǎn)+多種活動玩法，無論是業(yè)務(wù)還是設(shè)計(jì)，都打破了以往固化思維，推新、推品質(zhì)感、推年輕化。發(fā)揮能動性進(jìn)行創(chuàng)意設(shè)計(jì)，在交互設(shè)計(jì)、視覺表達(dá)、組件搭建等方面都有了很大的突破，讓進(jìn)入會場的用戶有大促意識感和流暢的購買服務(wù)體驗(yàn)，實(shí)現(xiàn)個性化表達(dá)和資源投入的平衡，形成新的設(shè)計(jì)思維模式。

另外本次設(shè)計(jì)中還使用了大量的動態(tài)效果，動效使我們能夠清楚地呈現(xiàn)微交互，注入愉悅感，并在設(shè)計(jì)中創(chuàng)造微妙的示能，同時也更容易吸引眼球。

定義設(shè)計(jì)目標(biāo)

今年 58 到家精選年中大促項(xiàng)目，在會場流量劃分上，分營銷主會場+兩大細(xì)分會場（紅包雨、抽盲盒），并在 58 主站和小程序同時上線，全方位覆蓋到家服務(wù)用戶人群。主會場分預(yù)熱期（補(bǔ)貼發(fā)放）、爆發(fā)期（多重玩法及賣點(diǎn)）和返場期（再享優(yōu)惠）三個階段，每個階段都有不同的營銷賣點(diǎn)和活動玩法，環(huán)環(huán)相扣，步步促進(jìn)，給用戶不一樣的服務(wù)體驗(yàn)。

本次項(xiàng)目，在營銷層面，通過多方位觸點(diǎn)引流，讓用戶進(jìn)入主會場，并通過多種營銷賣點(diǎn)和活動玩法，激發(fā)用戶興趣，最終達(dá)到給用戶場景代入感，刺激下單的目的。在設(shè)計(jì)層面，首先實(shí)現(xiàn)營銷方向的推新、品質(zhì)感及年輕化；其次營造出貼近用戶場景的夏日清涼感以及促銷活動的大促氛圍感；第三突破以往設(shè)計(jì)形式，做風(fēng)格差異化設(shè)計(jì)。

明確設(shè)計(jì)策略

1. 活動創(chuàng)意定義

尋找和制定一個合理全面的主視覺方案思路，是提高效率準(zhǔn)確率的關(guān)鍵。經(jīng)設(shè)計(jì)和業(yè)務(wù)團(tuán)隊(duì)腦暴，我們梳理制定了四部曲：主題提煉，表現(xiàn)手法，識別度和主視覺。

最終綜合業(yè)務(wù)及運(yùn)營訴求，將設(shè)計(jì)概念定義為“夏日家庭偷懶計(jì)劃”。并發(fā)散了“場景感”“清涼感”“年輕化”“沖擊力”等關(guān)鍵詞。設(shè)計(jì)手法決定采用手繪場景與真實(shí)人物相結(jié)合的風(fēng)格形式，打出差異化。主視覺確認(rèn)后，我們會在大類頁皮膚、主頁面開屏、彈窗等位置延展主視覺的風(fēng)格，保持設(shè)計(jì)統(tǒng)一性，激發(fā)用戶對本次大促活動的感知。

2. 理性設(shè)計(jì)和創(chuàng)意

為避免用戶對本次活動設(shè)計(jì)產(chǎn)生視覺疲勞，我們在相應(yīng)的細(xì)分會場進(jìn)行了差異化設(shè)計(jì)。增強(qiáng)了設(shè)計(jì)形式的豐富性。從顏色、質(zhì)感和動效等維度輸出符合了各個場景營銷調(diào)性的頁面視覺，給用戶明確的節(jié)奏和儀式感。

設(shè)計(jì)過程切入

1. 主會場設(shè)計(jì)（場景化設(shè)計(jì)特定）

主會場畫面以場景化設(shè)計(jì)為聚焦點(diǎn)，采用手繪場景與真實(shí)人物相結(jié)合的風(fēng)格形式。畫面以家為載體，選取了窗前內(nèi)屋平視角度，顏色以清爽的藍(lán)綠色為主，畫面元素通過風(fēng)扇、西瓜、沙發(fā)及樹葉等元素的融入，再加上浪花水珠的點(diǎn)綴，體現(xiàn)主題“夏日家庭偷懶計(jì)劃”。場景畫面中心是一對歡快的保潔人物形象，體現(xiàn)業(yè)務(wù)核心屬性。另外業(yè)務(wù)側(cè)要求主視覺能有促銷氛圍的元素，所以在字體設(shè)計(jì)上，采用了與場景顏色互補(bǔ)的橙黃色系，周圍添加了紅包與金幣等促銷元素，體現(xiàn)出活動促銷感。整個畫面色彩高飽和度，信息分級明顯，整體視覺給用戶傳達(dá)出極強(qiáng)的場景代入感。關(guān)于樓層的設(shè)計(jì)，沿用了頭圖上的浪花水珠等元素，保持上下視覺的連貫和統(tǒng)一。

另外特殊樓層的設(shè)計(jì)突出重點(diǎn)，整個頁面布局主次分明節(jié)奏有序，視覺體驗(yàn)非常的舒適。

2. 細(xì)分會場設(shè)計(jì)（一）（紅包雨）

紅包雨活動會場是在爆發(fā)期的時候進(jìn)行，目的是與用戶增加互動，提升用戶的留存率。整個視覺突破了以往常見紅包的設(shè)計(jì)形式。為打破常規(guī)，讓整個畫面更具有沖擊力，我們做了以下幾點(diǎn)：首先從文案出發(fā)，“千萬紅包雨”一定要體現(xiàn)數(shù)量的“多”，所以設(shè)計(jì)了無數(shù)的紅包，逐層往外飛濺的即視感；其次在字體處理上，也設(shè)計(jì)為從內(nèi)而外沖出來的感覺；最后在色彩搭配上，為與主視覺“清涼感”相呼應(yīng)，背景也選用了綠色系，并添加光影使畫面的細(xì)節(jié)更加豐富，更有質(zhì)感。

另外在本次紅包雨活動的設(shè)計(jì)中，運(yùn)用了多種動態(tài)效果。主視覺按鈕呼吸動態(tài)，刺激用戶的點(diǎn)擊欲望。倒計(jì)時“3”“2”“1”的動態(tài)呈現(xiàn)，增強(qiáng)用戶參與的緊迫感和期待感。而最后紅包雨從天而下的動效，會讓用戶會想起“切水果”的游戲，用戶自然會不自覺的參與其中。

3. 細(xì)分會場設(shè)計(jì)（二）（抽盲盒）

抽盲盒活動會場也是在爆發(fā)期和返場期的時候進(jìn)行，目的是增加端內(nèi)活動趣味性，給用戶更好更豐富的活動體驗(yàn)。那本次盲盒的主視覺采用了盲盒機(jī)的一個展現(xiàn)形式，玩法比較新穎，背景采用的是夏日沙灘戶外場景。整個視覺與“玩”這個概念緊密結(jié)合，氛圍感更加濃烈。頭部主打 1 元保潔，所以運(yùn)用了到家精選的保潔阿姨形象和保潔工具。因?yàn)檫@次的獎品相對來說比較貴重，所以中間把整個獎品放大展示，對用戶產(chǎn)生吸引力，刺激用戶玩游戲。整體畫面偏輕質(zhì)感，頁面顏色鮮亮跳躍，整體的風(fēng)格輕松歡快。

另外抽盲盒的部分也采用了動態(tài)按鈕的展現(xiàn)形式，為了畫面更加活潑，按鈕的動效是錯落開的，三個按鈕錯落彈跳，讓畫面更活潑靈動，有一種盲盒在迫不及待想讓用戶快點(diǎn)開我的緊迫感，從而促進(jìn)點(diǎn)擊，增強(qiáng)用戶參與感。

4. 資源位展示區(qū)

為了給本次大促活動有更多的曝光，在大類頁、58 首頁、品類頁等位置，做了響應(yīng)的資源位設(shè)計(jì)內(nèi)容，并都延展了主 kv 的風(fēng)格樣式，在保持了設(shè)計(jì)一致性和統(tǒng)一性的同時，也讓用戶深深體驗(yàn)到了夏季大促的清涼感和促銷感。整個設(shè)計(jì)節(jié)奏有序，視覺體驗(yàn)非常舒適。而動態(tài)效果的加入，促進(jìn)了整個活動的靈動性和趣味性。

項(xiàng)目總結(jié)

今年 58 到家精選暑期大促首次打破傳統(tǒng)單一運(yùn)營形式，將不同運(yùn)營維度和多種活動玩法相結(jié)合，通過新穎的視覺和無干擾的交互，給用戶呈現(xiàn)出優(yōu)質(zhì)流暢、完成沉浸式的購買服務(wù)體驗(yàn)。

整個活動項(xiàng)目從前期腦暴到過程執(zhí)行到項(xiàng)目上線，最后項(xiàng)目經(jīng)驗(yàn)復(fù)盤，從中我們收獲非常多思維方法和寶貴經(jīng)驗(yàn)，為以后系列項(xiàng)目設(shè)計(jì)活動的打造奠定了基礎(chǔ)。過程中遇到的困難挫折和最終的解決策略，都為以后提高設(shè)計(jì)容錯率，提升溝通及設(shè)計(jì)效率，提供了經(jīng)驗(yàn)方法。

但是同時，也有不足之處，如果在現(xiàn)有的基礎(chǔ)上能夠定義出一個視覺符號，然后貫徹到各個模塊端口，給用戶展現(xiàn)的視覺亮點(diǎn)又回提升了很多光彩。其次模版復(fù)用上還需要后續(xù)工作中不斷積累，以此來提高設(shè)計(jì)效率。

接下來，我們?nèi)M的小伙伴會共同努力，為提供給用戶更好的購買服務(wù)體驗(yàn)，為給業(yè)務(wù)帶來更大的助力，不斷探索新的可能。流年笑擲，未來可期，加油~

最后感謝項(xiàng)目所有參與者的辛苦付出～