Futured Blog
Takhle jsme vyhráli ŠKODA hackathon Race2Code
Lada Brůnová
Jakub Šenk
Martin Sumera
Jan Mikulík
Jakub Marek
22. 2. 2023
Na začátku února jsme se zúčastnili hackathonu Race2Code, který pořádá ŠKODA Auto & ŠKODA Auto DigiLab. Vyhráli jsme ho. Čím jsme zaujali porotu, ve které usedli zástupci Audi, Porsche, Bentley a dalších značek koncernu Volkswagen?

Iterace

Nejprve jsme proiterovali desítky nápadů – od servisní aplikace, která uživateli připomene výměnu oleje nebo servisní prohlídku, až po ztřeštěný nápad na drag race koncernových aut na semaforech. Nakonec jsme se rozhodli rozpracovat nápad ŠKODA Arcade, které kombinuje silný business case a všechny platformy včetně Apple CarPlay, Android Auto & Android Automotive.

Zajímavější a poutavější cesta pro všechny věkové kategorie

ŠKODA Arcade je zábavní platforma obsahující několik aplikací. V rámci hackathonu jsme nejvíce rozpracovali aplikaci KVÍZ, ale v nápadech jsem nezapomněli ani na karaoke pro vášnivé zpěváky, závodní hru pro malé spolujezdce nebo generátor bílého šumu pro klid v uších i na duši... Zkrátka aktivity, které zabaví posádku, pomohou předejít mikrospánku a uspí děti, zn.: sen každého cestujícího rodiče.

PXL_20230203_085658885.PORTRAIT.jpg

ŠKODA Arcade si můžete představit například jako Apple Arcade s tím, že hry/aplikace využívají informace z automobilu (obsazenost sedadel, poloha vozu, záběry z kamery, údaje o voze z palubního počítače, senzory…), ale mohou pracovat také s koncernovým brandem, například modely vozů.

Design & proces

Jak už to na hackatonech bývá, synchronizace designéra s vývojovým týmem stojí a padá na rychlosti a organizaci, proto jsme prvních 45 minut strávili ideací, laděním konceptu a následným skládáním user flows, které spadaly do realistického rozsahu hackathonu.

Tip: User flows jsme vylepili pomocí post-itů na zeď a používali je jako mustr, který nám pomáhal nevybočovat.

Untitled-6.png

Samotný návrh UX patternů a vizuálů bylo třeba držet zkrátka, aby vývojáře zbytečně nezatěžoval prvky a interakcemi náročnými na vývoj, ale zároveň nás nenutil dělat bolestivé kompromisy.

K tomu nám perfektně pomohl požadavek organizátora využít ŠKODA Flow design systém, který nám poskytl takřka všechny potřebné UI elementy a barevné a typografické tokeny. Díky tomu jsme se mohli soutředit na to nejdůležitější: interakce a postup uživatele aplikací.

Untitled.png

V autě je klíčová přístupnost, proto jsme si dali záležet, aby všechny prvky rozhraní měly dostatečně vysoký kontrast, a to jak barevný, tak velikostní. Přecejen to poslední co v autě chcete, je frustrovat řidiče missclicky nebo ho nutit mžourat na displej s miniaturními texty, a tím riskovat nehodu. Přístup tohoto velkého jednoduchého gridu jak na úvodní stránce, tak v detailu kvízu nám umožnil s minimem práce překlopit mobilní design i pro Android Automotive.

Copy of Untitled Design.png

Využití ChatGPT

Pokud budete zrovna projíždět kolem Mladé Boleslavi, kvízová aplikace vám položí chytrolínskou otázku, která se k danému místu vztahuje. Otázky jsme vygenerovali pomocí nástroje ChatGPT, stačilo zadat správnou otázku, souřadnice GPS, určit formát a otázky se jen hrnuly.

Zajímavost: Umělou inteligenci jsme využili i při prezentaci, kdy jsme pomocí funkce Stable Diffusion generovali ilustrace, abychom doladili atmosféru.

Untitled-8.png

Propojení s CarPlay a Android Automotive

Dalším krokem bylo propojení aplikace s CarPlay, s čímž máme díky aplikacím jako iROZHLAS bohaté zkušenosti, takže jsme věděli, do čeho jdeme.

V aplikaci pro iOS, kterou jsme vyvíjeli v oblíbeném SwiftUI, jste si přehráli kvíz, připojili CarPlay a z reproduktorů se díky syntéze zvuku ozval hlas, který vám kladl otázky, dával vám možnosti a vy jste mohli odpovídat.

Zajímavosti: Věděli jste, že nejnovější auta by měla být schopna rozpoznat, na kterém sedadle sedí osoba, která mluví? S touto funkcí jsme v našem konceptu pracovali.

3.png

Technologickou novinkou pro nás bylo rozhodnutí implementovat také aplikaci pro Android Automotive, použili jsme náš nejnovější tech-stack, který běžně využíváme v našich aplikacích (Compose, Lottie). S touto technologií se vývojář běžně nesetká, protože se stále jedná o poměrně málo rozšířený systém s velmi přísnými pravidly. Podařilo se nám však implementovat aplikaci, ve které jsme ukázali, jak by mohl vypadat základ takového zábavního systému, a naznačili jsme, jak by mohla fungovat funkce pro bílý šum.

2.png

Gamifikované prostředí

Celý zábavní systém je zaobalen do gamifikovaného prostředí, kde vy a vaši spolujezdci sbíráte body, a můžete se tak předhánět jak v rodinném kruhu, tak s veřejnou komunitou.

Implementace ihned

ŠKODA Arcade je možné implementovat ihned, bez nutnosti dělat změny v logistice výroby, dělat legislativní úpravy nebo integrovat třetí strany, což porota složená ze zástupců značek ŠKODA Auto, ŠKODA DigiLab, Volkswagen, Audi, SEAT, Porsche, Lamborghini, Bentley a Cariad ocenila.

Business model

Ve Futured nás baví vymýšlet nejen aplikace, které baví, ale také klientovi vydělají peníze, proto má ŠKODA Arcade business model na bázi předplatného + mikrotransakcí.

Proč je to pro klienta finančně zajímavé?

Od roku 2016 (první modely s CarPlay) vyrobila ŠKODA přibližně 6 000 000 vozů. Pokud by si 5 % kupujících stáhlo aplikaci ŠKODA Arcade a předplatilo si ji za 1 euro, ročně by klient utržil 3 500 000 eur.

230206_race2code_24788143.jpg

Futured tým: Martin Sumera, Matěj Semančík, Jakub Marek, Radek Doležal, Jan Pollak, Lukáš Strnadel, Jakub Šenk a Jan Mikulík

–––

Aktuálně hledáme hned několik kolegů. Ozvěte se Míše a pobavte se o možnostech spolupráce: [email protected] & +420 739 106 507.