2021-3-17 ui設計分享達人
QQ 購物號是專門為 QQ 用戶定制的購物平臺，2020 年隨著疫情過后，整體電商行業開始恢復階段，QQ 購物號計劃了今年雙 11 大促季活動，活動的業務目標是希望強化特殊樣式設計來促進購買轉化，驅動整體大盤消耗與效果提升。為此如何通過設計賦能業務，從而突破增長的瓶頸呢？
購物號是屬于 QQ 的訂閱號服務，整體的曝光位置并沒有很好，而且這次大促設計的落腳點只通過外層的樣式和推送頁面的廣告內容進行展示。
以及要如何去滿足不同電商廣告主的投放訴求，和不同素材規格的投放適配，這都是需要去考慮和解決的問題。
1. 通過品牌關鍵詞定義視覺情緒版
QQ 購物號用戶群主要還是 00 后為主，這些年輕群體的購物趨勢變化非?？欤瑢徝酪笠苍絹碓礁?！
所以前期思考了大量的關鍵分別為：活力/期待/年輕/狂歡/心動/發現/熱愛，最后確定以活力/熱愛為這次大促季的品牌關鍵詞
2. 不同時期變化
隨著大促運營節奏的慢慢展開，視覺側也需要考慮到相應的視覺變化去引導用戶的感官，避免用戶審美疲勞。
嘗試前期的預熱階段通過特殊視覺吸睛，第一眼先抓住用戶的眼球，進入狂歡階段，則可以利用動效加持來進一步吸引用戶。
1. 讓容器層面提升專屬感
通過多方案從常規到異形多結構卡片探索，這里為了避免品牌標識壓在廣告素材上會有遮擋問題，同時又要突出品牌標識。
所以前期預熱期選用卡片 F 更能強化品牌感，可以讓用戶更有代入感，當到了狂歡期選用卡片 G，通過擴大視覺著色區域，提升品牌專屬內容曝光優先級，增加用戶吸引力。
2. 利用情感化氛圍與用戶溝通
從前期的分析得出 QQ 購物的用戶群是非常年輕的 00 后，所以整體視覺上需要運用更具年輕和活力的情感化氛圍。
通過品牌字體上使用現代硬朗風格，巧妙的融入氣泡元素，提升大促氛圍，在傳播上結合 QQ 購物的品牌符號。
包括品牌頭像以及卡片的氛圍圖形也采用氣球泡泡，彰顯活力感。整體保持一致的視覺體驗。
對于整體色系上延續 QQ 購物的品牌基調，輕漸變暖紅色更能營造年輕、購物、活力的調性，讓用戶更有情感上的共鳴。
3. 通過動效不斷激發用戶的行動力
整體的動效節奏通過吸引-激發-共鳴-行動四重奏來進行，讓用戶更深刻去感知大促狂歡期的感知。
比如在外層入口上通過動態頭像來吸引用戶注意力，當用戶進入 QQ 購物號后，利用帶有大促品牌的禮包彩蛋來制造驚喜感，吸引用戶搶禮包。
再通過卡片若隱若現的動態圖形去烘托氛圍感達到用戶共鳴，以及行動按鈕的微動效觸發用戶行動。
4. 高效適配于不同規格廣告位
QQ 購物支持投放多種廣告位，因此定下整體視覺風格后，快速對不同規格廣告位進行適配復用。
廣告主提供不同素材規格均可適配投放，降低廣告主成本，也讓用戶達到視覺的統一體驗
經過這次官方活動大促的主視覺風格塑造，我們沉淀下來整套視覺框架結構。
通過制定設計規范可以讓廣告主自定義皮膚模版，以及分不同行業模版，比如拼多多五周年的定制模版以及在寒假期間推出的 K12 教育行業模版。
不僅降低廣告主制作成本，也通過更吸睛的皮膚模版提升促進購買轉化，驅動整體大盤消耗與效果提升！
本次活動的數據指標目標達成，整體的增長環比 19 年的雙 11 和今年的 618 均有了較大幅度的提升！
在設計策略與運營策略配合優化下，11.01-11.11 的廣告主整體預算消耗超出 4 千萬，完成預期超出 16%，也提升用戶的轉化率。
回顧整個雙 11 大促活動，我最大的感悟是要有全局觀！
前期基于對產品目標的了解，從更高的角度去理清產品思路定下設計策略，結合個人設計手法不斷的打磨細節。當然整個過程會碰撞出很多思考和糾結，需要不斷的實踐、驗證。
隨著廣告主對品效要求越來越高，未來電商的廣告形式也開始隨著精細化運營的方向發展，這些變化可能對商業化設計師來說，或許是一種挑戰和機遇
文章來源：優設網 作者：土撥鼠
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務