电商大招!三步教你搞定情人节活动专题页设计及玩法! - 优设-UISDC

电商大招!三步教你搞定情人节活动专题页设计及玩法!

2017/02/07 14648评论区

valentines-day-special-topic-1

2.14情人节马上要到了,估计很多店铺或平台都已经在准备情人节相关的活动了(或者有些手快的活动页面在年前都已经做完了吧),那么今天我就带大家一起看看,究竟情人节页面设计可以有哪些玩法以及怎么玩吧。

欢迎关注@TTTing1 的微信公众号「做设计的面条」,一个干货与文笔俱佳的美女设计师。

Let’s Go!!~

首先呢,电商设计很多时候都是为运营目的服务的,所以要想做好电商设计,就先要弄懂运营方向和活动目的,因为活动定位决定文案设定,而文案设定决定设计方向。

很多人做设计不知道从哪里入手,根本原因就在于没有弄明白这个道理,如果说设计是果的话,那么前期的活动定位和文案设定就是因,先有因才有果,而不是反过来瞎搞,所以接下来我将从以下3个方向来给大家讲解情人节页面可以怎么玩:

1、活动定位
2、文案设定
3、设计方向

1、活动定位

我们做各种运营活动,其实最终目的要么是为了卖货,要么就是为了更好的卖货,而任何一个活动都不可能满足所有人群的喜好,所以最好是能事先选定好某一类人群定位,才有可能精准地找到那些愿意买单的人,从而提高转化率。

那么我们可以从哪几个方向来确定定位方向呢,以情人节活动为例,我们一起来看看下:

从恋爱倾向的角度:有同性恋/异性恋/双性恋/独身主义。

虽然我个人对所有的恋情都持可以理解的态度,但是我们平时看到的活动最常见的依然还是针对的是异性恋(一些小众的电商品牌或者产品可能会把人群定位为非异性恋的对象)。

uisdc-theme-20170207-1

从年龄角度:小年轻爱恋/中老年人的爱恋/老年人爱恋。

不同的年龄阶段使用的商品是存在差异的,所以虽然都是情人节,都是卖货,却也要分是什么年龄阶段的人过的情人节,比如小年轻的爱恋或疯狂或文艺或内敛,但是中年人的恋爱往往更稳重更强调品质感等,而老年人之间的爱恋更朴实/温馨/或令人动容等。

uisdc-theme-20170207-2

从消费力的角度:朴实的/平价的/高贵的/奢华的。

人群的消费能力决定了他们喜欢什么样的商品,决定了他们对什么样的设计风格更感兴趣:

比如是热闹低价促销的设计风格往往比较适用于经济比较拮据的人或喜欢节俭持家的一类人;

文艺小清新的设计风格比较适用于追求一定的生活品质但是消费能力也不是太高的年轻人;

奢华高贵的设计风格比较适用于虽然没什么消费力但虚荣心强或者有高品质生活追求的人以及经济实力确实丰厚的一类人。

不过我看了很多案例发现,现在的情人节页面普遍还是为年轻群体设计的,比如搜索一下花瓣,搜索关键词情人节:

uisdc-theme-20170207-3

可能你会觉得没什么特色。。于是我又去pinterest翻了一下国外的情人节页面都是这么设计的,发现,还是他们的设计基本以简洁小清新居多,也是相对比较偏向年轻群体:

uisdc-theme-20170207-4

不过虽然都是针对年轻人群体,但可能是淘宝钱多资源多各方面都比较有条件的缘故,玩的花样也会多一些,下面这个应该是2015年的情人节海报。

uisdc-theme-20170207-5

从情感的角度:悲情的/平淡的/甜蜜的/热烈的/温馨的/感动的。

感情有很多种,但不同的情感痛点能打动的人是不一样的,一般来说我们总是更愿意为那些能打动人的瞬间买单,比如当我们对爱人感到愧疚时,希望爱人幸福时,或者自身感到痛苦需要发泄时,往往会比内心平静时,更有买买买的欲望,这也是为什么各种节日或广告都喜欢打情感牌的原因了。

