全栈工程师?
嗯.....目前并不是!

38女神節活動設計復盤

本文根據3月8日黃金紅包女神節運營的設計產出,復盤過程中的設計工作策略,將設計思考與經驗進行整理,便於後續類似項目的工作優化與設計思考參照。

一、前言

在商業化工作中,執行崗位有時會面臨的一種無法避免的情況就是突發需求,在接到突發需求的時候,需要設計師快速找到設計方向並快速產出,在保證設計質量的同時也助力項目按時上線做到共贏。

女神節運營需求提出后,考慮預留時間,討論最優的解決方案是做換膚形式的運營,希望用最小的時間成本,通過視覺效果做一次節日氛圍的活躍。

二、設計提案

由於“女神節”是一次換膚形式的運營設計,需要設計師主動挖掘需求,快速的和需求方共同確定設計方案,在這種非常開放的環境下,採取差異化設計提案的策略,快速產出兩版反差比較明顯的視覺效果,這樣方便項目團隊在風格探討的階段快速將設計風格確定下來,這個步驟相當於把大家從茫茫沙漠裡帶到一個路口,接下來走哪條路,左邊還是右邊,會很明確。

2.1 方案一

從需求上看,38女神節的設計性向很明確,從用戶生活場景上看,3.8當天的慣例,女性無論是在工作場所還是私人生活中常會收到鮮花,花草主題的設計風格是能夠滿足女神節要表現的情感交流與女性性向,所以用紅白玫瑰的素材快速輸出一版視覺效果,花朵角度偏平,模仿擺拍效果,傾向乾淨雅緻。

【敏捷設計】節日活動設計之38女神節

2.2 方案二

2.2.2 尋求方向

在出完模擬實物擺拍效果的方案一后,繼續思考設計風格的另一種可能,前面的方案1風格偏實物,調性偏安靜,所以在思考方案2的時候需要做出一些差異化。

從女性群體的興趣點來看,美妝穿搭這些時尚類的方向非常受關注,美妝博主時尚博主這類網紅引領的網紅時代風頭正盛,分析后敲定時尚這個方向來進行方案二的風格設計。

但時尚這個方向也還是比較寬泛的,時尚可以很highfashion很冷淡,可以假裝慵懶隨性,也可以陽光活潑,於是在時尚的選擇上需要考慮到項目需求的訴求,我們的用戶環境具有多元性,要考慮普世性的時尚方向,所以降低一些“high”,多一些“朝氣”,調整一下,把年輕時尚作為更加明確的設計方向,同時區別於偏向安靜氣質的方案一做出一些動感。

2.2.3 靜態設計

確定方向後,風格探索的範圍就聚焦很多。

風格

年輕的時尚的方向下,我選擇了偏向於流行藝術的圖形元素色塊化的設計形式,隨着藝術與設計的發展,孟菲斯派的風格越來越多的運用到與女性強關聯的電商設計上。

但孟菲斯派的圖形元素,形狀過於規矩氣質有些堅硬,缺少了一些隨性與女性特有的柔軟,所以在孟菲斯派的圖形色塊的設計風格上我做了一些變通,將嚴謹的幾何形狀替換為不規則的圖形作為主要圖形運用在設計中,圖形全部取自與女性與情感相關的元素-嘴唇、捲髮、高跟鞋、愛心,這些圖形是與現實中女性特徵高度鏡像的。

【敏捷設計】節日活動設計之38女神節

另外,還是保留了一些孟菲斯派的解構與幾何的設計概念,使用女性面部解構后常出現的幾何圖形-圓形、折角波浪,用這些來做微妙的的抽象化圖形點綴。

【敏捷設計】節日活動設計之38女神節

色彩

我們都知道字體有性別,配色也有性別,方案2的色彩呈現莫蘭迪色系的粉色調,相信關注時尚的女生也一定不會對近幾年越來越流行的冰晶粉、枯玫瑰、霧霾藍、豆沙綠這些名字感到陌生,這些莫蘭迪色系的顏色從時裝到彩妝,從大牌到淘寶,火的一塌糊塗。

【敏捷設計】節日活動設計之38女神節

所以,配色上適當降低飽和度和純度,選擇中短調的色彩構成,大面積的中性色,配合小面積的冷色與變化豐富的色彩搭配,中短調的配色會給人含蓄的感覺,體現女性的溫柔甜美與溫暖美好的祝福。

