Retour au portfolio

D'un back-office hérité
à un poste de trading
lisible.

Refonte stratégique et design end-to-end de b-cube.ai, plateforme de trading crypto piloté par IA. Cinq modules unifiés sous une même interface, pour des traders particuliers qui veulent automatiser leur portefeuille sans coder. Mission de 10 mois en 2022, PM et Designer en solo, dans un marché crypto en pleine effervescence qui a imposé d'itérer en continu.

N° 02 · 2022
Clientb-cube.ai
RôlePM + Product Designer · Solo
Durée10 mois
StackFigma · Notion · Linear
UI / 01 · Balance KPI
$142,384.92
▲ +$8,240 · +6.12% · 7D
1D 7D 1M 3M ALL
UI / 02 · Marketplace bot
A
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
6%
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
05
Modules livrés
12
Composants UI
Le brief

Rendre lisible un produit financier dense, sans le simplifier.

b-cube.ai construit une plateforme tout-en-un de trading crypto piloté par IA. La promesse : donner à un trader particulier les outils habituellement réservés aux fonds quantitatifs, sans qu'il ait besoin d'écrire une ligne de code.

Cinq modules à faire cohabiter dans la même app. Une marketplace de bots algorithmiques (programmes qui passent des ordres automatiquement à partir de modèles mathématiques). Du copy trading, qui permet de reproduire les positions d'un trader humain en un clic. Un portefeuille multi-exchange. Un module de rendement DeFi. Un centre éducatif.

À mon arrivée, l'interface ressemblait à un back-office hérité. Esthétique outil interne, hiérarchies floues, chaque module vivait dans son silo. Le produit ne souffrait pas d'un manque de fonctionnalités. Il souffrait d'un manque de lisibilité.

Mission de 10 mois en 2022, PM et Designer en solo. Stratégie produit, roadmap, design end-to-end (site vitrine et webapp), coordination avec l'équipe interne (algorithmes, smart contracts, DeFi) et les prestataires externes. J'ai tenu le projet de bout en bout, les développeurs en posture d'exécution.

Le contexte ne s'est pas calmé pendant ces 10 mois. LUNA s'effondre en mai, FTX en novembre. Pour b-cube, qui vend de l'automatisation, c'est paradoxalement une période d'effervescence : les utilisateurs affluent, les sujets bougent, il faut itérer plus vite que la roadmap initiale ne le permettait.

01 · Stratégie

Cinq modules sous une seule interface.

J'ai cadré la vision V2 autour de cinq modules à faire cohabiter sous la même barre de navigation, le même langage de risque, les mêmes composants. Pilotage de la roadmap, traduction des besoins business et utilisateurs en spécifications fonctionnelles, coordination quotidienne avec l'équipe technique.

L'enjeu n'était pas d'inventer ces modules un par un. C'était de les faire tenir ensemble pour un public qui ne maîtrisait pas la finance quantitative. Une seule barre de navigation, un seul langage de risque (Sharpe, drawdown, volatilité, traduits dans la copy), une seule logique d'onboarding.

  • Marketplace de bots. Louer des stratégies algorithmiques toutes faites, avec une carte d'identité par bot (rendement passé, niveau de risque, nombre d'abonnés).
  • Social copy trading. Choisir un trader humain et reproduire automatiquement ses positions, avec filtres de risque.
  • Portefeuille multi-exchange. Vue consolidée des comptes Binance, Kraken et autres, dans une seule interface.
  • DeFi Stake & Trade. Placer ses fonds dans des protocoles automatiques pour générer un rendement passif, intégré au parcours de trading.
  • Centre éducatif. Contenus de formation au trading et à la gestion du risque, intégrés dans le produit.
BCUBE$0.1347+6.49%
Marketplace

Discover 24 bots

Curated by B-cube · verified performance · subscribe anytime
All markets Spot Futures Top performing Token Frequency Sort: 3M return
A
Cardano Super Scalper
ADA/USDT · Futures
+224.6%3M return
SUBS
1,284
SHARPE
2.14
PRICE
$19/mo
E
ETH Momentum Pro
ETH/USDT · Spot
+98.2%3M return
SUBS
842
SHARPE
1.88
PRICE
$29/mo
B
BTC Grid Master
BTC/USDT · Spot
+51.4%3M return
SUBS
2,104
SHARPE
1.42
PRICE
$19/mo
S
SOL Swing Hunter
SOL/USDT · Futures
+211.0%3M return
SUBS
612
SHARPE
2.34
PRICE
$29/mo
B
BNB Range Bot
BNB/USDT · Spot
+43.7%3M return
SUBS
388
SHARPE
1.12
PRICE
$14/mo
D
DOGE Breakout
DOGE/USDT · Futures
+188.3%3M return
SUBS
924
SHARPE
1.96
PRICE
$24/mo
Fig. 01 · Marketplace : grille de bots quant pour utilisateurs non experts ⏷ Rendement 3M, Sharpe (risque), prix mensuel, tout dans la carte.
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
T4
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
B
Binance Spot
Connected via API
$100,000 2 BTC / 20,000 USDT Live
B
Binance Futures
Connected via API
$38,420 1.2 ETH / 12,000 USDT Live
K
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 composants UI V2, dark-mode bento ⏷ Affichage et configuration, réutilisés à travers les cinq modules.
02 · Design

