FinTech · Trading and hiring platform

Trader Portfolio Platform

A platform where traders learn, trade virtual money on live prices and compete in contests that employers run for prize money and a job. Every order feeds a trading CV, and employers hire on those numbers. I designed the product, its design system, the logo and brand, and the website.

Role
Product designer: product, design system, brand and website
Users
Traders and the employers hiring them
Made
Trading, trading CV, contests and jobs, academy, employer tools
Platform
Web app and mobile
The problem

A trader’s CV lists skills but can’t show a single trade. Employers hire on paper and find out on the desk.

What I did

I designed both sides around one idea: every simulated order becomes proof. Talents trade, learn and compete; employers run contests and hire on real numbers.

The result

Web app and phone layouts, plus the logo, brand, design system and website. No usage numbers on this page.

Both sides in 30 seconds: a CV built from real trades, shared with consent, hired on the numbers. Film and soundtrack made in code from the product screens on this page, with an AI voice-over.

The problem

Here talents trade virtual money on live prices, and every order joins a CV they apply with. Employers post jobs and run contests with their own rules, budget and prize, then hire the traders who rank best on the numbers that matter to the role.

The talent
Asks
“How do I get noticed without the right degree or network?”
Gets
Virtual money to trade, contests with a prize and a job, and a CV built from their own trades.
The employer
Asks
“Who actually trades well under pressure?”
Gets
Contests on their own rules, a live leaderboard and a match to the role.
The learner
Asks
“What should I learn next?”
Gets
Challenges picked from gaps in their own trading.

My part

I designed the product end to end: trading, the trading CV, contests and jobs, the academy and the employer tools. I also made the logo, the brand and the design system, and designed and built the website in Webflow.

How a trade becomes a job

Nobody writes the CV: the talent learns, trades and competes, and the platform keeps score.

Key decisions

The idea behind every decisionProof over claims: every number on a trading CV comes from a real order.

01 · Trade

Trade from the first minute

Sign up and there is €100,000 of virtual money on live prices, so a talent trades on day one instead of filling in a profile. They split it into portfolios, one per strategy. Every order is logged, and the trading CV builds itself from it.

Instead of
A profile to fill in before the first trade
Chose
Virtual money on live prices from day one
02 · Trading CV

A CV made of trades

The top answers a recruiter’s first questions: how much they made and lost, how often they trade and what. Below: the week in bars, every closed trade and a PDF export.

Instead of
A CV of claims like “analytical”
Chose
A CV where every number comes from an order
03 · How they trade

How they trade, not only what they made

Same return, very different traders. The CV also shows when they trade, their daily risk and what they keep returning to, which a desk lead asks before any interview.

Instead of
Returns on their own
Chose
Risk, timing and habits next to returns
04 · Academy

Learn the market, picked from your own trades

Short quizzes teach the market, how to trade, how to read a chart pattern and how to make a call before the price moves. The next lesson comes from the CV: a talent who lost 37% on one trade gets risk management, not another pattern. Finished challenges land on the CV with a verified date.

Instead of
One fixed course for everyone
Chose
The next lesson picked from your own trades
05 · Contests and jobs

Contests and jobs on one board, entered with proof

Employers post jobs and run contests: same money, same market, their own rules, with prize money and a job for the best. Both sit on one board, sorted by fit. The page checks each requirement against the talent’s numbers first, so a gap becomes a next lesson, not a silent rejection. Entering is one sheet: what’s shared, what’s private, when consent ends.

Instead of
Apply, then silence
Chose
Requirements checked first, a status after
Talent Jack Mack enters a contest for an internship Now: browsing contests and jobsNow: checking the requirementsNow: choosing what to shareNow: following the status✓ Entered, and in review
  1. 1
    Find a contest or a jobSorted by how well each one fits the CV.
  2. 2
    Check the requirementsEach one measured against their own numbers.
  3. 3
    Choose what to shareOne sheet: what goes, what stays, until when.
  4. 4
    Follow the statusIt moves each time the employer acts.
06 · Create a contest

Set the rules, the budget and the prize

An employer builds a contest the way a desk lead thinks: which market, how much virtual money, who may enter and what counts as good. The KPI weights become the leaderboard, and the prize, money and a job interview, is fixed before anyone trades. The side panel shows how many talents already qualify.

Instead of
A job ad, then a pile of CVs
Chose
A contest with its own rules, budget and prize
07 · Leaderboard

The leaderboard ranks by the employer’s KPIs

Everyone in a contest trades the same money, market and time limit. Ranking by return would reward the luckiest gambler, so the leaderboard ranks by the KPIs the employer set, and any two talents compare side by side before the prize and the interviews go out.

Instead of
A leaderboard sorted by return
Chose
Ranking by the employer’s own KPIs
08 · Matching

From 36 applicants to one clear next step

Employers start from a pipeline, not an inbox. Each talent is matched against the open role’s own needs: requirements met, and the two numbers that desk asks first. Two people compare side by side, and every next step, rejection included, reaches the talent.

Instead of
An inbox of applications
Chose
A pipeline with the two key numbers per row
Employer A desk lead at Vantor Bank reviews the internship Now: scanning the applicantsNow: reading a trading CVNow: comparing two peopleNow: choosing the next step✓ Invited to the contest
  1. 1
    Scan the applicantsRequirements met and key numbers, per row.
  2. 2
    Open the trading CVOnly what the talent agreed to share.
  3. 3
    Compare and shortlistLine by line, with the team’s notes.
  4. 4
    Choose the next stepInvite, interview, message or reject, never silence.
09 · On the phone

The same CV on the phone, most important first

Recruiters often open a CV on the way to a meeting. On the phone it becomes one column, key numbers first, and nothing is removed: tables become bars.

Instead of
A trimmed mobile version
Chose
The full CV, most important first

The mark and the colour

A person with open arms whose body is a tick: a trader who passed. Indigo, so it never competes with the green and red of profit and loss; pastels mark the three sides.

App icon
Colour
  • Indigo#3A36DB
  • Ink#1F1F1F
  • Profit#16A36A
  • Loss#E5484D
  • Peach, for talents#F9E7DC
  • Lavender, for skills#ECE4F7

Results

The platform shipped with its logo, brand and design system, and the website went live, designed in Figma and built by me in Webflow. The app screens here follow my February 2024 Figma file. Names and figures are examples; no usage numbers.

How success would be measured

  • Qualified applicationsShare of applications that meet the job’s requirements.
  • Time to decisionDays from the end of a contest to a hiring decision.
  • Gaps closedTalents who close a requirement gap in the academy before applying.

What I’d change

  1. Trading CV Eight tiles, one weight

    The profile shows eight numbers at the same size. A max loss of −37% sits next to the hold time, yet risk is the first thing an employer asks about.

    Fix

    Lead with one risk-adjusted score and the drawdown. The rest one click down.

  2. Everywhere A Sharpe ratio is not a percentage

    The design file shows “Sharpe ratio 0.28%”, volatility as “10.48 / n.v.”, and allocation labels like “SMO” and “Mbs”. Recruiters are not all traders.

    Fix

    Right units, plain words, and one line explaining each metric on hover.

Not mine: the trading engine and the market data underneath it.

About the screens: rebuilt in HTML from my Figma file. Trading (01), contests and jobs (05), creating a contest (06) and matching (08) are reconstructed with the app’s own components to show each process end to end. Trader names, employers and numbers are examples.