電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

2.14情人節(jié)馬上要到了,估計很多店鋪或平臺都已經(jīng)在準備情人節(jié)相關的活動了(或者有些手快的活動頁面在年前都已經(jīng)做完了吧),那么今天我就帶大家一起看看,究竟情人節(jié)頁面設計可以有哪些玩法以及怎么玩吧。

歡迎關注@TTTing1?的微信公眾號「做設計的面條」,一個干貨與文筆俱佳的美女設計師。

Let's Go!!~

首先呢,電商設計很多時候都是為運營目的服務的,所以要想做好電商設計,就先要弄懂運營方向和活動目的,因為活動定位決定文案設定,而文案設定決定設計方向。

很多人做設計不知道從哪里入手,根本原因就在于沒有弄明白這個道理,如果說設計是果的話,那么前期的活動定位和文案設定就是因,先有因才有果,而不是反過來瞎搞,所以接下來我將從以下3個方向來給大家講解情人節(jié)頁面可以怎么玩:

1、活動定位
2、文案設定
3、設計方向

1、活動定位

我們做各種運營活動,其實最終目的要么是為了賣貨,要么就是為了更好的賣貨,而任何一個活動都不可能滿足所有人群的喜好,所以最好是能事先選定好某一類人群定位,才有可能精準地找到那些愿意買單的人,從而提高轉化率。

那么我們可以從哪幾個方向來確定定位方向呢,以情人節(jié)活動為例,我們一起來看看下:

從戀愛傾向的角度:有同性戀/異性戀/雙性戀/獨身主義。

雖然我個人對所有的戀情都持可以理解的態(tài)度,但是我們平時看到的活動最常見的依然還是針對的是異性戀(一些小眾的電商品牌或者產(chǎn)品可能會把人群定位為非異性戀的對象)。

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

從年齡角度:小年輕愛戀/中老年人的愛戀/老年人愛戀。

不同的年齡階段使用的商品是存在差異的,所以雖然都是情人節(jié),都是賣貨,卻也要分是什么年齡階段的人過的情人節(jié),比如小年輕的愛戀或瘋狂或文藝或內斂,但是中年人的戀愛往往更穩(wěn)重更強調品質感等,而老年人之間的愛戀更樸實/溫馨/或令人動容等。

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

從消費力的角度:樸實的/平價的/高貴的/奢華的。

人群的消費能力決定了他們喜歡什么樣的商品,決定了他們對什么樣的設計風格更感興趣:

比如是熱鬧低價促銷的設計風格往往比較適用于經(jīng)濟比較拮據(jù)的人或喜歡節(jié)儉持家的一類人;

文藝小清新的設計風格比較適用于追求一定的生活品質但是消費能力也不是太高的年輕人;

奢華高貴的設計風格比較適用于雖然沒什么消費力但虛榮心強或者有高品質生活追求的人以及經(jīng)濟實力確實豐厚的一類人。

不過我看了很多案例發(fā)現(xiàn),現(xiàn)在的情人節(jié)頁面普遍還是為年輕群體設計的,比如搜索一下花瓣,搜索關鍵詞情人節(jié):

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

可能你會覺得沒什么特色。。于是我又去pinterest翻了一下國外的情人節(jié)頁面都是這么設計的,發(fā)現(xiàn),還是他們的設計基本以簡潔小清新居多,也是相對比較偏向年輕群體:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

不過雖然都是針對年輕人群體,但可能是淘寶錢多資源多各方面都比較有條件的緣故,玩的花樣也會多一些,下面這個應該是2015年的情人節(jié)海報。

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

從情感的角度:悲情的/平淡的/甜蜜的/熱烈的/溫馨的/感動的。

感情有很多種,但不同的情感痛點能打動的人是不一樣的,一般來說我們總是更愿意為那些能打動人的瞬間買單,比如當我們對愛人感到愧疚時,希望愛人幸福時,或者自身感到痛苦需要發(fā)泄時,往往會比內心平靜時,更有買買買的欲望,這也是為什么各種節(jié)日或廣告都喜歡打情感牌的原因了。

