前言

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

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

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

定義設計目標

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

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

明確設計策略

1. 活動創意定義

尋找和制定一個合理全面的主視覺方案思路，是提高效率準確率的關鍵。經設計和業務團隊腦暴，我們梳理制定了四部曲：主題提煉，表現手法，識別度和主視覺。

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

2. 理性設計和創意

為避免用戶對本次活動設計產生視覺疲勞，我們在相應的細分會場進行了差異化設計。增強了設計形式的豐富性。從顏色、質感和動效等維度輸出符合了各個場景營銷調性的頁面視覺，給用戶明確的節奏和儀式感。

設計過程切入

1. 主會場設計（場景化設計特定）

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

另外特殊樓層的設計突出重點，整個頁面布局主次分明節奏有序，視覺體驗非常的舒適。

2. 細分會場設計（一）（紅包雨）

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

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

3. 細分會場設計（二）（抽盲盒）

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

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

4. 資源位展示區

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

項目總結

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

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

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

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

最后感謝項目所有參與者的辛苦付出～