雖然1111結(jié)束有一些時間了，眼看1212也來了，不過這會可能還有些瘋狂的小伙伴在等待雙11的包裹吧！

從2009年開始，雙11不僅僅是光棍節(jié)，更是一次全民脫光的購物狂歡節(jié)，大家都為了參與這一年一度的狂歡摩拳擦掌， 為了迎接雙11的到來，阿里媽媽也準(zhǔn)備了一次相關(guān)的活動來回饋廣大的商家與消費者。

1?活動主題

阿里媽媽雙11項目的第一個重要環(huán)節(jié)，就是活動主題的確定，為此，項目組做了多次的頭腦風(fēng)暴，希望可以得到一個“驚天地·泣鬼神”，過目不忘，一語中的，流芳百世的好主題。最后，得出以下幾個方案:

經(jīng)過一番討論后， 最終定下了”物價變回十年前”這個主題。其實關(guān)于物價的這個活動已有4年的歷程，從2011年的”物價回到十年前”到12年13年的”物價再回十年前”再到現(xiàn)在的”物價變回十年前”，所以在策劃給出這個主題的時候，我們視覺就抗議了（這個主題都做了4年啦，都要做吐了，balabala…），最后的最后，策劃們覺得這個主題在商家或者消費者心里多多少少已經(jīng)留下一點印象了，在雙11這樣一個特殊時期，大環(huán)境，氣氛和場景下，主標(biāo)題最好簡單直接明了，讓消費者一下就能接收到這是一個大型多品類折扣促銷活動，因此還是選擇延續(xù)活動的歷史。

2?活動節(jié)奏

活動從11月1日開始到11月12日結(jié)束，一共分為3個階段，同時隨著移動設(shè)配使用人群的日益增多，本次雙11物價活動將會新增無線營銷會場。

2.1 預(yù)熱期：11.1-11.10

主標(biāo)題：物價變回十年前

副標(biāo)題：顫抖吧物價

根據(jù)前期不斷的方案溝通和初步demo的確認(rèn)，對頁面的架構(gòu)有了整體的了解，并針對各個部分不同的特點進(jìn)行了進(jìn)一步的提煉和重構(gòu)。

整個活動過程中互動游戲是必不可少的關(guān)鍵點，它將娛樂性和利益點做結(jié)合，必定能大大提升用戶對活動的關(guān)注度，因此在強調(diào)主題同時要突出互動游戲，基于推廣設(shè)計”第一屏“原則（第一屏必須出現(xiàn)重要信息，即能讓用戶產(chǎn)生行動力可點的東西），游戲應(yīng)當(dāng)處于視覺第二焦點位置，同時為了不影響海景房的樓層位置，最終敲定只放置游戲按鈕，采用點擊后幕布下拉的展現(xiàn)形式，突出實用性，即用戶在第一時間點就能看見最重要的三個點：活動主題文案、有獎互動游戲、最熱單品以刺激用戶點擊和停留時間。

那么問題來了，內(nèi)容確定風(fēng)格該如何下手？先從主題文案入手，看到主題文案（物價變回十年前）最直觀且立馬羅列出來的關(guān)鍵詞，不外乎于”時光機“”時鐘“”物價下跌曲線”之類的圖形等等，創(chuàng)意過于重復(fù)性以上關(guān)鍵詞統(tǒng)統(tǒng)被推翻。那么還能做什么樣的新創(chuàng)意呢？既然從文案表面的聯(lián)想都被推翻了，那我們就試著從另一個關(guān)鍵點游戲來找突破口。

整理出設(shè)計概念后，接下來就要搜集大富翁棋盤相關(guān)的圖片，根據(jù)搜集到的圖片設(shè)計版頭形式，以此為中心將各部分內(nèi)容串聯(lián)起來。

