From a legacy back-office
to a readable
trading desk.

Strategic redesign and end-to-end design for b-cube.ai, an AI-driven crypto trading platform. Five modules unified under one interface, for retail traders who want to automate their portfolio without writing code. 10-month mission in 2022, PM and Designer solo, in a crypto market boiling enough to force constant iteration.

N° 02 · 2022

Clientb-cube.ai

RolePM + Product Designer · Solo

Duration10 months

StackFigma · Notion · Linear

UI / 01 · Balance KPI

$142,384.92

▲ +$8,240 · +6.12% · 7D

1D 7D 1M 3M ALL

UI / 02 · Marketplace bot

Cardano Super Scalper

ADA/USDT · Futures

+224.6% 3M return

SUBS1,284

SHARPE2.14

PRICE$19/mo

UI / 03 · Status & tags

Live Paused Stopped

Spot Futures DeFi DEX

All markets Top perf. Token

▲ +12.49% ▼ −1.40% 0.00%

UI / 04 · Stepped allocation

B Baba Bot 1.520 BTC

0% 25% 50% 75% Custom 76%

A ADA Futures #2 51%

UI / 05 · Market pulse

ADA bot closed long @ 0.4312now

BTC broke resistance $67.8k2m

ETH bot stop-loss triggered12m

SOL bot opened long @ 168.418m

BCUBE staking rewards credited1h

UI / 06 · Config toggles

Leverage

x20

Taking profit

Custom stop loss

UI / 07 · My bots · data row

BotAssetsP&LTrend

ADA Super Scalper

$11,253 +$1,253

ETH Momentum Pro

$8,420 +$612

SOL Swing Hunter

$6,210 −$88

UI / 08 · Account picker

Pick the account to link to the bot

BBinance Spot

BBinance Futures

FFTX 1

⚠ Please pick an account

UI / 09 · Capital input

Account

B Binance #1

Capital (%)

25%

Capital

10 000USDT

UI / 10 · Modal header

Add ADA Intraday

⚠ You are about to add ADA-INTRADAY to your bot list

Pick the account to link to the bot

↻ Reset to default

UI / 11 · Success state

ADA Intraday successfully linked to
"Binance spot"

UI / 12 · Balance block

BBTC

Available

2.00000

Remaining : 5%(0,000.000 BTC)

UUSDT

Available

100,000.000

Remaining : 5%(5,000.000 USDT)

2022

Mission · Remote

10 m

PM + Designer solo

Modules shipped

UI components

The brief

Make a dense financial product readable, without dumbing it down.

b-cube.ai is building an all-in-one AI-driven crypto trading platform. The promise : give a retail trader the tools usually reserved for quant funds, without making them write a line of code.

Five modules had to share the same app. A marketplace of algorithmic bots (programs that place orders automatically based on mathematical models). Copy trading, which lets you mirror a human trader's positions in one click. A multi-exchange portfolio. A DeFi yield module. An education center.

When I came in, the interface looked like a legacy back-office. Internal-tool aesthetic, fuzzy hierarchies, each module living in its own silo. The product was not short on features. It was short on legibility.

10-month mission in 2022, PM and Designer solo. Product strategy, roadmap, end-to-end design (marketing site and webapp), coordination with the in-house team (algorithms, smart contracts, DeFi) and external vendors. I held the project end-to-end, with developers in an execution posture.

The context did not calm down during those 10 months. LUNA collapsed in May, FTX in November. For b-cube, which sells automation, that period was paradoxically one of high activity. Users were flowing in, priorities were shifting, the roadmap had to iterate faster than originally planned.

01 · Strategy

Five modules, one interface.

I scoped the V2 vision around five modules that had to coexist under the same navigation bar, the same risk vocabulary, the same components. Roadmap ownership, translation of business and user needs into functional specs, daily coordination with the technical team.

The hard part was not inventing those modules one by one. It was making them hold together for an audience that did not know quantitative finance. One navigation bar, one risk vocabulary (Sharpe, drawdown, volatility, all translated in the copy), one onboarding logic.