【敏捷設計】節日活動設計之38女神節

最終,方案2的靜態效果如下:

【敏捷設計】節日活動設計之38女神節

2.2.3 增加動畫

設計出多樣化的靜態頁面方案后,為了能夠從設計師的角度多做一些事情,於是做了微動畫的嘗試,因為人類的視覺反饋是有規律的,注意力的順序會按照:運動物體-大塊圖形-複雜小圖形及文字,這樣的規律遞減,加入適當的動畫效果,可以起到積極調動用戶觀感的效果。

但給方案一做的動畫效果反倒是減分的,動畫效果普通沒有新意,所以動畫也不是萬能的,如果效果不夠優秀還不如不加。

方案2的動畫效果從過程到結果都是比較順利的,因為前期靜態設計的過程中也對整體思路更加清晰明確一些,在做設計的時候我腦子裡會常聯繫到一些流行語,做愛心圖形的時候不自覺的浮現出“確認過眼神,是心動的感覺”這句話,於是做動畫的時候首先從粉色愛心着手做了一個愛心跳動的效果。

做完后考量到這個動畫效果比較搶眼,如果頁面其他部分靜止會覺得有一些孤立突兀,於是給其他圖形加了一些少量像素的位移,讓整體氛圍更加融洽。

【敏捷設計】節日活動設計之38女神節

三、方案確定

當兩個動畫方案也提出來的時候,項目內大家意見迅速達成一致,全票贊成更加年輕動感的色塊方案,因為對比之下,各個方案的特色也會更加突出,年輕時尚的更年輕時尚,素雅的更素雅,動畫效果也能讓其他項目成員清楚地看到兩種方案的增效空間。

【敏捷設計】節日活動設計之38女神節

這種多元化提案也防止需求方看到單個方案后提出“這個活潑的方案可不可以再多一點雅緻的氣質”、“這個雅緻的設計里能不能讓這些元素全都給我動起來”這樣讓設計師抓不着頭髮的意見。

3.1 提案頁優化

確定方案后,首先在提案頁面的設計上進行審視與調整,比如愛心的形狀雖然要做比較自由不對稱的風格,但錨點和弧度也需要被調整的更加舒服才方便後面的延展,但我把精力更多一些放在動畫的斟酌上,提案中的動畫效果有些過於複雜和細緻,過於複雜的風險就是容易讓用戶看不懂和感覺到累,於是愛心跳動的動畫做了一點減法,最終動畫更加流暢和明確。

【敏捷設計】節日活動設計之38女神節

3.2 統一性的設計延展

另外根據流程頁面的差異性做了設計變量進行延展,每個頁面都有自己的特殊性,既要保證延展的統一性又要考慮運營設計疊加的合理性。

【敏捷設計】節日活動設計之38女神節

四、設計反饋

4.1 數據

日均活躍人數:較活動前一日增長12倍;

日購買克數:相較活動前一日增長13倍;

拉新效果:活動當天新增用戶增長16倍;

與春節相比較,女神節的單個紅包額度更大。

4.2 輿評

【敏捷設計】節日活動設計之38女神節

4.3 反推到業務團隊的思考

需求方復盤郵件提出-換膚活動將開發成固定產品功能,持續用於以後的運營活動 ;

視覺效果得到認可后,Ft反推,提出建議-後續運營需求合理規劃。

4.4 設計共鳴

3.8當天Apple store首頁的設計風格和此次女神節運營設計風格有異曲同工之妙,也側面驗證了此次活動設計的設計思考與工作策略一系列結果的合理性。

【敏捷設計】節日活動設計之38女神節

五、有策略地做設計

突發需求是執行崗位工作中不可避免的,但只要規劃好工作流程,有策略地應對,有思考的去設計,也可以在有限的時間裡大家一起做有意義的事。

 

作者:ambersong,公眾號:騰訊FiTdesign(ID:FiTdesign2017)

本文來源於人人都是產品經理合作媒體@ 騰訊FITdesign,作者@ ambersong

題圖來自Unsplash,基於CC0協議

版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《38女神節活動設計復盤》
文章链接:https://www.pmbear.com/38%e5%a5%b3%e7%a5%9e%e7%af%80%e6%b4%bb%e5%8b%95%e8%a8%ad%e8%a8%88%e5%be%a9%e7%9b%a4/
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

大前端WP主题 更专业 更方便

联系我们联系我们