最后預(yù)熱期的版頭最終選定在視覺稿1的基礎(chǔ)上優(yōu)化，所以設(shè)計師們不管改幾稿，稿稿都要記得存啊，誰知道最后活下來的會是誰呢？。另外為了更加突出冠名商分會場和互動游戲按鈕，這2個入口都增加了動態(tài)效果。（關(guān)于互動游戲的設(shè)計可以看一下?http://mux.alimama.com/posts/1356）

海景房&普通區(qū)

這2塊區(qū)域都是呈現(xiàn)商家的海報圖，區(qū)別在于展現(xiàn)位置和尺寸的大小，海景房的位置在第二屏，尺寸相對更大一些（聽名字就不一樣）展現(xiàn)更優(yōu)質(zhì)的品牌。普通區(qū)針對類目做了不同色系，突出差異性。

每個坑位跳轉(zhuǎn)到商家的店鋪承接頁。因為商家數(shù)量龐大，逐一作圖顯然行不通，所以為了達(dá)到視覺上的統(tǒng)一，我們需要做出對應(yīng)區(qū)域的模板，然后針對模板制訂詳細(xì)的規(guī)范提供給商家，以保證最終線上圖片的質(zhì)量。

招商結(jié)束，整理樓層過程中發(fā)現(xiàn)商家數(shù)量不一致會有部分空缺出現(xiàn)，為了合理利用空間并保證頁面整體的美觀性，在各個樓層空余的位置隨機插入樓層跳轉(zhuǎn)圖，最大化的為各樓層引流。

2.2 爆發(fā)期：11.11

主標(biāo)題：物價變回十年前

副標(biāo)題：愛就要放肆，欲無需節(jié)制（不能用折扣信息，好桑心~~）

1111當(dāng)天以賣貨為主，除去了互動游戲部分，頁面基本結(jié)構(gòu)不變，相對預(yù)熱期來說以熱鬧為主，提升銷售氣氛，在版頭跟整體配色上都做了相應(yīng)的調(diào)整。帶有模特的圖更能勾起消費者購買欲，所以11號當(dāng)天的版頭就根據(jù)文案“愛就要放肆，欲無需節(jié)制”選擇了與之匹配的男女模特，加上周圍散布的產(chǎn)品來營造當(dāng)日購物的感覺。

2.3 延續(xù)期：11.12

主標(biāo)題：狂歡繼續(xù)

副標(biāo)題：物價變回十年前

頁面結(jié)構(gòu)同1111當(dāng)天頁面，強調(diào)最后一天，hold住雙十一余熱，突出狂歡，因此這天的頁面用了大量紅色，選擇了動作表情都很歡樂的模特，營造出一種夜晚燈光熠熠，繼續(xù)在購物中狂歡喜悅的氛圍。

2.4 無線會場

無線會場跟pc一樣也分為3個階段，版頭設(shè)計風(fēng)格延續(xù)PC，同時針對移動端的瀏覽特點做了部分交互上的改變，布局上也做出相應(yīng)的調(diào)整。其中海景房采用首屏展現(xiàn)自動輪播形式，當(dāng)然也能配合手勢左右滑動。

版式變得更加簡潔，突出海景房，提升點擊率。針對商家較多情況，每個坑位也都是隨機展示給用戶。

3 合作溝通

感謝交互同學(xué)給到的無線會場交互稿以及在設(shè)計過程中給予的指導(dǎo)幫助。

感謝前端同學(xué)為了讓活動完美呈現(xiàn)，對頁面效果及細(xì)節(jié)進(jìn)行的反復(fù)調(diào)試與修正。

4 反饋

2014年的物價活動線上表現(xiàn)較往年有所提升，區(qū)別于往年有三個突破口

5 可優(yōu)化點

由于項目時間緊張，同時這類節(jié)點活動商家又比較多，活動頁面形式相對還是比較傳統(tǒng)，之后此類活動在設(shè)計上可以做一些突破，尤其像預(yù)熱頁表現(xiàn)形式可以更加活潑，與互動游戲的聯(lián)系也可以更加緊密，增加可玩性，力求玩得開心，買得盡興。

via：阿里媽媽MUX