Bot marketplace. Rent ready-made algorithmic strategies, each bot with its own identity card (past return, risk level, subscriber count).
Social copy trading. Pick a human trader and auto-mirror their positions, with risk filters.
Multi-exchange portfolio. Consolidated view of Binance, Kraken and other accounts in a single interface.
DeFi Stake & Trade. Put your funds into automated protocols to earn passive yield, wired into the trading flow.
Education center. Training content on trading and risk management, embedded inside the product.

Search bots, coins, markets…⌘K

BCUBE$0.1347+6.49%

Marketplace

Discover 24 bots

Curated by B-cube · verified performance · subscribe anytime

Cardano Super Scalper

ADA/USDT · Futures

+224.6%3M return

SUBS

1,284

SHARPE

2.14

PRICE

$19/mo

ETH Momentum Pro

ETH/USDT · Spot

+98.2%3M return

SUBS

842

SHARPE

1.88

PRICE

$29/mo

BTC Grid Master

BTC/USDT · Spot

+51.4%3M return

SUBS

2,104

SHARPE

1.42

PRICE

$19/mo

SOL Swing Hunter

SOL/USDT · Futures

+211.0%3M return

SUBS

612

SHARPE

2.34

PRICE

$29/mo

BNB Range Bot

BNB/USDT · Spot

+43.7%3M return

SUBS

388

SHARPE

1.12

PRICE

$14/mo

DOGE Breakout

DOGE/USDT · Futures

+188.3%3M return

SUBS

924

SHARPE

1.96

PRICE

$24/mo

Fig. 01 · Marketplace: quant bot grid for non-expert users ⏷ 3M return, Sharpe (risk-adjusted), monthly price, all on the card.

Search bots, coins, markets… ⌘K

BCUBE $0.1347 +6.49%

Dashboard

Good morning, thomas

3 bots running · 2 exchanges connected · last sync 12s ago

Total balance

$142,384.92

▲ +$8,240.18 · +6.12% · 7D

Tier 4 member

145 865 BCUBE staked · unlocks all bots

Today's P&L+$1,284.40

Realized+$842.12

Unrealized+$442.28

Fees paid−$18.44

Trades24

BOT RETURN · 30D +18.4% Across 3 active bots

WIN RATE 72% ▲ 4.2pts vs last month

SHARPE · 90D 2.14 ▲ 0.18

MAX DRAWDOWN −8.2% Within target

Connected accounts

ExchangeBalanceAvailableStatus

Binance Spot

Connected via API

$100,000 2 BTC / 20,000 USDT Live

Binance Futures

Connected via API

$38,420 1.2 ETH / 12,000 USDT Live

Kraken

Connected via OAuth

$3,964 0.06 BTC / 500 USDT Live

Market pulseLIVE

ADA bot closed long @ 0.4312now

BTC broke resistance $67.8k2m

ETH bot stop-loss triggered12m

SOL bot opened long @ 168.418m

BCUBE staking rewards credited1h

Fig. 02 · Design system: 12 V2 UI components, dark-mode bento ⏷ Display and config, reused across the five modules.

02 · Design

Risk at the same level as return.

On a consumer-facing financial product, the default reflex is to push return out in big type and bury risk in a footer disclaimer. On b-cube, we made the opposite choice.

