今年的618预售页，原来是这么做的！【杰视帮】

之前的618预售页大家看完感觉如何呢？

在今年的赏析帖子下方，我们发现了一个很有趣的现象：

越来越多的朋友开始在意一张优秀稿子背后的产出过程，好奇设计方在前期的创意历程与方案创作，而不止是感叹优秀或紧盯画面。

作为电商设计师，看着同行的优秀作品，如果只是拍手称赞，那和普通消费者有什么区别？

知其然也要知其所以然，不是说我们要学会每一张优秀页面中每一个质感的设计表达，而是我们要学习每一次设计是如何从白纸到成稿的创意历程。

今天，我们继续来赏析618的预售页面。

不过这一次，我们着重来看看咱们设计部小伙伴们的成绩，由于大多数页面还没有上线，因此，今天我们仅挑三张页面来分享我们在设计过程中的心路历程。

ChaLi旗舰店

CHALI茶里致力于做中国第一袋泡茶品牌。 一直致力于用最时尚、最流行的方式演绎最传统、最正宗的中国茶。

此次我们和茶里在618的头图合作上，确立了三大视觉方向：

夏季冰爽的感官体验

缤纷清透的视觉氛围

视觉冲击的夏日场景

统合三大视觉方向，最终，我们找到了此次合作我们要做的事：

打造属于CHALI茶里的颜值夏日冰爽感官体验。

画面上，我们运用了冰块、水花等清凉的元素，结合产品以及产品原料的展现，强调画面清凉的同时更好地展现产品，将茶里和清凉之间画上等号。

对于漂浮感的强化，我们引入一些微动效的表达，强化画面的鲜活感。

农夫山泉

此次618和农夫山泉的合作，我们旨在设计出一版更有活力，互动感更强，画面更年轻鲜活的页面。

相比上一次项目中对产品以及产品功能和发源地的强调，

这一次在618的背景下，我们希望这个页面能传达给消费者日常的应用场景，增加消费者的共鸣。

因此，在头图设计上，我们设定了三个应用环境：【厨房】【客厅】【露营】

在第一版方案中，我们着重想体现各个场景中的人物状态以及和产品的互动。

但在和甲方沟通后，我们决定调整为与镜头互动感更强的画面，于是，有了第二版方案。

用卡通人物的设定，让三种场景的融合显得不会突兀，整体更加和谐。

为了强化应用场景给消费者带来的共鸣，我们在首页下方各模块的海报设计上，也设计了更多的应用场景。

由于移动端的尺寸限制，我们将PC端的首图KV分割成了三屏，用动效的方式呈现在移动端中。

老板官方旗舰店

最后，我们用老板电器618预售页面为例，给大家完整分享一下我们整个活动首页策划执行的心路历程。

此次618，我们与老板电器以【烹饪创作狂欢季】为主题，配合618年中大促活动的热烈氛围，以“多彩、好玩、有趣”为关键词，向消费者传达一个多彩的烹饪创作氛围。

在画面设计上，我们以活字印刷术为灵感，引入了文字块与玻璃砖元素，结合舞台场景的设计，希望传递出一种近未来的科技感。

色调整体上我们采用一种低饱和的冷色调，配合老板电器的品牌VI，颠覆传统狭窄拥挤沉闷的厨房印象，打造出一种更加科技感、更加明亮与智能的未来厨房。

背景用玻璃砖的形式做好分割设计，强化背景线元素的占比，让整体层次感更强，又不会抢占视觉焦点。

最后，用一缕贯穿画面前后的红色彩带提亮整个画面，权衡色彩占比，让科技感的画面多了一丝大促的热闹与烟火气。

不过，在主页设计敲定后，整个页面的制作也只能算完成了50%。

就像很多朋友吐槽的：

页面设计再好看，也不如直接展示价格优惠来得实际。

但优惠展示和页面美观并非是一个零和博弈问题，在视觉展现的基础上，我们同样也会要求把最能吸引消费者的利益点放在最显眼的位置上。

首屏的设计侧重向消费者展现一种美好的烹饪创作空间，感性的导向后，在接下来几屏的设计上，我们着重解决一个问题：

【立即下单】

因此，我们把618各种大幅度的优惠活动放在了第二屏，让消费者能更直观地看到，活动期间下单，我能获得多少优惠福利。

通过即时的优惠与福利，让消费者产生立即下单的冲动，接下来，再建立品牌壁垒，告诉消费者，买厨房电器，认准老板就够了。

通过优惠展示与品牌力壁垒的建立，将消费者留在店铺后，再开始展示自己的主打商品，从面到点，拿出每个类目的爆款产品，进一步聚焦消费者的购买需求。

通过爆款区留住大部分潜在消费者后，难免会存在一些小众需求或高端定制的消费者。

所以，在爆款展示完后，我们会在首页展示出品牌旗下的各类目产品，方便不同需求的消费者更好地挑选。

有同学会好奇：

首页不都是同行才看的吗，考虑这么多干啥？

其实，这是信息茧房造成的误判，如果你能看到一个店铺的后台，就能发现，通过首页下单的消费者并不算少数。

毕竟，如果首页设计真的毫无作用了，大量的品牌方又为什么会大费周章装修首页呢？

移动端设计完成了也只算完成了80%，在和甲方顺利过稿后，还要针对PC端的尺寸进行相应地拓版，也就是常说的拓PC。

此前，很多朋友觉得首页设计花里胡哨费心费力没有意义，也会觉得很多页面过于追求视觉，导致看了半天连产品是什么都不知道。

但实际上，优秀的一款活动页，是可以做到视觉表现与大促利益点并存的。

我们要通过尝试，找到利益点与视觉表现最平衡的那个点，在这个尝试过程中，或许有的页面偶有翻车，但这种试错也是值得的。

看完这三个页面的赏析，大家对大促设计有没有更深的看法了呢？

大家更喜欢看首页赏析还是详情页赏析呢？

在评论区告诉我们，给大家安排上！