Le risque au même niveau que le rendement.

Sur un produit financier grand public, le réflexe par défaut consiste à mettre le rendement en gros et à reléguer le risque dans un disclaimer en bas de page. Sur b-cube, on a fait le choix inverse.

Sur la carte d'un bot, trois chiffres cohabitent au même niveau visuel. Le rendement sur 3 mois. Le Sharpe (rendement rapporté au risque pris : un bot qui gagne 10 % sans secousse vaut mieux qu'un bot qui gagne 15 % avec des chutes brutales). Le max drawdown (la pire perte historique du bot). Sur le dashboard, la perte potentielle s'affiche à côté du gain. Un utilisateur particulier finira par chercher ce que veut dire « Sharpe ratio ». Autant qu'il le voie dès le premier jour.

Système visuel : dark-mode bento. Densité élevée assumée, modules visuellement cloisonnés, aucun gradient marketing. Verts et rouges réservés au signal financier (gain ou perte), jamais à la décoration. Sky pour la voix produit, neutres warm pour le reste. Inter en famille unique, hiérarchie portée par le poids et le tracking.

12 composants UI documentés et réutilisés à travers les cinq modules : cartes KPI, états vivants (Live, Paused, Stopped), allocation par paliers, fil d'actualité marché, modale de configuration, bloc de balance.

Onboarding refondu. L'ancien parcours demandait à l'utilisateur de comprendre dans la même session la connexion exchange, le staking de tokens BCUBE et la configuration d'un bot. Le nouveau parcours sépare ces trois moments. Chacun est goûtable seul, reprenable plus tard, et renvoie un signal de progrès clair.

01 RiskAu même niveau que le rendement
02 BentoDark-mode, densité assumée
03 System12 composants UI
04 OnboardTrois moments séparés
05 ShipSite + webapp
BCUBE$0.1347+6.49%
My bots

5 active bots

Combined AUM $43,969 · aggregate P&L +$2,521 · last 30d
All Live Paused Spot Futures Period: 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 lignes data-heavy, Sharpe et drawdown et statut en un coup d'œil ⏷ Pour un trader qui ouvre la page 30 fois par jour.
03 · Résultats

Cinq modules livrés, un produit unifié.

V2 shippée et déployée. Cinq modules sous une barre de navigation commune, site vitrine et webapp designés end-to-end. Chaque module utilise les mêmes composants UI, le même langage de risque, la même hiérarchie de navigation, ce qui n'existait pas avant.

Onboarding refondu, du parcours monolithique d'origine à trois moments séparables (connexion exchange, staking, premier bot). C'était le principal goulet d'étranglement du produit avant la mission.

Équipe technique coordonnée de bout en bout. Algorithmes de trading (partenariat académique avec l'Université Paris-Saclay), smart contracts audités, DeFi, prestataires externes. J'ai porté seul la stratégie produit, le design et la roadmap, les développeurs en posture d'exécution. Une condition rare qui a permis d'itérer vite sans perdre la cohérence.

Annexe · design system

b-cube V2 design system · dark-mode bento

Tokens, atoms, molecules, organisms — la grammaire visuelle qui rend un produit financier dense lisible pour des traders particuliers. Échelle d'inks 0–10, robin teal en accent, Geist Mono partout où un chiffre apparaît.

01 Tokens Inks · robin · signal · typo · 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.

xs
4 px
sm
8 px
md
12 px
lg
16 px
xl
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.

6
sm · chip
8
md · cta
10
input
12
lg · card
14
bot card
16
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.

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.

A
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.

T4
Tier 4 member
145 865 BCUBE staked · unlocks all bots
04 Organisms 4 blocs assemblés

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
B
Binance Spot
Connected via API
$100,000 2 BTC / 20k USDT Live
B
Binance Futures
Connected via API
$38,420 1.2 ETH / 12k USDT Live
K
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 · Projet suivant

Wepartum

2024 · PM + Designer App B2B2C d'accompagnement parental.
Audit recadre le brief, moteur de simulation, 46 écrans.
Design system b-cube V2 · 4 catégories