Studiu de caz

Cum am construit site-ul simulatorului de zbor pentru traderi

Vega Simulator pregătește traderi și bancheri din instituții precum Citibank și JP Morgan. Am construit în Next.js site-ul de prezentare: 13 pagini care explică cinci simulatoare de trading și duc fiecare vizitator spre programarea unui demo.

Vizitează website-ul
Prima pagină a site-ului Vega Simulator
Prima pagină Vega Simulator pe mobil

Clientul

Training realist pentru profesioniștii din finanțe

Vega Simulator dezvoltă simulări de trading pentru profesioniști din sales, trading și investment banking. Platforma folosește AI adaptiv, care ajustează fiecare sesiune după performanța participantului și urmărește peste 90 de indicatori, de la încredere la risc și disciplină.

Compania a fost fondată la București, în 2015, de un fost trader și un fost bancher. Simulatoarele sale susțin programe de training la instituții precum Citibank, JP Morgan, Barclays, ABN AMRO și SIX, iar potrivit companiei, până în 2024 peste 125.000 de traderi juniori s-au pregătit pe platformă.

Provocarea

Un produs complex, pentru un public exigent

Cumpărătorii sunt echipe de training și HR din bănci mari. Site-ul trebuia să explice clar cinci simulatoare diferite și să inspire încredere încă de la prima vizită.

  • 01Cinci produse distincte (Market Trader, Algo Trader, Portfolio Management, Options și M&A), fiecare cu publicul și rezultatele lui de învățare.
  • 02Dovezi credibile pentru un public enterprise: poveștile colaborărilor cu băncile, parteneriatul cu PwC și o pagină dedicată conformității cu EU AI Act și GDPR.
  • 03O schimbare de nume în timpul proiectului: toate paginile au trecut de la Traderion la Vega Simulator.
  • 04Un drum scurt spre vânzare: fiecare pagină trebuia să ducă vizitatorul spre programarea unui demo.

Abordarea noastră

Cum am construit site-ul

01

Conținut organizat în jurul produselor

O pagină de ansamblu și câte o pagină dedicată pentru fiecare simulator, cu scenarii, niveluri de dificultate, competențele dezvoltate și modul în care participantul își urmărește progresul.

02

Încredere pentru bănci

Pagini separate pentru clienți, parteneri și conformitate, plus o cronologie a companiei din 2015 până azi. Logo-urile clienților apar încă din prima secțiune a site-ului.

03

Next.js și componente reutilizabile

Am construit site-ul în Next.js. Secțiunile se refolosesc între pagini, iar datele produselor sunt centralizate, așa că site-ul rămâne ușor de extins.

04

Responsive, cu demo la un click

Meniu dedicat pentru mobil, slidere pentru poveștile clienților, animații discrete la scroll și butonul „Schedule a demo” pe fiecare pagină.

Funcționalități

Ce conține site-ul

01 / 05

Toate simulatoarele, dintr-o privire

Prima pagină prezintă cele cinci produse ca o colecție, fiecare cu link către pagina lui.

Cele cinci produse Vega Simulator pe prima pagină

02 / 05

Pagini de produs detaliate

Fiecare simulator are pagina lui. Market Trader, de exemplu, prezintă peste 500 de scenarii pe FX, acțiuni, mărfuri, obligațiuni și dobânzi, cu trei niveluri de dificultate.

Pagina de produs Market Trader

03 / 05

Poveștile clienților

Colaborările cu Citibank, JP Morgan, Barclays, ABN AMRO și SIX sunt prezentate ca povești scurte, într-un slider, fiecare cu programul pe care Vega îl susține.

Pagina cu poveștile clienților, cu JP Morgan

04 / 05

Povestea companiei

O cronologie de la fondarea din 2015 până la planurile de viitor, care arată cât de matur este produsul.

Cronologia companiei pe pagina Despre

05 / 05

La fel de clar pe mobil

Meniul, textele și secțiunile se adaptează pe telefon, fără să piardă din conținut.

Prima pagină Vega Simulator pe mobil
Pagina Market Trader pe mobil

Rezultatul

Pe scurt

13 pagini

de la produse până la conformitate EU AI Act

5 simulatoare

fiecare cu pagina lui de produs

Nume nou

tot conținutul a trecut de la Traderion la Vega Simulator

Tehnologii

Stack-ul tehnologic

React
Next.js
Tailwind CSS
Vercel

Ai un proiect în minte?

Hai să discutăm cum îl putem construi împreună, de la prima idee până la lansare.