Case 03 — Campaign KV / Product Surface

Binance Futures Grand Tournament 币安合约锦标赛 — 主视觉

Year年份

2023

Client客户

Binance Futures — in-house

币安合约 — 内部团队

Role角色

3D, Motion & Key Visual

3D、动效与主视觉

Team协作

With Futures Product, Marketing & Web

与合约产品、市场与前端团队

Futures Grand Tournament is Binance's largest trading competition of the year — team, individual and options brackets running side by side for a month. The key visual had a job beyond looking good: it is the top of a live campaign page where traders land to pick a bracket, check the leaderboard and register. Concept — Human × Machine: the trader as an operator wired directly into the market. 合约锦标赛是币安年度规模最大的交易赛事 — 团队赛、个人赛、期权赛三条赛道并行一个月。主视觉的任务不止是好看:它是一个真实活动页面的顶部,交易者到这里选赛道、看排行、报名。概念「人机合一」— 把交易者读作直接接入市场的操作者。

Binance FGT 2023 key visual
Master key visual — Human × Machine主视觉 — 人机合一
The KV in place — campaign page on binance.com, with the bracket nav underneath: Homepage / Referral Challenge / Team Competition / Individual Competition / Options Battle主视觉落地 — binance.com 活动页,下方为赛道导航:主页 / 邀请挑战 / 团队赛 / 个人赛 / 期权对决

Designed for a page, not a poster. The page architecture belonged to the Futures product team; my job was a visual that survives it. Three constraints drove the composition: the centre column stays quiet so the bracket nav and register CTA sit in clean space; the layout is symmetrical so the responsive crop loses nothing on either edge; and the base stays near-black so the gold and blue UI states above it keep their contrast. The reveal is a slow build rather than a hit — on a page a trader will open repeatedly for a month, motion that shouts becomes motion that annoys. 为页面而设计,而不是为海报。页面架构由合约产品团队负责,我要做的是一个能在其中活下来的视觉。三个约束决定了构图:中间一列保持安静,让赛道导航和报名按钮有干净的落位空间;左右对称,响应式裁切时两边都不会丢东西;底色压到近黑,上层金色与蓝色的 UI 状态才守得住对比。入场动效是缓慢生长而不是一记重拳 — 一个交易者一个月内会反复打开的页面,喊得太响的动效很快就变成噪音。

Prize pool vault asset
Prize pool module — campaign banner asset奖池模块 — 活动 banner 素材
Mystery box asset
Mystery-box reward — same material language, so campaign and product surfaces read as one system盲盒奖励 — 沿用同一套材质语言,让活动页与产品界面读起来是同一个系统
Build — headgear and cable rig assembled over the base figure建模过程 — 头部装置与线缆结构在基础人体上逐件搭建
Modeling and lighting process
Modelling, lighting and render passes建模、布光与渲染过程

Credits. Binance Futures, 2023. 3D, motion and key visual by NCKCHN; campaign page IA, copy and build by the Binance Futures product, marketing and web teams. Full project on Behance ↗. 制作名单。币安合约,2023。3D、动效与主视觉 NCKCHN;活动页信息架构、文案与开发由币安合约产品、市场与前端团队完成。完整项目见 Behance ↗

Next Case 下一个案例 Gate Web3 Visual Design → Gate Web3 视觉设计 →