比如我之前給京東拍的一套攝影照片,就是悲情路線,打情感牌:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

△ 你是我以后的生活

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

△ 每天和你說早安

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

△ 對不起寶貝,又惹你生氣了

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

△ 我要嫁人了,我們分手吧

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

△ 你說過,不喜歡屋里有煙味

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

△ 愛讓我們更有勇氣

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

△ 我們有屬于自己的浪漫啊

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

△ 讓我嫁給你吧

人的戀愛狀態(tài)角度:戀愛中/異地戀/單身狗中/暗戀中/失戀中/已婚未育/已婚已育等。

針對不同的戀愛狀態(tài)人群,玩法也是不一樣的,比如:

我們的運營方向可以是針對處于幸福的戀愛中的人:

那么我們就要想,這些人在這一天可能是要出去約會的,那么這就涉及到該怎么打扮,該送什么禮物,該選什么約會場地等等方面的問題了,這個活動就可以起到一個幫忙出謀劃策的角色,從而達到賣貨的目的。

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

我們的運營方向可以是秀幸福或虐狗式的:

那么我們就要想,單身狗在情人節(jié)這一天會有什么心理呢?其實大多數(shù)或多或少應該是有一點仇視或羨慕那些戀愛中的人的吧,而活動的任務在于,它往往會通過放大他們的這種情緒或者替他們說出自己想說但不敢說的想法的方式,去鼓勵他們通過購買東西來發(fā)泄這種不滿的情緒,再或者讓他們意識到之所以自己還單身就是因為不會打扮不美讀書少之類的,從而激發(fā)他們改變自己的欲望,達到賣貨的目的。

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

我們的運營方向如果是想將這兩類人群都一網(wǎng)打盡,同時又想走趣味非浪漫路線的話:

可以整個單身狗和情侶PK之類的活動,跟前面的道理是一樣的,你要讓別人買單,就要想方設法給ta們制造理由啊,比如單身狗更應該對自己好一點,所以買買買啦,再或者是雖然你現(xiàn)在不是單身狗,但是以防以后變成單身狗,所以還是買買買讓自己變得更好,或者多寵愛另一半所以買買買討好他吧。

不過這種玩法也要看品牌的氣質了,惡搞不一定適合每一個品牌或品類,比如衛(wèi)龍辣條這么玩,就感覺毫無違和感嘛,因為你們懂的~~

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

其他的我就不多說啦,道理都是類似的。

2、文案設定

根據(jù)以上活動定為方向的不同,所以我們的文案也會有所差異,下面我給大家例句一些文案方向:

貼合產(chǎn)品路線的文案,比如:

  • 給你甜秘密
  • 讓愛有聲意更深
  • 享瘦在一起
  • 聞香識愛
  • 為愛吃狂
  • 花點時間制造浪漫
  • 甜過初戀

低價促銷路線的文案,比如:

  • 約惠2017
  • 浪漫不打折
  • 情人節(jié),價給你

打情感牌路線的文案,比如:

  • 再不告白就老了
  • 愛你一生一世
  • 愿得一人心,白首不相離
  • 特別的愛獻給特別的你
  • 陪伴,是最甜蜜的告白
  • 愛你不止這一天

宣揚立場的獨立的文案,比如:

  • 寵愛自己
  • 做自己的 美麗情人
  • 愛人先愛己

出謀劃策性質的文案,比如:

  • 情人節(jié)大膽說愛你
  • 情人節(jié)專場
  • 浪漫情人節(jié)約會法則
  • 單身狗如何度過情人節(jié)
  • 情人節(jié)脫單計劃
  • 愛他就購了
  • 女神表白日
  • 情人節(jié)獻禮
  • 我的愛情宣言

Pk性質的文案,比如:

  • 單身購vs情侶購
  • 獨身主義vs戀愛主義