比如我之前给京东拍的一套摄影照片,就是悲情路线,打情感牌:

uisdc-theme-20170207-6

△ 你是我以后的生活

uisdc-theme-20170207-7

△ 每天和你说早安

uisdc-theme-20170207-8

△ 对不起宝贝,又惹你生气了

uisdc-theme-20170207-9

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

uisdc-theme-20170207-10

△ 你说过,不喜欢屋里有烟味

uisdc-theme-20170207-11

△ 爱让我们更有勇气

uisdc-theme-20170207-12

△ 我们有属于自己的浪漫啊

uisdc-theme-20170207-13

△ 让我嫁给你吧

人的恋爱状态角度:恋爱中/异地恋/单身狗中/暗恋中/失恋中/已婚未育/已婚已育等。

针对不同的恋爱状态人群,玩法也是不一样的,比如:

我们的运营方向可以是针对处于幸福的恋爱中的人:

那么我们就要想,这些人在这一天可能是要出去约会的,那么这就涉及到该怎么打扮,该送什么礼物,该选什么约会场地等等方面的问题了,这个活动就可以起到一个帮忙出谋划策的角色,从而达到卖货的目的。

uisdc-theme-20170207-14

我们的运营方向可以是秀幸福或虐狗式的:

那么我们就要想,单身狗在情人节这一天会有什么心理呢?其实大多数或多或少应该是有一点仇视或羡慕那些恋爱中的人的吧,而活动的任务在于,它往往会通过放大他们的这种情绪或者替他们说出自己想说但不敢说的想法的方式,去鼓励他们通过购买东西来发泄这种不满的情绪,再或者让他们意识到之所以自己还单身就是因为不会打扮不美读书少之类的,从而激发他们改变自己的欲望,达到卖货的目的。

uisdc-theme-20170207-15

uisdc-theme-20170207-16

uisdc-theme-20170207-17

我们的运营方向如果是想将这两类人群都一网打尽,同时又想走趣味非浪漫路线的话:

可以整个单身狗和情侣PK之类的活动,跟前面的道理是一样的,你要让别人买单,就要想方设法给ta们制造理由啊,比如单身狗更应该对自己好一点,所以买买买啦,再或者是虽然你现在不是单身狗,但是以防以后变成单身狗,所以还是买买买让自己变得更好,或者多宠爱另一半所以买买买讨好他吧。

不过这种玩法也要看品牌的气质了,恶搞不一定适合每一个品牌或品类,比如卫龙辣条这么玩,就感觉毫无违和感嘛,因为你们懂的~~

uisdc-theme-20170207-18

其他的我就不多说啦,道理都是类似的。

2、文案设定

根据以上活动定为方向的不同,所以我们的文案也会有所差异,下面我给大家例句一些文案方向:

贴合产品路线的文案,比如:

  • 给你甜秘密
  • 让爱有声意更深
  • 享瘦在一起
  • 闻香识爱
  • 为爱吃狂
  • 花点时间制造浪漫
  • 甜过初恋

低价促销路线的文案,比如:

  • 约惠2017
  • 浪漫不打折
  • 情人节,价给你

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

  • 再不告白就老了
  • 爱你一生一世
  • 愿得一人心,白首不相离
  • 特别的爱献给特别的你
  • 陪伴,是最甜蜜的告白
  • 爱你不止这一天

宣扬立场的独立的文案,比如:

  • 宠爱自己
  • 做自己的 美丽情人
  • 爱人先爱己

出谋划策性质的文案,比如:

  • 情人节大胆说爱你
  • 情人节专场
  • 浪漫情人节约会法则
  • 单身狗如何度过情人节
  • 情人节脱单计划
  • 爱他就购了
  • 女神表白日
  • 情人节献礼
  • 我的爱情宣言

Pk性质的文案,比如:

  • 单身购vs情侣购
  • 独身主义vs恋爱主义

文艺调调的文案,比如:

  • 想念不如相见
  • 写给你的情书
  • 情人节的邂逅

英文文案,比如:

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

3、设计方向

