项目案例 | 解析京东618系列营销视觉设计方案-技术圈

▲点击"三分设"关注，回复"社群"加入我们

欢迎来到专业设计师学习交流社区

三分设｜连接知识，帮助全球 1 亿设计师成长

阿里巴巴设计官方认证 MCN 机构

SUXA 深圳体验设计协会华东分会

全球服务设计共创节城市站发起者

转自：Design with CloudAI

编辑：刘丽

共 2597 字，预计阅读 7 分钟

✏️划重点：

前期我们的系列文章已经分享支撑 to B/G 设计基调的 “设计语言构建” ，到 to B/G 产品门户网站焕新升级。

今天迎来我们的完结篇云产品营销活动案例解析落地，一起看看吧～

项目背景

京东业务板块整合，京东科技子集团正式成立，成为整个京东集团对外提供技术服务的核心输出平台。整合后的京东云，升级了 LOGO ，并更新了 slogan 为 “云之上，创更多” 。

配合京东集团 618 大促节奏，云侧会集中活动资源，进行云相关的 ToB 大促活动，完成收入及用户转化。

此次活动分为备战期和主站期，备战期围绕 “助力商家赋能” 主题来组织页面，突出展示为商家带来的价值，如 “降本增效” “精准获客” 等；主站期为全面爆发期，面向全部京东云的新老客户，在活动设计时，明确业务目标 “促新购收入” 、 “提升企业付费用户数” 。

主视觉

结合集团架构升级、品牌升级、活动规划、往期 618 与双十一的视觉，经过大家脑暴，我们提出了 “聚变与裂变” 的概念来贯穿今年 618 活动的视觉。

同时提取了往期大促主站期活动的环形联接元素延续主站期大促品牌视觉。

备战期

备战期主题为商家赋能专场，对应 “聚变” 概念，画面以京东云和京东科技的辅助图形为基础的方形科技平台为核心，以光的传递为介质向内聚集京东云与合作伙伴的能力，为商家带来价值，加速商家实现快速增长，突破业务瓶颈期，为商家按下快进键。画面使用官网日常运营的等角视图俯视视角来延续京东云的品牌风格，向商家传递京东云的品牌形象。

主站期

主站期围绕 “裂变” 的概念进行设计，以同备战期主体元素为基础增加大促感元素向外裂变爆发，体现京东云创更多的能力与状态，为更多企业、商家提供多元业务发展及增长理念，将技术优势负能于产品，满足不同商家、企业不同阶段的需求，科技助力快速裂变增长。画面使用超广角仰视视图，增强活动感的同时，也增加了稳定感与权威感，给用户信赖的感觉。

视觉延续与发展

主体组件延续，备战期与主站期主体采用了同一个物体的不同视角、状态，元素采用 ArtDeco Design 中的 3D 白膜，保持一定品牌感的同时也保证了设计效率。

画面视角从备战期的等角视图俯视视角向上升起、向外爆发出主站期的超广角仰视图，营造活动的连续性。

两期画面使用了京东红、科技黑、金色、蓝灰色搭配，用京东红来继承与传播京东家族的基因与能量，用黑色来表现来自京东科技集团的稳重与专业，搭配金色营造出 618 节日的氛围。备战期面向商家客户以科技黑色为主色，延续科技的品牌感；主站期面向全部客户以京东红为主色，更多的展现集团的基因与能量。

页面设计

页面构思

服务目标设计

在活动设计时，明确业务目标 “促新购收入” 、 “提升企业付费用户数” ，重点包装消费返券、 1 元抽奖等和目标挂钩楼层，突出利益点，吸引用户转化。

全流程转化设计

结合活动抽奖、消费返券等促销玩法，从 ‘注册 - 认证 - 付费 - 再付费’ 整个流程进行活动包装，每一步均增加助力转化点，提升用户转化率。同时为不满足活动的用户提供其它转化信息。

快捷触达设计

页面整体较高，点击基本聚焦在前两屏，布局上将核心利益点提炼在首屏露出，并增加楼层快捷导航，提高下方楼层触达率。

页面视觉

芯片 —— 融合承载，以小见大影响生活，从芯片提取视觉元素贯穿页面（楼层背景、卡片样式等）。京东云 618 立足于科技，延续主 KV 质感 “金属 + 磨砂” ，加强科技感，统一整体页面感受。页面中多用 “标签” 样式，营造 618 大促、优惠等氛围感。页面整体按照 “F” 型浏览路径进行信息排布，帮助用户迅速获取重要信息以及快速了解活动概要。从而选择最合适的商品活动进行参与，节省用户 “找” 的时间，从而减少页面跳出概率。