Onako kako bismo poslali prijatelju
Vesti sa projekata na kojima radimo i lekcije koje usput učimo. Pišemo vam samo kada zaista imamo šta da kažemo.
AliPal je Chrome ekstenzija za dropshippere i e-commerce prodavce kojima su medijski materijali sa AliExpress-a i Alibabe potrebni – odmah. Jedan klik, sve slike i snimci u originalnom kvalitetu, spakovani u ZIP. Brief je bio skroz direktan: klijent je definisao funkcije, a nama je ostavio da iz nule osmislimo sve ostalo – brending, sajt i kompletan UI dizajn same ekstenzije.
Korisnika
Chrome Store ocena
Dizajn UI-ja za Chrome ekstenziju je priča za sebe. To nije isto što i rad na sajtu ili brendu, jer tvoj interfejs živi „podstanarski“ na tuđoj platformi, direktno preko stranica AliExpress-a i Alibabe. Tu standardna pravila ne piju vodu. Izazov je bio da AliPal izgleda kao prirodni, sastavni deo tih sajtova, a ne kao nešto što je samo nasumično „palo“ preko njih. Upravo je ta ideja vodilja oblikovala sve – od samog brenda i landing stranice, pa sve do poslednjeg dugmeta u samoj ekstenziji.
AliPal se pojavljuje na tržištu gde većina alata izgleda kao da su ostali u fazi prototipa. Identitet je morao da komunicira u deliću sekunde, jer u traci browsera imaš jedva kvadratni centimetar da ostaviš utisak. Sve smo dizajnirali oko tog ograničenja: znak koji je kristalno jasan na svakoj veličini, paletu koja se izdvaja bez vizuelne „buke“ i tipografiju koja drži sve na okupu – od Chrome Store listinga i sajta, do samog interfejsa unutar pretraživača.




Sajt je morao da odgovori na sva ona ključna pitanja koja korisnik postavlja pre nego što instalira ekstenziju: šta tačno dobija, kako to radi, koliko košta i – ono najvažnije – da li je alat pouzdan. Dizajnirali smo celokupno iskustvo, od landing stranice i detaljnog prikaza funkcija, do pricing sekcije i samog procesa registracije. Svaki element na sajtu ima samo jedan zadatak: da korisnika dovede do instalacije i pretplate.











Dizajnirali smo pop-up sa jasno razgraničenim Free i Pro opcijama, tako da korisnik na prvi pogled zna šta mu je dostupno, bez lutanja po podešavanjima. Glavne slike, varijante, video materijali, slike iz opisa ili recenzija – svemu se može pristupiti pojedinačno ili preuzeti sve odjednom jednim klikom. Integrisani editor omogućava kropovanje i promenu dimenzija direktno u browseru, što dodatno ubrzava proces jer nema potrebe za eksternim alatima. Čitav interfejs je maksimalno kompaktan: tu je kad vam zatreba, a čim ga zatvorite, potpuno se povlači i ne smeta pri daljem radu.



Finalna verzija je izašla tačno onako kako smo je dizajnirali. Sajt je aktivan, ekstenzija je na Chrome Web Store-u, a UI koji korisnici vide u browseru u potpunosti odgovara onome što smo isporučili klijentu.
Da, i to što ranije. Brend nije samo logo – to je vizuelni i verbalni sistem na kojem se gradi sve ostalo. Ako krenete u razvoj bez toga, dizajnerske odluke ćete donositi stihijski i nedosledno, što kasnije košta mnogo više da se ispravi. Za AliPal smo prvo postavili brend, pa smo tek onda prešli na sajt i UI. Tako je svaka kasnija odluka već imala čvrst temelj.
Cena zavisi od obima posla i obično se kreće od 5.000€ za jednostavnije forme, do 40.000€ i više za kompleksne sisteme sa specifičnim UI dizajnom na više platformi. Projekat kao što je AliPal, koji obuhvata brending, sajt sa više stranica i UI same ekstenzije, nalazi se negde u sredini tog opsega. Koristite kalkulator na našoj stranici „Proceni budžet“ da dobijete procenu na osnovu vaših stvarnih potreba.
Za projekat koji pokriva brend, sajt i UI proizvoda, standardni rok je 8 do 12 nedelja. Prvo se definiše brend, a zatim se na tom vizuelnom sistemu grade sajt i sam proizvod. Najveća promenljiva u ovom procesu je brzina kojom klijent donosi odluke i daje povratne informacije.
Zato što se dizajn tretira kao poslednji korak, umesto kao prvi. Developeri često prvo naprave funkcionalnost, a onda samo „nabace“ interfejs kako bi te funkcije bile dostupne. Rezultat radi, ali ne uliva poverenje. Za proizvod koji se bori za pažnju na Chrome Web Store-u, taj prvi utisak je često i jedini koji ćete dobiti.
Apsolutno. Sama stranica na Chrome Web Store-u nije dovoljna da objasni punu vrednost proizvoda. Sajt je mesto gde detaljno demonstrirate kako alat radi, komunicirate cene i gradite poverenje neophodno da bi se neko odlučio na instalaciju i pretplatu. Bez sajta tražite od ljudi da donesu odluku na osnovu polovine informacija.
UX (User Experience) je struktura: kako se korisnik kreće kroz proizvod, na šta nailazi i kojim redosledom. UI (User Interface) je kako ta struktura izgleda i kakav osećaj ostavlja. Trebaju vam oba, i najbolje je kada ih radi isti tim istovremeno. Razdvajanje ova dva procesa obično dovodi do proizvoda koji su logični ali rogobatni, ili lepi ali potpuno zbunjujući za korišćenje.
Sve se svodi na kvalitet primopredaje (handoff). Figma fajlovi spremni za produkciju, sa precizno definisanim komponentama, razmacima i interakcijama, daju developerima jasna uputstva bez nagađanja. AliPal je izašao u razmeri 1:1 sa dizajnom upravo zato što su fajlovi bili pripremljeni za rad, a ne samo za prezentaciju.
Ne uvek. Logo je samo delić slagalice. Ako nemate knjigu standarda, definisanu tipografiju, logiku boja i pravila kako se taj identitet ponaša na različitim površinama – onda imate samo sličicu, a ne brend. Da li je to potrebno menjati zavisi od toga gde su „rupe“ u sistemu. Možemo da pogledamo šta imate i da vam kažemo iskreno.
Vesti sa projekata na kojima radimo i lekcije koje usput učimo. Pišemo vam samo kada zaista imamo šta da kažemo.