Studija slučaja · auto plac, Donji Tovarnik
Plac koji se vodi iz džepa
Sajt za prodaju polovnih automobila u tamnom, mirnom tonu i panel koji vlasnik koristi samo sa iPhone-a. Oglas se unosi u 7 koraka, AI predlaže opis, a ček-lista kaže šta još fali pre objave.
- koraka unosa oglasa, sa nacrtom koji se sam čuva
- 0koraka unosa oglasa, sa nacrtom koji se sam čuva
- stavki spremnosti pre objave
- 0stavki spremnosti pre objave
- ekrana panela, ceo panel radi sa telefona
- 0ekrana panela, ceo panel radi sa telefona
- početnih ekrana za iPhone i iPad
- 0početnih ekrana za iPhone i iPad
01 · Izgled
Mirno, crno, italijanski
Prvi izgled je bio svetao i zelen. Prešli smo na crnu podlogu sa italijanskom trobojkom. Kad je crvene bilo previše, delovala je kao poruka o grešci, pa je svedena na glavno dugme, sniženje i trobojku. Cene su bele.
Alfa Romeo Giulia
- 2019
- 98.400 km
- Dizel
- Automatski
Fiat 500X
- 2020
- 61.200 km
- Benzin
- Manuelni
Volkswagen Golf 7
- 2017
- 154.000 km
- Dizel
- Manuelni
Ovako kartice izgledaju na sajtu, pokrenute ovde iz koda prenetog sa fratelino.com. Vozila su primer, a statistika ispod naziva je ista mreža 2×2 kao na placu.
02 · Panel
Oglas se unosi na placu
Vlasnik oglase unosi između dva kupca, na placu, sa telefona. Zato panel ima donju traku za palac, nov oglas je dugme u sredini, a forma od 7 koraka čuva nacrt čim se izađe iz polja. Opis, meta opis, česta pitanja i alt tekst za slike može da predloži AI.
Probajte
- 1. Pritisnite „Predložite opis (AI)” i „Predložite meta opis (AI)”. Tekst stiže u polje, ne u bazu, pa ga vlasnik doradi pre čuvanja.
- 2. Pratite „Spremnost oglasa”: svaka stavka se čekira tek kad je uslov ispunjen, na primer opis od bar 200 znakova.
- 3. Kliknite u polje. Tastatura izlazi, traka „Sačuvajte” ide iznad nje, a donja navigacija se sklanja da je palac ne bi promašio.
Vozilo i tekstovi su primer. Prava forma traži predlog od AI modela i nikad ne objavljuje bez vlasnika.
03 · iPhone
Ono što se vidi tek na telefonu
Panel koji radi na računaru ne znači da radi na iPhone-u. Ovo su četiri stvari koje su na telefonu pucale i kako su rešene.
Tastatura preko dugmeta
iOS ne smanjuje prozor kad se otvori tastatura, pa traka „Sačuvajte” završi ispod nje. Panel meri visualViewport i podiže trake tačno za visinu tastature. Prag od 120 piksela razlikuje tastaturu od Safari trake sa adresom.
Dvadeset fotografija odjednom
Safari po kartici ima ograničenje memorije, a 20 slika od 12 megapiksela dekodiranih istovremeno ga obori. Na iPhone-u se šalju po dve, na računaru po tri, svaka smanjena na 1920 piksela u WebP.
Kodiranje koje se nikad ne javi
Pod pritiskom memorije iPhone ume da nikad ne pozove povratni poziv posle canvas.toBlob. Zato svaka slika ima rok od 20 sekundi i platno se odmah oslobađa.
HEIC sa jasnom porukom
Kad slika stigne kao HEIC, panel ne puca bez reči nego kaže gde u podešavanjima kamere da se izabere „Najkompatibilnije”.
Panel se instalira na početni ekran kao aplikacija, sa sopstvenom ikonom i početnim ekranom za 19 veličina iPhone-a i iPad-a. Servis-vorker čuva samo statične fajlove, nikad stranice, da posle nove verzije ne ostane zastareo ekran.
04 · Kupac
Rata pre poziva
Na strani vozila kupac sam računa ratu: učešće, rok i kamatu koju mu je dala banka. Isti obračun kao na sajtu, ovde nad primerima.
- Kredit
- 17.520 EUR
- Ukupno vraćeno
- 21.064 EUR
- Preplata
- 3.544 EUR
Obračun je informativan i ne predstavlja ponudu banke ni lizing kuće. Stvarna rata zavisi od Vaše kreditne sposobnosti, obavezne kasko polise i troškova obrade. Pozovite nas pa proveravamo uslove za konkretno vozilo.
05 · Otvaranje
Spremno, čeka plac
Sajt je spreman, ali plac se još nije otvorio. Do tada javnost vidi stranu sa meračem, telefonom i mapom, a Google ne indeksira ništa. Vlasnik u međuvremenu unosi vozila, pa kad se plac otvori, katalog je već pun.
06 · Odluke
Sitnice koje nisu sitne
Prekidač za otvaranje, ne datum u kodu
Plac je hteo da unosi vozila pre nego što sajt izađe. Javne strane zato vode na „uskoro”, robots.txt zabranjuje indeksiranje, a panel radi sve vreme. Na dan otvaranja dovoljna je jedna promenljiva u Vercelu i jedan redeploy.
Kamata se unosi, ne propisuje
Kalkulator rate ne obećava kamatu. Uslovi se razlikuju po banci i po kupcu, a fiksan broj bi izgledao kao ponuda banke. Napomena o tome stoji vidljivo ispod obračuna, ne sitnim slovima.
Mapa tek na klik
Google mapa se ne učitava dok je posetilac ne zatraži. Do tada nema Google skripti ni kolačića, pa sajt ostaje brz i poštuje saglasnost. Mapa radi bez API ključa, po tačnim koordinatama placa.
VIN dekoder predlaže, ne upisuje
Godište, snaga, kubikaža, gorivo i menjač iz VIN broja stižu u polja forme, ne u bazu. Vlasnik vidi šta je stiglo i ispravi pre čuvanja. Marka se prepoznaje i kad je u registru zapisana kao „MERCEDES-BENZ AG”.
Vaš posao, sa telefona
Ako Vaš dan prolazi na terenu, a ne za stolom, panel treba da radi tamo gde ste Vi. Ispričajte nam kako radite, pa ćemo predložiti šta ima smisla.