当前面的活动定位确定了,文案也确定了,接下来便是确定设计方向了,以情人节活动专题页设计为例,它包含哪些内容呢?

一个完整的活动专题页从结构上包含头部Banner部分以及楼层部分,而从设计的角度又包含整体创意/标题设计/排版布局/背景选择/产品或模特挑选/元素分为点缀/色彩搭配/风格选定/表现手法等几个方面,接下来我们一一来看下:

专题页组成结构:

uisdc-theme-20170207-19

banner组成要素:

uisdc-theme-20170207-20

标题:一般来说,一旦活动的定位方向确定了,标题的气质也就确定了,比如是要柔美浪漫的调调呢,还是文艺小清新的调调呢,再或者是可爱逗比的调调,另类张扬的调调等。

这里有一些标题设计的还不错,大家可以看看参考下:

标题采用丝带的造型或质感,既现代又浪漫

uisdc-theme-20170207-21

uisdc-theme-20170207-22

uisdc-theme-20170207-23

有粗有细的字型就像女人的优美曲线,显得比较优雅:

uisdc-theme-20170207-24

简笔画的随意感,既可爱又有亲和力,像萌妹子一样:

uisdc-theme-20170207-25

一些细长的字体设计可以体现女人的柔美:

uisdc-theme-20170207-26

这种比较粗犷的手写体就会显得比较潮,有货yoho非常喜欢这种,符合自己的调性:

uisdc-theme-20170207-27

uisdc-theme-20170207-28

毛笔字,有大有小,既有力度又不失韵律感,发现干果类的非常喜欢用这种:

uisdc-theme-20170207-29

像这种比较粗的英文字体排版,也是会显得比较时尚,同样来自有货yoho:

uisdc-theme-20170207-30

还有一些灵感来自于花花草草显得比较小清新的,大家也可以看看啦:

uisdc-theme-20170207-31

比较复古风格的的标题设计,也可以参照这种设计排版:

uisdc-theme-20170207-32

元素:说到情人节,我们可以联想到的元素就太多啦,比如巧克力/丝带/蝴蝶结/糖果/鲜花/戒指/爱心/千纸鹤/情书/蜡烛等等。

uisdc-theme-20170207-33

发现大家最常用的元素还是爱心和丝带。。。。

uisdc-theme-20170207-34

场景画面:一些比较暖心或动人的场景,比如手牵手/亲吻/倚靠肩膀/比心/手捧花/骑单车搂腰/表白/穿着婚在纱夕阳下的奔跑的样子等。

(当然我这里找的几个有点质量不是那么高,所以大家能理会我的意思就行啦~~)

uisdc-theme-20170207-35 uisdc-theme-20170207-36 uisdc-theme-20170207-37 uisdc-theme-20170207-38

色彩:常用颜色有代表浪漫的紫色,代表热烈喜庆的红色,代表温馨的金色/棕色,代表可爱甜蜜的粉色,以及用代表女性的玫红色系pk代表男性的蓝色系颜色。

uisdc-theme-20170207-39 uisdc-theme-20170207-40 uisdc-theme-20170207-41

想了解更多的话,当然还是去pinterest搜索下关键词,比如valentines design poster,得到的答案会比较丰富一些,毕竟是国外的情人节嘛,基本上国外什么颜色都有用,比如黑色啊白色啊什么的,没什么忌讳。

uisdc-theme-20170207-42

排版样式

在保证设计方向准确以及信息可读的前提下,其实排版方式都是多种多样的,接下来我总结了几个常用的排版样式给大家看下:

(1)元素要大:

大大的红心:

uisdc-theme-20170207-43

大大的彩带:

uisdc-theme-20170207-44

大大的嘴唇:

uisdc-theme-20170207-45

大大的花瓣:

uisdc-theme-20170207-46

大大的人物:

uisdc-theme-20170207-47 uisdc-theme-20170207-48

大大的英文或字体:

uisdc-theme-20170207-49

(2)不怕重复(假想背景都替换成花瓣的话也是可以的)

uisdc-theme-20170207-50

(3)善用英文

uisdc-theme-20170207-51

