Shopora: razvoj React Native aplikacije za e-trgovinu

Zadatak: prodavnica napravljena za telefone

Shopora je napravljena za onlajn prodavca pod NDA ugovorom, sa širokim katalogom - potrošačka elektronika, moda, opremanje doma i dodaci. Većina kupaca je kupovala preko mobilnih uređaja, a mobilna veb prodavnica je otežavala pronalaženje ponuda, kupovina je bila spora, a prodavnica se lako zaboravljala kada se kartica zatvori.

Zadatak je imao tri dela: pomoći kupcima da pronađu pravi proizvod u širokom katalogu, učiniti plaćanje brzim i pouzdanim i dati im razlog da se vrate posle prve porudžbine.

Šta aplikacija radi

• Personalizovana početna stranica sa sezonskim sniženjima, munjevitim ponudama i popularnim proizvodima.
• Brza pretraga proizvoda i pregled po kategorijama.
• Lista želja za čuvanje proizvoda za kasnije.
• Bezbedno plaćanje preko Stripe-a u nekoliko dodira.
• Praćenje porudžbina od magacina do vrata.
• Push obaveštenja kada padne cena proizvoda sa liste želja.

Kako pomoći kupcima da pronađu proizvode u širokom katalogu

Širok katalog je prednost sve dok kupac ne mora da kopa po njemu. Shopora otkrivanju proizvoda pristupa iz dva pravca. Kupcima koji razgledaju, početna stranica u prvi plan stavlja sniženja, munjevite ponude i popularne proizvode. Kupce koji znaju šta žele, pretraga i kategorije vode direktno do cilja.

Delovi početne stranice podešavaju se na bekendu umesto da budu upisani u kod, pa prodavac može da promeni šta promoviše - sezonsko sniženje, novu kategoriju - bez objavljivanja nove verzije aplikacije.

Mobilno plaćanje preko Stripe-a

Plaćanje je mesto gde se mobilne kupovine gube. Dugački formulari, nepoznati ekrani za plaćanje i bilo kakva sumnja u bezbednost teraju kupce da napuste korpu. Shopora koristi Stripe-ov nativni ekran za plaćanje, koji kupcima pruža poznato i bezbedno plaćanje u nekoliko dodira i potpuno drži podatke o kartici van servera prodavca.

Cene i ukupni iznosi uvek se potvrđuju na bekendu pre plaćanja, pa se cena koja se promenila dok je proizvod stajao u korpi nikada ne naplaćuje po starom iznosu.

Liste želja i obaveštenja o padu cena

Ne završava se svaka poseta kupovinom, i to je u redu ako se kupac vrati. Lista želja daje ljudima način da kažu „ne još" bez gubljenja proizvoda. Kada cena proizvoda sa liste želja padne, aplikacija šalje push obaveštenje - poruku koju kupac zaista želi, što je najbolji oblik ponovnog angažovanja.

Trenutak traženja dozvole za push obaveštenja je važan. Traženje pri prvom pokretanju, pre nego što je kupac video ikakvu vrednost, najbrži je put do odbijanja. Traženje kada neko doda prvi proizvod na listu želja vezuje zahtev za jasnu korist.

Praćenje porudžbine posle kupovine

Kada je porudžbina napravljena, najčešće pitanje je „gde je?". Shopora prikazuje napredak svake porudžbine od magacina do vrata, što na pitanje odgovara pre nego što postane imejl podršci i drži aplikaciju na početnom ekranu kupca između kupovina.

Tehnologije i pristup

Aplikacija je napravljena u React Native-u uz TypeScript i NativeWind, na zajedničkom dizajn sistemu, pa svaki ekran - početna stranica, proizvod, korpa, plaćanje, porudžbine - koristi iste komponente. Ta doslednost je ono zbog čega velika aplikacija deluje skladno i zbog čega dodavanje sledećeg ekrana ostaje jeftino.

O kompromisima iza izbora React Native-a pročitajte u tekstu React Native ili nativni razvoj.

Šta bismo uradili drugačije

Ceo kupovni levak - preglede proizvoda, dodavanje u korpu, započeto plaćanje, kupovinu - pratili bismo već u prvoj verziji. Najvažnija pitanja za aplikaciju za e-trgovinu tiču se mesta na kojima kupci odustaju, a na njih se može odgovoriti samo podacima prikupljenim od dana lansiranja.

Planirate aplikaciju za prodavnicu? Pogledajte naše usluge razvoja mobilnih aplikacija.