Spectrum Interactive
Výuková platforma o investování, kde se složené úročení nevysvětluje odstavcem, ale nástrojem, do kterého si člověk sáhne.
Vše jsme změřili na živé verzi webu, tak jak ji vidí návštěvník.
Inter Tight
Nadpisy i textAa
- SpectrumMedium 500
- SpectrumSemiBold 600
- SpectrumBold 700
АБВГҐДЕЄЖЗИІЇЙ abcdefghijklm 0123456789
Bruno Ace
LogoAa
- SpectrumRegular 400
ABCDEFGHIJKLM abcdefghijklm 0123456789
Zaoblení
- 16 px
- 32 px
- pilulka
Tlačítka: pilulka
Velikosti písma
- AaH1, 96 px
- AaH2, 48 px
- AaH3, 24 px
- AaText, 20 px
Kontrast
- 15,7 : 1text na pozadí, AAA
- 15,7 : 1popisek tlačítka, AAA
Stíny
Měkký neutrální stín
Výzva
Investování se špatně učí textem. Rozdíl mezi „úrok 6 %“ a „úrok 6 % po dvacet let“ je v grafu zřejmý za vteřinu a v odstavci se ztratí, a přesně na tomhle místě čtenář z kurzu odchází. Platforma proto nemohla být sbírka článků s kvízem na konci.
Co jsme udělali, a proč
Kurzy a nástroje jsme postavili jako jednu aplikaci: kalkulačky a modely jsou součástí lekce. Prostorová scéna běží přímo v prohlížeči přes Three.js, bez pluginu a bez instalace, animace řídí GSAP. Rozhraní drží tmavý podklad a jeden akcent, aby čísla byla to nejsvětlejší na obrazovce.
Detailnější pohled
Jak to dopadlo
Projekt je ve vývoji a ukazujeme ho jako rozpracovaný záměrně: je to nejlepší doklad toho, co umíme technicky: 3D v prohlížeči, interaktivní modely, plynulý běh. Čísla o studentech ani dokončených lekcích zde nebudou, dokud platforma neběží ostře.