Klijent
Race Mango
UI/UX dizajn · Razvoj
Race Mango aplikacija
Android aplikacija za natjecatelje: od kalendara utrka do Map Heista.
Izazov
Jedna aplikacija, nekoliko različitih razloga za otvaranje
Nakon nekoliko godina na webu, 2026. je nastala i mobilna verzija, s platformom prilagođenom manjem ekranu i korištenju u pokretu.
Aplikacija pokriva natjecateljsku stranu platforme: kalendar utrka za trčanje, biciklizam i planinarenje, prijave, rezultate i Map Heist, gamificirani dodatak koji od svakog treninga radi osvajanje teritorija na stvarnoj karti, pa platforma ostaje zanimljiva i između dvije utrke.
Aplikacija se ne koristi uvijek na isti način. Netko je otvori jednom u tri mjeseca da nađe utrku, netko svaki dan zbog Map Heista, a netko samo tjedan prije starta, da provjeri vrijeme i mjesto okupljanja. Izazov je bio složiti aplikaciju u kojoj se svi snalaze, bez obzira koliko je često otvaraju: onaj tko dolazi rijetko mora se snaći bez učenja, a onaj tko dolazi svakodnevno ne smije svaki put prolaziti kroz uvodne ekrane do onoga što ga zanima.
Sadržaj pritom dolazi s platforme koja je godinama rasla na webu, pa ga je trebalo prerasporediti za telefon, a ne samo smanjiti. Ono što na širokom ekranu djeluje pregledno u mobilnom formatu brzo postane pretrpano, a svaka odluka o tome što ide na prvi ekran istovremeno znači da nešto drugo ide u drugi plan.
Najviše prostora tražio je Map Heist, koji donosi karte, polja, lige, sezone, statistike, bedževe i dresove, dakle gustoću podataka kakvu kalendar utrka nema. Trebalo mu je dati prostora koliko mu treba, a da aplikacija i dalje djeluje kao platforma za utrke.
Vizualno je aplikacija ostala prepoznatljiva kao Race Mango, uz dvije promjene: tamnije sučelje nego na webu i novu, moderniju tipografiju prilagođenu malom ekranu.
Map Heist
Svaki kilometar je teritorij
Map Heist je GPS igra osvajanja teritorija na stvarnoj karti Europe. Trčiš, voziš bicikl, hodaš ili planinariš i tako osvajaš teren. Prazno polje uzmeš prolaskom, tuđe moraš preoteti. U aplikaciji je dobio ozbiljniju razradu i bolje korisničko iskustvo: pregledniji prikaz podataka, logičniji raspored i jasniji put od aktivnosti do osvojenog polja.
Jedan korak ipak nismo mogli riješiti kako smo htjeli, jer Garmin ne prima nove prijave za pristup API-ju. Umjesto jednog gumba za povezivanje, trebalo je naći druge načine da aktivnost dođe do aplikacije. Osmislili smo tri: učitavanje GPX, TCX ili FIT datoteke iz bilo koje sportske aplikacije, povezivanje preko vlastite Connect IQ aplikacije na satu, ili snimanje aktivnosti izravno unutar Race Mango aplikacije. Korisnici moraju napraviti nekoliko koraka više, a interes je svejedno velik.
Funkcionalnosti Map Heista razvijale su se usporedno s aplikacijom, pa su iz razgovora o novim idejama nastali i dresovi. Ideja dolazi iz biciklizma: kao što na Touru ne postoji samo žuta majica nego i ona za najboljeg u brdima i najboljeg mladog vozača, tako i ovdje postoji pet dresova umjesto jedne ljestvice. Razlog je jednostavan. Na jednoj ljestvici, koja broji samo bodove, uvijek pobjeđuje onaj tko najviše trenira, a ostali odustanu negdje usred sezone, kad postane jasno da ga neće stići. Pet različitih kriterija znači da i netko tko nikad neće skupiti najviše bodova i dalje ima nešto za osvojiti.
Mango je ris, za onoga s najviše bodova i najvećim teritorijem. Climber je kozorog, za najviše metara uspona. Pacer je zec, za najbrži prosječni tempo. Raider je lisica, za onoga koji je oteo najviše tuđih polja. Rookie je janje, za najboljeg među onima koji su se priključili tijekom sezone.
Aplikacija je dostupna na Google Playu ↗, razvoj se nastavlja, a platforma je detaljnije opisana u zasebnom case studyju.