提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】

_原题是:设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
这一次的项目有点不同 。
此次和洽洽的合作不仅服务于“517天猫吃货节” , 还涉及到了洽洽整体的VI升级 。
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

根据甲方“破次元新潮游戏感”的诉求 , 我们将Z时代文化中有象征性的次元壁和游戏感作为517吃货节项目的主调性 。
同时这次作为洽洽品牌VI升级的一次视觉尝试 , 也希望为后续曝光的更多VI升级信息开一个好头 。
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

在前期的方案策划中 , 我们根据甲方意向和517吃货节的节日调性 , 设计了如下3个方案 。
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

方案一:甜蜜暴击趴
借用一对甜蜜情侣的日常争抢零食 , 打情骂俏的画面 , 表现吃货节的轻松氛围和洽洽零食日常和家居的特质 。
前景用猫狗相向的诙谐画面增加整个场景的乐趣与对立感 , 强化画面的故事性 。
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

方案二:吃货直播秀
整体画面采用时下最新潮的直播形式 , 将整体页面打造成一个 功能齐备的直播间 。
使用超大的零食盒铺满前景 , 简单粗暴的凸显产品的同时也最大限度还原了吃播镜头感;背景中姿势各异的人群也可以展现节日的热闹氛围 。
直播的表现手法也能让人自然联想到疯狂的优惠和满屏的礼物红包 ,勾起消费者的购物欲 。
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

方案三:吃货大作战
超脱一般的思维逻辑 , 三次元与二次元的次元壁出现缺口 , 现实与游戏的虫洞被打开 , 从天而降的零食大礼包引发了众人的争抢 。
整个画面换了一个思路 , 着重 围绕“游戏感”三个字进行构思 , 再结合甲方破次元的新潮视觉诉求 , 用大作战来体现整个吃货节的节日氛围 。
视觉方面用 仰视的角度提升画面的纵深感 , 增强视觉冲击力 , 再用一些飞散的零食 增强画面点元素的占比 , 增强活动欢腾的氛围 。
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

经过和甲方的沟通和修改 , 方案一和方案二虽然迎合了当下潮流时尚 , 展现了吃货节日氛围 ,但对“破次元新潮游戏感”的视觉表现力度不强 , 难以展现洽洽VI升级后的视觉效果 。
为给后续VI过渡进行铺垫 , 最终选择了脑洞大开的方案三:吃货大作战 。
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

为了体现画面的新潮感 , 我们从游戏海报和原画中寻找了美术参考:
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

同时 , 借鉴了近两年流行的像素块风格增强了画面游戏感:
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

将主图背景打造成 由像素块组成的破次元壁大门:
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

在字体设计上 , 配合游戏感的画面 , 将字体核心骨架设计成 电路板样式 , 让整个画面更加电子化;
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

再增加字体的立体感 , 融入像素块的次元门中 。
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

在字体配色上 , 我们选择了青蓝和洋红这一组代表当下 年轻活力的撞色:
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

最终效果如下 , 整个字体以白色作为主色调 , 用青蓝和洋红修饰字体边框 , 表现字体青春洋溢的前提下又不会过于花哨:
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

在两位模特敬业的拍摄配合下 (是的 , 又是这个超好看的小姐姐)
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

最终KV效果如下:
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

接下来 , 用一个吃货基金做KV与机制区的衔接 ,吸引消费者点击的同时将画面很好过渡到了后续的机制区与铺货区:
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

优惠券的设计借鉴了模拟游戏中常见的 次元科幻形式感风格 , 打造了符合破次元专题页面调性的新潮风格:
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

紧接着的活动信息区也沿用了充满游戏感的设计风格 , 保证配色统一的同时通过紫色和蓝色色块的穿插展现 , 打破了单个颜色重复铺排的单调性 。
同时 , 特异的紫色板块又能将重点的信息板块再次强化 。
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

最终机制区成稿效果如下:
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

在进入铺货区之前 , 用Q萌的机器人形象引出铺货区 , 再次勾起消费者观看欲望:
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

铺货区的设置则在符合整个页面风格的同时力求 简单清爽 , 以产品为重:
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

最终完整页面展示效果如下:
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

当然 , 在动效当道的时代 , 我们也对部分页面做了动效处理 。
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

从天而降的礼盒、发射礼炮庆祝的机器人、故障风的字效设计以及跳动的像素块 , 主图用精致的局部动效 增强了整个画面的游戏感与潮流感 。
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

为了配合KV动效 , 吃货基金展示区也用扫描的方式 增强了画面的科技感:
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

在机制区与铺货区的过渡板块 , 用故障风与转动的特效 ,增强画面的青春活力 , 迎合年轻人的喜好:
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

一款成功的活动页面背后不是一蹴而就的单一方案 ,迎合市场需求、符合甲方意向、匹配活动调性3个方面缺一不可 。
包括后期动效的制作 , 不是说胡乱增添一些动起来的元素吸引眼球 , 本质目的依然是强化视觉效果 , 突出产品调性 。
就像我们之前所说的 , 电商设计师的终极目的 ,是将商业需求和产品调性以最优方式视觉化 。
提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】
文章图片

杰克温馨提示:明天晚上有新的C4D公开课 , 记得来看噢!
【提案|设计师如何给甲方提案?看完这篇分享我觉得我会了!【杰视帮】】想看今天杰克公开课的录播吗?你懂的↓


    推荐阅读