Projekt

CineStar App Redizajn

Cinestar App UX/UI Redizajn

Konceptualni redizajn aplikacije

Pregled projekta

Cinestar je vodeći lanac kina u Hrvatskoj i regiji. Milijuni korisnika koji traže brzu kupnju karata, pregled filmova i loyalty nagrade. Postojeća aplikacije patila je od zastarjela navigacije, kašnjenja u booking procesu i niskog retention ratea. Korisnici su odustajali u 40% slučajeva pri checkoutu (na osnovu app store reviewa i analyticsa).

Kao freelance UX/UI dizajner, preuzeo sam kompletan redizajn: od user researcha do high-fidelity prototipa.

Cilj: povećati engagement za 30%, olakšati rezervaciju i kupnju ulaznica te uskladiti s modernim mobilnim trendovima poput swipe gesti i dark moda. 

Projekt je trajao 6 tjedana, koristio sam Figmu i usability testove.

Istraživanje i analiza

Počeo sam dubinskim istraživanjem. Analizirao sam 200+ App Store/Google Play reviewa, identificirajući ključne pain points: komplicirana kupnja karata (previše koraka), loša pretraga filmova i nedostatak personalizacije.

Napravio sam product audit cijele aplikacije kako bi ukazao na pain pointse i uvidio na kojim dijelovima zapinje proces kupnje ulaznica.

Dva ekrana Product audita

Dizajn proces

Započeo sam s moodboardom da dobijem vibe i sliku brenda i lakše vizualiziram krajnji rezultat.

Moodboard

Zatim sam prešao na low fidelity wireframing. S ciljem kako bi kreirao okvirni flow i kretnje korisnika od ulaska u aplikaciju do kupnje ulaznica. Fokus je na donju navigaciju kao glavni izbornik.

Low Fidelity Wireframes

Iteracije

Višestruke iteracije high fidelity dizajna i prototipa. Rješavanje vizualnih prepreka kod mobilnih uređaja poput manja prostora, vidljivosti elemenata, vidljivosti tekstualnih sadržaja te pristupačnost praktičnog korištenja putem mobilnog telefona.

High Fidelity Wireframes

Izazovi i rješenja

Najveći izazov je bio napraviti flow kupnje koji vodi korisnika kroz što manje koraka, a opet je pristupačno i ispunjava sve točke potrebne za rezervaciju odnosno kupnju. Poput odabira filma, odabira termina, odabira sjedala, načina plaćanja i samog plaćanja te preuzimanja ulaznica.

Primarni fokus je bio na donju navigaciju u iPhone stilu – 5 fiksnih ikona: Naslovna, Filmovi, Pogodnosti, Košarica i Moj račun. Pomoću ovog glavnoj izbornika korisnik može u svakom trenutku doći do ključnih dijelova aplikacije i tako brzo i jednostavno se navigirati kroz aplikaciju.

Završni dizajn i rezultati

iOS aplikacija Cinestara je u potpunosti prilagođena za iPhone mobilne uređaje te je vizualno u skladu s Apple i Cinestar smjernicama i brand style guide-om.

Flow kupnje ulaznica je ispoliran i prilagođen manjem ekranu uz maksimiziranje upotrebljivosti i pristupačnosti. Uz prepoznatljive Cinestar boje i poznati Apple raspored tipki i navigacije korisnici mogu bez muke i razmišljanja koristiti aplikaciju, kretati se nesmetano kroz različite module koje nudi te pregledavati i rezervirati/kupovati ulaznice u najkraćem roku.

——————————————

“Dizajn je nevidljivi put koji vodi korisnika do željenog cilja bez ijednog pogrešnog koraka.” – Anonimno

Sviđa ti se ovaj projekt?

Napravimo nešto slično — ili bolje — za tebe.

Započni projekt