On a bot card, three numbers sit at the same visual level. The 3-month return. The Sharpe ratio (return weighted against risk taken : a bot that earns 10 % smoothly beats a bot that earns 15 % with violent drops). The max drawdown (the bot's worst historical loss). On the dashboard, potential loss appears next to gain. A retail user will eventually search for « Sharpe ratio ». Better to show it on day one.

Visual system: dark-mode bento. High density, embraced. Modules visually walled off, zero marketing gradients. Green and red are reserved for financial signal (gain or loss), never for decoration. Sky for product voice, warm neutrals for everything else. Inter as a single family, hierarchy carried by weight and tracking.

12 UI components documented and reused across the five modules: KPI cards, live states (Live, Paused, Stopped), tier-based allocation, market pulse feed, configuration modal, balance block.

Onboarding rebuilt. The old flow asked the user to make sense of three things in the same session: exchange connection, BCUBE token staking, and bot configuration. The new flow separates those three moments. Each can be tasted on its own, resumed later, and gives a clear progress signal.

01 RiskSame level as return

02 BentoDark-mode, density embraced

03 System12 UI components

04 OnboardThree separate moments

05 ShipSite + webapp

Search bots, coins, markets…⌘K

BCUBE$0.1347+6.49%

My bots

5 active bots

Combined AUM $43,969 · aggregate P&L +$2,521 · last 30d

#BotMktAssetsP&LChangeDrawdownTrendStatus

1 A

Cardano Super Scalper

ADA/USDT

Futures $11,253 +$1,253 +12.49% −4.2%

Live

2 E

ETH Momentum Pro

ETH/USDT

Spot $8,420 +$612 +7.82% −3.1%

Live

3 B

BTC Grid Master

BTC/USDT

Spot $14,906 +$342 +2.34% −1.8%

Live

4 S

SOL Swing Hunter

SOL/USDT

Futures $6,210 −$88 −1.40% −6.4%

Paused

5 D

DOGE Breakout

DOGE/USDT

Futures $3,180 +$402 +14.49% −5.8%

Live

Fig. 03 · My bots: 5 data-heavy rows, Sharpe and drawdown and status at a glance ⏷ For a trader opening the page 30 times a day.

03 · Results

Five modules shipped, one unified product.

V2 shipped and deployed. Five modules under one common navigation bar, marketing site and webapp designed end-to-end. Each module reuses the same UI components, the same risk vocabulary, the same navigation hierarchy, which did not exist before.

Onboarding rebuilt, from the monolithic original flow to three separable moments (exchange connection, staking, first bot). It was the main funnel bottleneck of the product before the mission.

Technical team coordinated end-to-end. Trading algorithms (academic partnership with Université Paris-Saclay), audited smart contracts, DeFi, external vendors. I held product strategy, design and roadmap solo, with developers in an execution posture. A rare condition that allowed fast iteration without losing coherence.

Annex · design system

b-cube V2 design system · dark-mode bento

Tokens, atoms, molecules, organisms — the visual grammar that makes a dense financial product readable for retail traders. Inks 0–10, robin teal accent, Geist Mono everywhere a number lives.

01 Tokens Inks · robin · signal · type · spacing · radii

Inks — échelle 0 → 10

11 paliers du fond le plus profond (#0A0B10) au texte le plus clair (#F2F3F5). Tout le bento se navigue dans cette gamme.

ink-on-dark

ink-0 — canvas#0A0B10

ink-1 — surface#0F1117

ink-2 — input bg#161922

ink-3 — line#1E222D

ink-4 — line strong#2A2F3D

ink-7 — text mute#6E7689

ink-8 — text dim#A9AEBF

ink-on-light

ink-10 — text#F2F3F5

Robin teal — accent signature

La voix produit. Glow sur les CTAs, dim sur les chips actifs, plein sur les valeurs de référence.

ink-0

robin — voix produit#23CBD5

robin glow — boutonsrgba(35,203,213,.22)

robin dim — chip onrgba(35,203,213,.08)

bunting — deep blue#172352

Signal — gain / perte / alerte

Les couleurs financières. Verte au-dessus, rouge en-dessous, ambre pour la pause. Jamais utilisées en décoration.

ink-0

up — gain#41D98C

ink-10

dn — perte#FF5B6E

ink-0

warn — paused#FFB547

Typographie

Geist pour le display, Geist Mono pour tout ce qui est financier (tabular-nums obligatoire), Instrument Serif en touche.

display36 / 40 · -1.4

$142,384.92

h128 / 32 · -1.1

My bots, today

h220 / 24 · -0.6

Cardano Super Scalper

num24 / 28 · mono · tabular

+224.6%

num upmono · #41D98C

+$8,240.18

num dnmono · #FF5B6E

−$88.04

quote17 / 24 · serif italic

« A bot for retail traders who need clarity, not a Bloomberg terminal. »

body14 / 22

Five modules unified under one navigation, one risk vocabulary, one onboarding logic.

meta11 · mono · uppercase

Connected via API · last sync 12s ago

Spacing — grille 4 px

Bento dense mais respirée. Les padding internes des cards tournent autour de 14-22 px.

4 px

8 px

12 px

16 px

20 px

2xl

24 px

3xl

32 px

Radii

Bento : sm pour les chips, md pour les inputs, lg pour les cards, xl pour les blocs hero. Pill 999 pour les status.

sm · chip

md · cta

input

lg · card

bot card

xl · hero

full

status pill

02 Atoms 12 primitives

StatusPill

Live · Paused · Stopped

3 états + dot. La couleur signe l'état du bot. Live = up green, paused = warn ambre, stopped = dn red.

Live Paused Stopped

Tag

marché · stratégie

Catégorie de marché. Spot, Futures, DeFi, DEX. Neutre par défaut, ne porte pas de signal financier.

Spot Futures DeFi DEX Perpetuals

Chip — range

timeframe toggle

Sélecteur de période. Variant is-on sur fond robin dim. Mono tabular pour aligner les chiffres.

1D 7D 1M 3M 1Y ALL

CoinAvatar

3 sizes

Carré arrondi avec lettre. Couleurs canoniques de l'écosystème (Bitcoin orange, Ethereum violet, etc).

B E A S D U B

DeltaIndicator

▲ ▼ —

Variation chiffrée signée. Tabular nums pour l'alignement vertical dans les tables.

▲ +12.49% ▲ +$1,253.42 ▼ −1.40% ▼ −$88.04 — 0.00%

Sparkline

SVG · 200×36

Mini-graph dans les rangs de tableau et les bot cards. Up green, down red. Aucun axe.

KbdHint

shortcut hint

Indicateur de raccourci clavier dans la search bar et les actions rapides.

⌘K ⌘N esc ⇧⌘P

IconBtn

avec / sans badge

Bouton compact 36×36, ink-2 sur ink-3. Le badge robin signale les notifications non-lues.

CTA

primary · ghost · signal

Boutons d'action. Primary robin. Ghost transparent. Signal pour les actions financières (deposit / withdraw).

Hex avatar

tier badge

Avatar hexagonal robin teal. Initiale en Geist 700, ink-0 pour la lisibilité sur le gradient.

T A M S

SearchBar

⌘K activable

Barre de recherche globale. Placeholder dim, kbd hint à droite. Présente dans la top bar.

Search bots, coins, markets… ⌘K

Number

tabular nums · mono

Toute valeur financière. Geist Mono, font-variant-numeric: tabular-nums pour aligner les chiffres dans les tables.

$142,384.92 +$8,240.18 (+6.12%) 2.14 SHARPE 90D

03 Molecules 8 compositions

KPI tile

return · win · sharpe · drawdown

Petit tile dashboard. Label uppercase mono + valeur Geist Mono + delta. Réutilisé pour 4 KPIs.

Bot return · 30D +18.4% Across 3 active bots

Win rate 72% ▲ 4.2pts vs last month

Sharpe · 90D 2.14 ▲ 0.18

Max drawdown −8.2% Within target

PnL card

today's breakdown

Décomposition du PnL du jour. Realised, unrealised, fees, trades. Mono tabular partout pour l'alignement.

Today's P&L +$1,284.40

Realized +$842.12

Unrealized +$442.28

Fees paid −$18.44

Trades 24

Bot card

marketplace · subscribe

Carte d'identité d'un bot algo. Coin avatar, nom, marché, return 3M, sparkline, 3 stats, bouton subscribe.

Cardano Super Scalper

ADA/USDT · Futures

+224.6% 3M return

Subs

1,284

Sharpe

2.14

Price

$19/mo

Balance block

par actif

Solde par actif. Affiche disponible + remaining. Le pourcentage robin signale la marge restante.

B BTC

Available

2.00000

Remaining: 5% (0.10000 BTC)

U USDT

Available

100,000.00

Remaining: 5% (5,000.00 USDT)

Stepped allocation

paliers d'allocation

Slider d'allocation par paliers. Le bar gradient bunting → robin marque la position. Dot robin pour l'étape courante.

B Baba Bot 1.520 BTC

0%25%50%75%100%

Modal header

title + close

Header de modale. Titre + bouton close. Padding dense pour le bento, séparateur visuel par la card surface.

Connect exchange

Configure ADA Intraday

Success state

post-action

État de confirmation. Cercle up green + message. Suivi optionnellement d'un CTA pour la prochaine étape.

ADA Intraday successfully linked to "Binance spot"

Profcard

tier · staked

Carte tier utilisateur. Hex avatar + tier + tokens BCUBE staked. Donne le contexte d'accès aux bots premium.

Tier 4 member

145 865 BCUBE staked · unlocks all bots

04 Organisms 4 assembled blocks

Hero balance

dashboard top

Bloc principal du dashboard. Total balance en Geist Mono 40, range chips, sparkline pleine largeur. Glow robin en arrière-plan.

Total balance

$142,384.92

▲ +$8,240.18 · +6.12% · 7D

1D 7D 1M 3M 1Y ALL

Connected accounts

3 exchanges live

Tableau des comptes exchange connectés. Coin avatar, nom, balance, available, status pill, chevron.

ExchangeBalanceAvailableStatus

Binance Spot

Connected via API

$100,000 2 BTC / 20k USDT Live

Binance Futures

Connected via API

$38,420 1.2 ETH / 12k USDT Live

Kraken

Connected via OAuth

$3,964 0.06 BTC / 500 USDT Live

Market pulse

live feed

Flux d'évènements en direct. Dot up/dn glowing pour signaler la direction. Hour-meta à droite.

ADA bot closed long @ 0.4312 now

BTC broke resistance $67.8k 2m

ETH bot stop-loss triggered 12m

SOL bot opened long @ 168.4 18m

BCUBE staking rewards credited 1h

My bots — table row

data-heavy

Ligne du tableau My bots : rang, coin, nom, marché, assets, PnL, change, drawdown, sparkline, statut. Data-heavy assumé.

#BotMktAssetsP&LChangeDrawdownTrendStatus

1 A

Cardano Super Scalper

ADA/USDT

Futures $11,253 +$1,253 +12.49% −4.2% Live

2 E

ETH Momentum Pro

ETH/USDT

Spot $8,420 +$612 +7.82% −3.1% Live

3 S

SOL Swing Hunter

SOL/USDT

Futures $6,210 −$88 −1.40% −6.4% Paused

Sidebar nav

8 destinations

Nav verticale 76 px. Logo robin gradient en haut, items 44×44, dot robin en accent sur l'item actif.

N° 03 · Next project

Wepartum ↗

2024 · PM + Designer B2B2C parental support app.
Audit reshapes the brief, simulation engine, 46 screens.

Design system b-cube V2 · 4 categories

From a legacy back-officeto a readabletrading desk.

Make a dense financial product readable, without dumbing it down.

Five modules, one interface.

Discover 24 bots

Good morning, thomas

Risk at the same level as return.

5 active bots

Five modules shipped, one unified product.

Inks — échelle 0 → 10

Robin teal — accent signature

Signal — gain / perte / alerte

Typographie

Spacing — grille 4 px

Radii

StatusPill

Tag

Chip — range

CoinAvatar

DeltaIndicator

Sparkline

KbdHint

IconBtn

CTA

Hex avatar

SearchBar

Number

KPI tile

PnL card

Bot card

Balance block

Stepped allocation

Modal header

Success state

Profcard

Hero balance

Connected accounts

Market pulse

My bots — table row

Sidebar nav

Wepartum ↗

From a legacy back-office
to a readable
trading desk.