全部作品

Case 07 · Crypto options trading · Sweden · 2021

Phinom

一个做加密货币期权交易的平台,简单,也稳:下单面板、K 线图和余额在同一个上下文里,什么都不会丢。UX/UI 由亚历山大·切尔诺夫做。

客户
Phinom.Digital
地区
瑞典
角色
UX/UI Designer
年份
2021
平台
Mobile app · Web
状态
Sanitized case study
深绿色石景里的两台 Phinom 手机,四周是植物的影子:加密期权的下单面板和霓虹薄荷绿的图表

期权下单面板和交易图表:深色玻璃上的霓虹薄荷绿,四周是瑞典森林一样的植物影子。

ultimate secure
platform to trade
crypto options
with ease and
confidence

安全做到最高的加密期权交易平台,用起来轻松、有底

项目简介

Phinom.Digital 是一个简单可靠的加密货币期权交易平台,价格公道。

做它的人本来就在投资行业里,用户是加密爱好者和专业交易员。

平台覆盖的加密期权类型很多,从挑标的一直到成交。

01

目标与原则

背景。 加密货币期权是复杂工具:价格方向、障碍、到期日、行权价。Phinom 想做到的是,专业交易员用得了,加密爱好者也用得了。

任务。 把一个复杂的金融动作显示出来,同时不吵。用户随时看得见自己在搭什么、选了哪些参数、图表怎么变、余额在哪儿。屏幕之间什么都不丢。

原则。 一个上下文装下全部。下单面板、K 线图和余额并排站着,互相回应:改一个参数,后果立刻看得见。红和绿留给价格涨跌,霓虹薄荷绿留给操作。

  • 移动端场景:投资组合、委托单、买入和卖出、操作状态。
  • 数据可视化:K 线图、行权价和当前价格,直接放在下单流程里。
  • UI kit:组件、状态和产品字体。
  • Web:推广网站,扫 QR 码直接进应用。
绿色石块上的笔记本电脑,屏幕是 Phinom 推广网站,四周是深色织物:应用的 QR 码,以及 FAQ、Ask Question 和 Blog 几个板块
绿色石块上的推广网站:QR 码直接把人送进应用,旁边是 FAQ、Ask Question 和 Blog。
02

平台

Phinom 是一个手机应用加一个 Web 平台,复杂的衍生品流程被收进了同一屏。下单在 Builder 里搭:价格方向、障碍期权的类型(敲入还是敲出)、到期日和行权价。每选一次,图表和余额立刻回应:按下 Buy 之前,用户就知道自己买的是什么。

门槛压低了:真实余额旁边就是演示模式,平台还会按已选的参数推荐合适的期权。

公开版本按脱敏口径写,只讲 Phinom,不含客户数据。

03

界面细节

平台的移动端场景:投资组合和持仓、K 线图、买入和卖出、输入 PIN。深色玻璃上只有数据在发光。

Phinom 移动端界面的等距排列:投资组合、BTC-USDT 的 K 线图、Buy 和 Sell 按钮、委托单和 PIN 输入
界面等距图:投资组合、图表、委托单和操作状态。红和绿只服务于数据。
一台 Phinom 手机浮在深绿色六边形背景上,屏幕是霓虹色的期权图表
04

字体与样式

产品的设计系统用一款字体就够:Manrope 从报价一直干到按钮。界面上唯一的强调色是霓虹薄荷绿,红和绿只属于价格的涨跌。

Phinom 的字体样张:黑绿背景上 Manrope 的白色 Aa、Bb 和 Cc
Manrope 样张:界面上所有角色都用这一款。
Phinom 的 UI kit:Builder 和 Graph 切换、按钮、余额滑块、带行权价的图表、Vanila Call 持仓卡片和期权下单面板
UI kit:期权下单面板、Builder/Graph 切换、余额滑块、持仓卡片和加载状态。
05

结果

价格方向、障碍、到期日、行权价,这些专业工具被收进一条加密爱好者也读得懂的流程。这次做的东西包括移动端场景、推广网站和 UI kit: 复杂的衍生品变成了一个简单的产品,精度没丢

公开版本界面上的数据都是演示数据,内部指标和上线节点我不公开。

全部作品

手上也有个复杂的金融产品? 说给我听,我们把流程收进一个屏幕。