All work

Case 07 · Crypto options trading · Sweden · 2021

Phinom

A simple, dependable platform for trading crypto options: the trade builder, the chart and the balance live in one context, so nothing gets lost.

Client
Phinom.Digital
Geography
Sweden
Role
UX/UI Designer
Year
2021
Platforms
Mobile app · Web
Status
Sanitized case study
Two Phinom phones in a dark green stone scene with plant shadows: the crypto option builder and a chart in neon mint

The option builder and the trade chart: neon mint on dark glass, with a Swedish forest of plant shadows around it.

ultimate secure
platform to trade
crypto options
with ease and
confidence

Sweden, 2021. A mobile app and a web platform

About the project

Phinom.Digital is a simple, dependable platform for trading crypto options at fair prices.

Built by investment professionals for crypto enthusiasts and for professional traders.

It gives access to many types of crypto option, from picking the instrument through to the trade.

01

Goals and principles

Context. A crypto option is a complicated instrument: the direction of the price, the barriers, the expiry, the strike price. Phinom was meant to put that instrument in the hands of crypto enthusiasts as well as professional traders.

Brief. Show a complicated financial action without the noise. At any moment the user sees what they are assembling, which parameters are selected, how the chart moves and where their balance stands. Nothing gets lost between screens.

Principle. One context instead of a chain of windows. The trade builder, the chart and the balance stand next to each other and answer each other: change a parameter and the consequence shows up at once. Red and green belong to price movement, neon mint to the controls.

  • Mobile flows: portfolio, orders, buying and selling, operation statuses.
  • Data visualization: candlestick charts, the strike price and the current price right inside the trade flow.
  • UI kit: components, states and the product typography.
  • Web: a promo site with a QR code that jumps straight into the app.
A laptop showing the Phinom promo site on a green stone cube among dark fabric: the app QR code and the FAQ, Ask Question and Blog sections
The promo site on a green stone cube: the QR code goes straight to the app, with FAQ, Ask Question and Blog beside it.
02

Platform

Phinom is a mobile app and a web platform where a complicated derivatives flow is gathered into one screen. The trade is put together in the builder: the direction of the price, the type of barrier option, knock-in or knock-out, the expiry date and the strike price. The chart and the balance answer every choice at once, so the user sees what they are buying before they press Buy.

The entry bar is lower here: a demo mode sits next to the real balance, and the platform suggests options that match the parameters already set.

This section is published sanitized. The fragments come from the product itself, and no client data appears on them.

03

Interface up close

The mobile flows of the platform: portfolio and positions, candlestick charts, buying and selling, the PIN entry. Dark glass where only the data glows.

An isometric arrangement of Phinom mobile screens: portfolio, BTC-USDT candlestick charts, Buy and Sell buttons, orders and PIN entry
Screens in isometry: portfolio, charts, orders and operation statuses. Red and green work for the data alone.
A Phinom phone with a neon option chart, floating on a dark green background with hexagons
04

Type and styles

One typeface is enough for the product design system. Manrope works in every role, from quotes to buttons. Neon mint is the only accent in the interface, and red and green are held for price movement.

The Phinom type specimen: white Aa, Bb and Cc in Manrope on a black-green background
The Manrope specimen: one typeface for every role in the interface.
The Phinom UI kit: Builder and Graph toggles, buttons, the balance slider, a chart with the strike price, a Vanila Call position card and the option builder
The UI kit: the option builder, the Builder and Graph toggles, the balance slider, a position card and the loading states.
05

Outcome

The direction of the price, the barrier, the expiry, the strike price. Professional instruments put into a flow a crypto enthusiast can read as well. The work covered the mobile flows, the promo site and the UI kit: a complicated derivative turned into a simple product without losing precision.

The data on the screens in the public version is demo data. Internal metrics and launch milestones are not published, and I am not going to guess at them.

All work

A similar problem with a complicated financial product? Tell me and we will gather the flow into one screen.