作品
Gate VIP redesign cover with premium black and gold interface visuals

VIP改版-Gate

Apr 2026

Gate 是全球化数字资产交易平台。本项目聚焦 VIP 业务页面,通过优化等级体系、权益表达和升级路径,提升高价值用户的理解效率与身份感。

项目背景

Gate 是全球化数字资产交易平台,产品覆盖现货、合约、理财、Web3 钱包等加密资产服务。作为交易所产品,Gate 面向从普通交易用户到高净值 VIP 用户的多层级人群,因此设计上需要同时兼顾信任感、效率、信息密度与资产安全感。

本项目聚焦 VIP 业务页面,通过优化等级体系、权益表达和升级路径,提升高价值用户的理解效率与身份感。

改版前

Gate VIP 改版前,页面整体太黑太空,视觉层次和高级质感还不够;黑金风格偏常规,缺少 Gate VIP 自己的品牌记忆点;信息主次不够清晰,升级路径不够突出;卡片、按钮和图标质感不统一,部分表格模块也偏后台感,削弱了 VIP 页面的精致度。

Gate VIP page before the redesign

5.1 改版

本次 VIP 体验重构旨在完成从“功能落地”到“极致尊贵感”的跨越。设计上大胆突破常规,引入中世纪欧洲贵族复古美学,以高质感的古典视觉语言赋能现代金融界面,建立极具冲击力的专属身份标识。

通过全面翻新 VIP 落地页并重置关键业务模块,例如降级挽留机制与手续费计算,最终以沉浸式的奢华体验驱动高净值用户的转化与留存。

Early visual exploration directions for Gate VIP
Gate VIP web redesign direction
Gate VIP app redesign direction

视觉语言

最后选定方案一进行细化。Gate VIP 的视觉背景选用“中世纪贵族”美学,专为尊贵 VIP 用户打造视觉语言,如中世纪贵族的议会、权贵、私密、尊贵、华丽,只为掌权者而设计。

主要元素中,贵族象征性的金钥匙代表开启财富与特权的大门“Gate”,不同材质与形态的钥匙区分不同等级身份。各种象征贵族身份的元素也能表达交易信息并保留仪式感,整套视觉语言统一采用黑金主色调,强调神秘感、权力感与稀缺性。

Gate VIP noble visual elements and key system
Gate VIP redesign 5.1 interface overview

改版 5.2

一期改版虽然成功奠定了 VIP 的尊贵基调,但在多端上线后,我们通过业务与用户反馈精准定位了新的体验痛点:整体暗黑风格在部分设备上略显压抑,过度的复古装饰元素增加了认知负荷;同时,高等级标识如 VIP 钥匙、费率标签的色彩缺乏一致性,界面整体略欠缺现代金融平台应有的清爽与商务感。

Gate VIP redesign 5.2 visual direction

核心优化策略

基于上述痛点,第二次改版的核心目标定为“尊贵感与现代感的融合”。我们摒弃重度装饰,全面贯彻“信息展示做减法,视觉呈现结构化”的国际化设计原则,让视觉焦点回归功能与数据本身,提升高净值用户的阅读与决策效率。

关键设计执行

克制用色与质感提亮:针对性提亮 UI 整体色系,包括标题、按钮与配图,大幅减少大面积金色的滥用。转而使用大量高级中性色托底,仅在关键的稀缺元素上保留高品质的金色质感,使画面更具呼吸感与现代感。

信息重构与效率提升:彻底剥离冗余装饰性元素,重新梳理头部等高密度信息区域的排版。统一各等级标签、费率的视觉表达规范,以严谨网格与结构感,实现阅读体验的简洁高效。

品牌差异化塑造:视觉语言上与主品牌 Gate 形成更深度呼应,同时在配色与版式逻辑上与 Robinhood 等大众化竞品拉开差异,确立独属于 VIP 体系的高端、专业且克制的品牌辨识度。

Gate VIP redesign 5.2 result screen
Gate VIP redesign 5.2 interface system
Gate VIP redesign 5.2 detail screen
VIP改版-Gate - 李博 / Li Bo