今年的双11页面有多卷？5000字干货带你深入分析！【杰视帮】
品牌猫头海报，是每年双11的保留节目
而双11页面赏析，是每年杰视帮的保留节目~
如今又到了一年一度的双11
让我们来看看今年，都有哪些有意思的作品~
在开始欣赏前，我们先解决一个问题。
看过我们之前赏析帖的同学，应该还记得，每次发布此类帖子，留言都是一片吐槽：
1.自嗨~
2.华而不实~
3.做这么好看有什么用？
4.到头来还是自己卷自己~
其实我们不用这么草率的下决断，我们可以思考下，既然市场存在与我观点不同的结果，是否证明了我的观点存在局限性？
正如我们之前帖子说过的，之所以会出现运营和设计师掰扯的笑话，是因为大家切入这个话题的身份角色不同，考量的维度自然也不一样。
所以这些店铺这样做，在运营角度/代运营角度、公司品牌角度、市场部角度、平台角度等等，它们各自的考量点是什么？这才是值得我们去思考的地方。
好啦~ 回归正题，今天小编给大家扒了一些不错的店铺双11预售页（甚至可以说就是正式页）分享给大家，这波作品主要分为两大类：
一类是设计趋势，希望能透过趋势让我们学到点什么；
一类是纯粹好看，毕竟设计师嘛~ 看看别人都是怎么炫技的，饱饱眼福~
当然，学习还是要有目的性的~
让我们带着下面这些问题，来欣赏作品：
1.通过这些作品，我能学到什么？
2.有哪些新启发？未来会朝着什么方向演变？
3.不同类目都是怎么玩的？它们的设计风格有什么不同？
4.不同的功能板块，别人都是怎么设计的？有什么我能借鉴的？
那么，就让我们带着思考，一起往下看吧~
如果你经常逛淘宝的话，能明显看到，店铺动态内容的占比越来越高了，主战场聚焦在手机端直播间、首页、爆款详情页。
越来越多的店铺，开始将KV视频化：
《飞鹤》KV动画
太酷了！两个视频，从原产地到文案内容，都在强调优质奶源这个差异化卖点。其实视频精致化程度，也是品牌实力的一种象征，就像请明星和各种铺广告一样，让消费者感知到品牌的实力。
《三只松鼠》KV动画
跟随松鼠的指引，从“现实”场景，穿越进入手机中的双11盛宴现场，完成KV到海报的过渡。视频不长，节奏很紧凑~
《汤臣倍健》KV动画
借鉴了《创世纪》壁画的经典触碰手势，似乎在传达着汤臣倍健将用“实力”带你穿越时空，来到科学营养的人类新科技时代~ 背景和场景都刻意强调了品牌的标志性“~”符号。
《御泥坊旗舰店》KV动画
颠倒世界，裙带飘飘~ 大开大合，特别的有大唐风采！这套视觉都在围绕品牌风格做用户的品牌认知强化。KV的C位则是给到了双11活动的主推产品做强曝光。
《联合利华官方旗舰店》KV动画
把多品牌拟人化表达，借助滑板跃向屏幕，营造抢眼的动势效果。核心的文案利益点“买1套送1套”放的老大了~ 哪怕是动态KV，也绝对不忘把营销信息呈现到位！ 从“套”这个词你会发现，店铺在主攻囤货用户，拉高成交客单价。
《兰芳园旗舰店》KV动画
从主文案可以解读出，兰芳园想通过“悠久历史，匠心精神”作为品牌背书，给用户传递信得过的理念！而工厂流水线的风格，也是近几年非常流行的玩法。
其设计核心意图，是借助视觉来触发消费者的感官联想：科技感强，看起来干净卫生，出品有保证，想试一试~
所以我们在设计工业流水线作品的时候，就要思考设计的目的。你想表达和传递出什么信息给消费者？聚焦目的思考为此应该怎么做？而非一味的奔着好看，有意思，去抄袭和拼凑。
《联合利华立顿旗舰店》KV动画
立顿也是走的工业流水线风格。更多的sku堆砌在一起，画面显得更加热闹~ 熟悉的产品，用陌生的工厂风格组装在一起，制造了一种：熟悉的陌生感~ 恰恰是这种感觉，会让人在能接受的同时眼前一亮，觉得有趣。升华下主题就是：通过这种设计，将已知事物陌生化，能让我们重新发现生活之美~
其实，除了KV动起来以外，产品图也能动起来~
《老板电器旗舰店》主爆款产品
视频的信息密度远比静态图片高，想要单位面积呈现更多的信息，产品图片视频化无疑是最好的选择。
之前不能这样玩，是因为产业上游的硬件网络设施不行。但现在5G盛行，WiFi几乎全场景覆盖。对于老板电器在天猫京东的用户群来说，视频化便变得可行了！
如果你去拼多多看看，就会发现，那边的产品图片仍旧还是传统的静态图。
《皇家小虎旗舰店》
在食品行业更是如此，一款“会动”的美食，突然垂涎欲滴的出现在你眼前，说实话，很难摁住不自觉分泌的唾液...
不信？上大招！
《老板电器旗舰店》主爆款产品
除了产品卖点动态呈现外，其他突出的，卖家想让你注意到的卖点，都会尽可能地做成动效来吸引你的注意。（当然，还需回归画面全局去思考动的太多了会不会产生副作用）
《联合利华立顿旗舰店》活动机制区
画面的信息已经很多了，留给“抢先加购”按钮的位置虽然也挺明显，但卖家就生怕你不知道点加购，所以把按钮做成了放大缩小的动效，在你眼前跳呀跳~
《联合利华官方旗舰店》活动机制区
无疑~ 联合利华的各路旗舰店，都承袭了这套骚操作~
《洽洽食品旗舰店》
大家注意到了嘛？洽洽食品的活动区按钮，直接在你刷到的时候从屏幕左侧飞了进来，也是一种吸引你眼球的动效玩法~
面对复杂的优惠券叠加机制，以及各类减价优惠算法，洽洽是如何通过视觉呈现出来？大家可以观摩学习学习~ 以及思考，为什么它非要把算术式都给你写出来？
《认养一头牛旗舰店》
再来看看一头牛的移动端首页。依旧有着极高的动态画面占比。仔细看，妹子出现的那块地方，并非无声动画。而是非常大胆的换了成“解说视频”，声画同步出击！
虽然可能会冒犯一些进店的客户，但能看得出商家们在想方设法地传达利益点给消费者。
后面刷出的主推产品，福利信息会向下滑出，也是在吸引你观看。毕竟双11一年就一次。这还不得多整些花活~
动态的看完了，我们再来看些静态的画面，也是能get到很多灵感~
《君乐宝旗舰店》
大家看到KV海报上的产品了嘛？泛着温馨的光晕，整个产品显得更加通透立体了~ 学过我们课程的同学应该很熟悉，这个技法叫做：产品场景光修图，是高级合成的一个后期技巧。
《农夫山泉旗舰店》
现在越来越多的产品，都会加上这个技法，让产品显得更加好看~ 再来看一组农夫山泉的双11页面，也是今年的：
KV是游乐场风格。后面的整个页面设计也是游戏风~
《斑布京东自营官方旗舰店》
KV是一个室内与生态结合的立方体小景，应该是想传递原生态本色的理念。是个非常取巧的设计，刚好足够装得下移动端的竖屏，PC端也方便拓宽使用。
同样的，产品也加了些酷炫的后期光效~ 想学习如何表达这类精致的产品后期特效的同学，欢迎扫描文末二维码学习我们的课程噢~ 双11我们也是有活动哒~
《人类快乐螺蛳粉》
看这主KV，是不是很有食欲~ 螺蛳粉这玩意，本质不是充饥，而是解馋。通过重口味轰炸味蕾，分泌多巴胺，带来快乐！同样的，满减和赠品这些利益点，都怼地老大了~
除此之外，你想通过设计把机制区做的好看些，也可以在保证信息传达屏效比的前提下，参考一下设计上优秀的作品。
《乐乐猫宠物用品旗舰店》
五颜六色的，把机制区活脱脱设计成了游戏活动页的感觉。可惜的是这个KV海报色彩太暗沉了，空间光影层次没有拉开，俗称“透气性”差。
产品放置在气球里的想法也很棒，但反而在文案加入后把画面堆的太满了。优化下这2个点，画面会好看很多~
回忆一下，上面我们欣赏的作品里，是不是有很多kv海报，构图都做成了主角、主产品往“屏幕外冲”的感觉？可以思考一下为什么大家都不约而同的用了此手法？
《黄天鹅旗舰店》
可生食鸡蛋龙头品牌。他们家的产品非常纯粹！只有一款，就是可生食鸡蛋！
KV海报是双11品牌猫头海报，我们杰视帮做的，没看过的同学，可以进我们公众号往上翻，前几天刚发过~
谢谢赏脸~
《白象旗舰店》
哇哦~ 他家的“机制区光泽加工工艺技术”看来是练的炉火纯青了~
都是手绘风，就把它们放在一起吧！有请下一位~
《李子柒旗舰店》
没有对比，就没有伤害~ 相比来看，李姐家的明显更胜一筹~
当然，两家的产品都很好吃！这才是重点~ 李子柒每次的活动页基本固定成手绘风了，每一次的KV画的都非常的艺术且大气~ 将食材演绎成艺术作品！真的很棒！也真的很“卷”
机制区也设计的非常热闹有感觉~ 大家可以分析学习学习~
《云南白药旗舰店》
给李子柒强行找了个竞争对手，来比比谁画的更卷
真是山外有山，人外有人啊~
《卢正浩旗舰店》
再来一个金属管子同样搓的很溜的店铺~ 大家可以学习一下他们是如何呈现质感的~
如果没整明白，可以扫描文末二维码，到我们杰视帮学习后花园找找免费视频看，我们之前都有讲过噢~ 撸管、搓红包、拉丝带、造立体字、雕刻按钮啥的应有尽有~
《花西子旗舰店》
说到卷王，怎么少的了花西子~ 电商设计界的顶流！活脱脱把电商设计的艺术逼格拉高了好几个Level~
叫我... 我点评？我照了照镜子，抱歉，俺不配...
《兰芳园旗舰店》机制区+产品陈列区
看太多争奇斗艳的作品，来换个绿色的养养眼~
出票机、票夹、票据、警示灯，轻拟物的元素设计和简约的版式，与主KV的工业风匹配上了~
《Bananain蕉内旗舰店》
也并不是所有品类都像我们上面欣赏的那些作品一样“重设计”，服饰行业相对来说会“轻”很多。“轻”设计不代表“轻”营销。该有的卖点，该有的情绪化文案引导，还是依旧会有的~
《治光师旗舰店》
有大众化的设计，那就一定会有更具特色的小众化设计，比如治光师。请不要叫我点评它的好坏，都已经是拼配咖啡豆领域的细分文艺赛道了，抽象化艺术表达的出现就不足为奇... 况且u1s1，这东西我也点评不来~
《元气森林旗舰店》
我不信有人能认真看到这里，所以我象征性的随便打几个字偷个懒应该没有人会发现的~ 嗯... 就这么定了！不够长那就再打几个字，看起来更长一些，ok~ 搞定！
《Mistine海外旗舰店》
这种风格还是挺有意思的，偏向漫反射材质的简单几何体风格，配上可爱的三维表情包和小花花、小草草、小猫猫~ 再读读它的主文案：情绪由我，自在追光！有点那味儿了，好像是那么回事噢~
《Woolworths海外旗舰店》
你看它的KV海报，也是挺有意思的，拟物风格，做成了抓娃娃机~ 产品也是追加了些产品光，给产品营造上了一种被阳光“普照”的感觉~
《桂格旗舰店》
桂格家的这个“云中工厂”挺有意思的，同样是工厂和街景风格。但人家把场景挪到了天上错落悬浮起来，这一下子“陌生又熟悉”的感觉就来了~
大家在思考创意的时候，也可以多从这方面入手去寻找灵感。但帅不过三秒，还是要批评一下，你这个会员福利区，密集的有点过分了吧...
《食人族旗舰店》
看看人家食人族，相对来说就会好很多。在堆砌利益点的时候，要多从“屏效比”和“视觉动线”的角度去思考，尽量做到信息的最大有效化传递。
《良品铺子旗舰店》
同志们，出现人啦！如果你仔细观看，会发现上面所有作品里，只有良品铺子的KV海报中有真人出镜。如果你再仔细细品，好家伙，上面有多处都出现了真人，甚至还出现了他们的“总裁”...
如果你再仔细查一下资料，会发现良品铺子的很多活动页面，都是配有真人出镜的~ 高端零食品类的主流消费群体就是年轻女性，身份与形象标签的呼应。因此其他几个零食品牌也是如此~ 年轻模特出现的会更为频繁。
最后再放个大招，看看什么叫“人外有人，山外有山”...
《五粮浓香官方旗舰店》PC端首页
不愧是五粮液旗下的正宗嫡系品牌，出手就是阔气~ PC端独一份整了个如此大气的页面！三维+手绘+合成，3大技法齐活了~ 作者一看就是个硬核技术宅的萌妹子~
但此刻的我却开心不起来，因为最近股市也跟着在搞“双11大促”... 五粮液都快要跌成“工粮液”了...
平复一下心情，我们总结一下：
上面我们分析了一些新的玩法趋势，设计的本质、制造惊喜感的原理，以及活动区的屏效比把控，还有不同类目设计的风格，以及一些学霸的优秀作品...
这次，我们花费了较大篇幅去介绍设计思维，甚至是营销层面的内容。那么有小可爱会问：我为什么要花费时间去了解和学习这些呢？
因为当今是协作分工的时代，你只有从更宽的维度去了解整个设计的上下游，你才能更好地理解设计的需求。你才知道运营为什么要你把产品整鲜艳~ 甲方为什么要你放大Logo。商业设计是为营销目的服务，而非你个人的艺术表达。
不知不觉超过5000字了，今天的分享就到这里啦~
感谢你的认真观看。如果对你有所启发，欢迎分享给你的朋友。