文藝調調的文案,比如:

  • 想念不如相見
  • 寫給你的情書
  • 情人節(jié)的邂逅

英文文案,比如:

  • I Love U
  • Happy Valentine’s Day
  • We are lovers

3、設計方向

當前面的活動定位確定了,文案也確定了,接下來便是確定設計方向了,以情人節(jié)活動專題頁設計為例,它包含哪些內容呢?

一個完整的活動專題頁從結構上包含頭部Banner部分以及樓層部分,而從設計的角度又包含整體創(chuàng)意/標題設計/排版布局/背景選擇/產(chǎn)品或模特挑選/元素分為點綴/色彩搭配/風格選定/表現(xiàn)手法等幾個方面,接下來我們一一來看下:

專題頁組成結構:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

banner組成要素:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

標題:一般來說,一旦活動的定位方向確定了,標題的氣質也就確定了,比如是要柔美浪漫的調調呢,還是文藝小清新的調調呢,再或者是可愛逗比的調調,另類張揚的調調等。

這里有一些標題設計的還不錯,大家可以看看參考下:

標題采用絲帶的造型或質感,既現(xiàn)代又浪漫

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

有粗有細的字型就像女人的優(yōu)美曲線,顯得比較優(yōu)雅:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

簡筆畫的隨意感,既可愛又有親和力,像萌妹子一樣:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

一些細長的字體設計可以體現(xiàn)女人的柔美:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

這種比較粗獷的手寫體就會顯得比較潮,有貨yoho非常喜歡這種,符合自己的調性:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

毛筆字,有大有小,既有力度又不失韻律感,發(fā)現(xiàn)干果類的非常喜歡用這種:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

像這種比較粗的英文字體排版,也是會顯得比較時尚,同樣來自有貨yoho:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

還有一些靈感來自于花花草草顯得比較小清新的,大家也可以看看啦:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

比較復古風格的的標題設計,也可以參照這種設計排版:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

元素:說到情人節(jié),我們可以聯(lián)想到的元素就太多啦,比如巧克力/絲帶/蝴蝶結/糖果/鮮花/戒指/愛心/千紙鶴/情書/蠟燭等等。

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

發(fā)現(xiàn)大家最常用的元素還是愛心和絲帶。。。。

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

場景畫面:一些比較暖心或動人的場景,比如手牽手/親吻/倚靠肩膀/比心/手捧花/騎單車摟腰/表白/穿著婚在紗夕陽下的奔跑的樣子等。

(當然我這里找的幾個有點質量不是那么高,所以大家能理會我的意思就行啦~~)

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法! 電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法! 電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法! 電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

色彩:常用顏色有代表浪漫的紫色,代表熱烈喜慶的紅色,代表溫馨的金色/棕色,代表可愛甜蜜的粉色,以及用代表女性的玫紅色系pk代表男性的藍色系顏色。

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法! 電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法! 電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

想了解更多的話,當然還是去pinterest搜索下關鍵詞,比如valentines design poster,得到的答案會比較豐富一些,畢竟是國外的情人節(jié)嘛,基本上國外什么顏色都有用,比如黑色啊白色啊什么的,沒什么忌諱。

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

排版樣式

在保證設計方向準確以及信息可讀的前提下,其實排版方式都是多種多樣的,接下來我總結了幾個常用的排版樣式給大家看下:

(1)元素要大:

大大的紅心:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

大大的彩帶:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

大大的嘴唇:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

大大的花瓣:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

大大的人物:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法! 電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

大大的英文或字體:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

(2)不怕重復(假想背景都替換成花瓣的話也是可以的)

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

(3)善用英文

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

(4)合理裁剪(看四周被剪裁的元素,既時尚又可以使視線聚焦在中間文案部分)

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

善用剪裁,還體現(xiàn)在截取某超大的元素部分當做畫面的主體使用

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

(5)左右pk

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