(4)合理裁剪(看四周被剪裁的元素,既时尚又可以使视线聚焦在中间文案部分)

uisdc-theme-20170207-52

善用剪裁,还体现在截取某超大的元素部分当做画面的主体使用

uisdc-theme-20170207-53

(5)左右pk

uisdc-theme-20170207-54

(6)打破规则(比如叶子部分故意破出画面,成为了前景)

uisdc-theme-20170207-55

(7)正负形

uisdc-theme-20170207-56

其他更多排版样式,可以参考我之前总结的banner排版示例:

uisdc-theme-20170207-57

或者看我之前写的这两篇文章,都有非常详细的解说:

  1. 五大步骤细说Banner图设计之平面构成的奥秘
  2. 巧用服装搭配9大原则,搞定专题页设计so easy!

风格方向

根据前面的分析,运营方向的不同,人群定位的不同,所对应的风格喜好是不一样的,那么我们有哪些风格方向是适用于情人节的呢?

简洁时尚,适合有不错的审美品味的一类人:

uisdc-theme-20170207-58

比如文艺小清新,适用于文艺年轻人群体:

uisdc-theme-20170207-59

手绘卡哇伊,适合萌妹小萝莉:

uisdc-theme-20170207-60

uisdc-theme-20170207-61

粗犷个性,适合比较比较追求特立独行的一类人:

uisdc-theme-20170207-62

可爱搞怪,适合单身狗恶搞或搞怪小情侣:

uisdc-theme-20170207-63

温馨沉稳,适合有一些生活阅历的人群:

uisdc-theme-20170207-64

比较性感的风格,可以使用一些比较挑逗的模特来烘托气氛,适合成人用品或者一切能勾起性欲有关的品类:

uisdc-theme-20170207-65

不过这种就比较辣眼睛了。。。。。。慎用。。。。

uisdc-theme-20170207-66

表现手法

摄影/手工剪纸/三维建模/手绘/创意合成,或者以上至少2种表现手法的结合。

摄影+合成:之前看到过一组小人国的创意婚纱摄影,很有借鉴意义噢

uisdc-theme-20170207-67

uisdc-theme-20170207-69

手工剪纸:这种也不必多说啦,去花瓣或者pinterest随便一搜就是一大堆,尤其是心形的发挥空间非常大,无论是从材质入手还是从跨界取材的角度入手,大家可以去看看(过年了一个春节,导致这次写文时间比较短,要不我自己也动手做一个了,哈哈):

uisdc-theme-20170207-70

手绘:

uisdc-theme-20170207-71

uisdc-theme-20170207-72

实物摆拍:

uisdc-theme-20170207-73

uisdc-theme-20170207-74

三维建模:

uisdc-theme-20170207-75

还有其他一些方式大家可以自己去总结观察,同时以上所有的内容都构成了一个完整的情人节页面的创意方向。

总结

不同的活动噱头,适用的产品或类目是不一样的,比如情人节的话,巧克力/糖果/礼品/饰品/成人用品/鲜花/服饰鞋包/香水/护肤美妆/餐饮/酒店/出行等等一系列与只要能情人节场景相关的产品和类目都是可以沾光的,那么除此以外的商品呢?难道就没法玩了吗?当然不是,但是这个问题我留给你们自己去想,哈哈。

欢迎关注@TTTing1 的微信公众号「做设计的面条」,一个干货与文笔俱佳的美女设计师:

微信公众号简介:专注开拓电商设计思维,不定期分享一些个人见解干货,当然也会分享一些顶级创意、摄影、人生感悟方面的好文啦。

tttt-1qr1111

「热点电商好文推荐」

《电商丨四步挖掘灵感,30分钟打造出一款圣诞节BANNER!》
《电商丨值得一看的淘宝双12亲亲节活动视觉分析(预热期)》
《掌控BANNER设计中促销氛围的“火候”,看这篇文章就够了!》

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/valentines-day-special-topic

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 设计师专访 素材下载 视觉设计 设计流程 配色 web前端开发 用户体验设计 AI教程 设计理论 海报设计 字体下载 神器下载 设计规范 设计趋势 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里