(6)打破規(guī)則(比如葉子部分故意破出畫面,成為了前景)

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

(7)正負形

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

其他更多排版樣式,可以參考我之前總結的banner排版示例:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

或者看我之前寫的這兩篇文章,都有非常詳細的解說:

  1. 五大步驟細說Banner圖設計之平面構成的奧秘
  2. 巧用服裝搭配9大原則,搞定專題頁設計so easy!

風格方向

根據(jù)前面的分析,運營方向的不同,人群定位的不同,所對應的風格喜好是不一樣的,那么我們有哪些風格方向是適用于情人節(jié)的呢?

簡潔時尚,適合有不錯的審美品味的一類人:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

比如文藝小清新,適用于文藝年輕人群體:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

手繪卡哇伊,適合萌妹小蘿莉:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

粗獷個性,適合比較比較追求特立獨行的一類人:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

可愛搞怪,適合單身狗惡搞或搞怪小情侶:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

溫馨沉穩(wěn),適合有一些生活閱歷的人群:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

比較性感的風格,可以使用一些比較挑逗的模特來烘托氣氛,適合成人用品或者一切能勾起性欲有關的品類:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

不過這種就比較辣眼睛了。。。。。。慎用。。。。

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

表現(xiàn)手法

攝影/手工剪紙/三維建模/手繪/創(chuàng)意合成,或者以上至少2種表現(xiàn)手法的結合。

攝影+合成:之前看到過一組小人國的創(chuàng)意婚紗攝影,很有借鑒意義噢

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

手工剪紙:這種也不必多說啦,去花瓣或者pinterest隨便一搜就是一大堆,尤其是心形的發(fā)揮空間非常大,無論是從材質入手還是從跨界取材的角度入手,大家可以去看看(過年了一個春節(jié),導致這次寫文時間比較短,要不我自己也動手做一個了,哈哈):

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

手繪:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

實物擺拍:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

三維建模:

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

還有其他一些方式大家可以自己去總結觀察,同時以上所有的內容都構成了一個完整的情人節(jié)頁面的創(chuàng)意方向。

總結

不同的活動噱頭,適用的產(chǎn)品或類目是不一樣的,比如情人節(jié)的話,巧克力/糖果/禮品/飾品/成人用品/鮮花/服飾鞋包/香水/護膚美妝/餐飲/酒店/出行等等一系列與只要能情人節(jié)場景相關的產(chǎn)品和類目都是可以沾光的,那么除此以外的商品呢?難道就沒法玩了嗎?當然不是,但是這個問題我留給你們自己去想,哈哈。

歡迎關注@TTTing1?的微信公眾號「做設計的面條」,一個干貨與文筆俱佳的美女設計師:

微信公眾號簡介:專注開拓電商設計思維,不定期分享一些個人見解干貨,當然也會分享一些頂級創(chuàng)意、攝影、人生感悟方面的好文啦。

電商大招!三步教你搞定情人節(jié)活動專題頁設計及玩法!

「熱點電商好文推薦」

《電商丨四步挖掘靈感,30分鐘打造出一款圣誕節(jié)BANNER!》
《電商丨值得一看的淘寶雙12親親節(jié)活動視覺分析(預熱期)》
《掌控BANNER設計中促銷氛圍的“火候”,看這篇文章就夠了!》

【優(yōu)設網(wǎng) 原創(chuàng)文章 投稿郵箱:yuan@uisdc.com】

================關于優(yōu)設網(wǎng)================
"優(yōu)設網(wǎng)uisdc.com"是國內人氣最高的網(wǎng)頁設計師學習平臺,專注分享網(wǎng)頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
設計微博:擁有粉絲量180萬的人氣微博@優(yōu)秀網(wǎng)頁設計 ,歡迎關注獲取網(wǎng)頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網(wǎng)站推薦,設計師必備導航:http://hao.uisdc.com

收藏 26
點贊 29

復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設網(wǎng)立場,未經(jīng)允許不得轉載。