Detailing 016 — jednostrani sajt za auto detailing u Leskovcu

Zahtev je bio jedan sajt, jedna strana, bez menija koji se grana i bez strana koje niko ne otvara. Ali ta jedna strana mora da odradi četiri različita posla:

• Da nosi ceo cenovnik. Ne „cene na upit", nego sve, sa klasama vozila i sa tim koliko šta košta — jer je pola poziva koje detailer dobije zapravo pitanje o ceni.
• Da se čita na telefonu. Cenovnik sa dve kolone cena i osam klasa vozila na širini od 360 piksela je tabela koja se ili raspadne, ili se skroluje bočno, ili se pretvori u nešto treće. Pretvorena je u nešto treće.
• Da vodi na poziv. Detailing se zakazuje telefonom. Broj mora da bude vidljiv u svakom trenutku, a klik na njega mora da otvori pozivnik — što zvuči trivijalno dok se ne proveri, pa se vidi da broj u linku ima razmake i da telefon ne ume da ga pozove.
• Da forma stvarno šalje. Kontakt forma koja izgleda kao da radi, a poruka nikad ne stigne, gora je od sajta bez forme.

Uz to je išlo i ono što se ne vidi: kolačići i analitika po propisu, politika privatnosti i uslovi korišćenja napisani za ovaj posao, i sajt koji izdrži proveru pre nego što ga proveri neko drugi.

Ovo je najveći deo posla i deo koji se najviše menjao. Cenovnik je podeljen na sedam grupa: redovno održavanje i pranje, korekcija boje i zaštita laka, dubinsko sređivanje enterijera, nega kožnih sedišta, parcijalno poliranje i retuširanje oštećenja, premium pojedinačne usluge i specijalni tretmani.

Iznad svega toga stoji vodič za kategorizaciju vozila — osam klasa, od malih gradskih automobila do najvećih luksuznih terenaca, svaka sa primerima konkretnih modela. Bez tog vodiča cena nema značenje: vlasnik automobila ne zna da li je njegov auto „veći" ili „velik", ali zna koji model vozi.

Tabela za poliranje je poseban slučaj, jer u istom redu stoje dve cene — poliranje i poliranje sa keramičkom zaštitom. Na desktopu su to dve kolone sa zajedničkim zaglavljem. Ispod 575 piksela zaglavlje nestaje, a svaka cena dobija svoju oznaku iz atributa u markapu i pretvara se u čip ispod naziva klase, jedan ispod drugog. Nema bočnog skrolovanja i nema zumiranja — a i dalje je jasno koja cifra je koja.

Ceo cenovnik na sajtu vodi računa i o onome što detailer mora da kaže naglas: da konačna cena poliranja i dubinskog pranja može da varira posle pregleda vozila na licu mesta, i da se keramička i grafenska zaštita održavaju pH neutralnim šamponima, a ne hemijom sa samouslužne perionice. Te napomene stoje na kraju cenovnika, a ne sitnim slovima negde drugde.

Kada je klijent u junu 2026. poslao nov cenovnik, promena je bila velika: sa šest na osam klasa vozila i sa pet na sedam grupa usluga. Nije se dirao dizajn — dodate su nove komponente u stilu i prepisan je sadržaj, pa su za istim izmenama povučene i sve cene u strukturisanim podacima, u čestim pitanjima i u opisu strane. Cenovnik na jednom mestu, a njegov odjek na četiri druga, i sva četiri su morala da se poklope.

Ovo je deo gde je bilo najgore i gde vredi biti otvoren. Forma je stajala na sajtu i pri slanju vraćala grešku — nikada nije ni radila kako treba. Kada se otvorila, ispod su bila tri odvojena kvara koji su se preklapali.

1. Poruka se nije ni pročitala. Skripta u brauzeru je slala podatke kao obrazac sa više delova, a PHP je pokušavao da ih pročita kao JSON sa ulaznog toka. Rezultat je uvek bio isti odgovor o neispravnom formatu podataka. Sada se čita iz obrasca, sa JSON-om kao rezervom.
2. Pogrešan način šifrovanja veze. Slanje je išlo preko implicitnog SSL-a na port 587, a taj port je STARTTLS — veza se otvara nešifrovano pa se podiže u šifrovanu posle pozdrava. Sada tok ide kako treba: otvaranje veze, pozdrav, STARTTLS, podizanje šifrovanja, ponovni pozdrav, prijava.
3. Nalog koji nije postojao. Slalo se sa adrese koja nije bila napravljena na poštanskom serveru, pa je prijava odbijana. Nalog je napravljen na domenu klijenta i usklađen sa SPF, DKIM i DMARC zapisima, pa poruke sa sajta odlaze sa adrese tog domena i prolaze proveru autentičnosti.

Pošto na ovom sajtu nema bibliotečkog sloja za poštu, ceo razgovor sa serverom je napisan ručno u obrađivaču forme — otud i fajl od oko 675 linija za jednu kontakt formu. Uz slanje idu i stvari koje se retko rade: imena u zaglavljima poruke se kodiraju kada sadrže naša slova, sav korisnički unos se prečišćava pre nego što uđe u HTML poruke, a kupac dobija zasebnu potvrdu na svoju adresu, sa odgovorom usmerenim na sanduče studija.

Zaštita od bota ide kroz zajednički modul za celu flotu — skriveno polje koje čovek ne popunjava, provera sadržaja i ograničenje broja pokušaja po adresi. Adresa se proverava po formatu, a poruka se ne šalje dok posetilac ne prihvati uslove i politiku privatnosti. Posle popravke je proveren pravi unos sa kontakt forme, u zapisu poštanskog servera, do potvrde o isporuci.

Analitika je bila postavljena tako da se učitava pre nego što posetilac išta kaže. To je danas rizik, a ne detalj. Sada radi u režimu pristanka: dok posetilac ne prihvati, merenje stoji na odbijenom i ne postavljaju se kolačići za analitiku i marketing; kada prihvati, dozvola se podiže i pamti za sledeću posetu. Baner nudi i opciju sa samo neophodnim kolačićima, jer izbor koji ima samo jedno dugme nije izbor.

Sam baner dolazi iz zajedničkog modula koji koristi cela flota sajtova, sa jednom zastavicom podešenom baš za ovaj sajt: stil se ne ubacuje u telo strane nego se učitava kao zaseban fajl. Razlog je konkretan — provera ispravnosti markapa prijavljuje stil u telu strane kao grešku.

Uz taj popravak su otišle i preostale dve greške sa iste provere. Prva je bila mapa umotana u link, što po pravilima nije dozvoljeno — mapa je ostala samostalna, a preko nje stoji providan sloj sa linkom koji je otvara u aplikaciji. Druga je bila širina mape zadata atributom umesto stilom. Sajt je sa tri greške došao na nulu.

Politika privatnosti i uslovi korišćenja nisu prekopirani sa tuđeg sajta. Pišu šta se prikuplja preko forme, koje su tri vrste kolačića i šta koja radi, koja prava posetilac ima i kome se obraća, a uslovi pominju i ono što je za ovaj posao stvarno bitno — da su fotografije radova autorsko delo studija.

Jednu adresu koja odgovara na sva pitanja koja bi mu inače stigla telefonom, i broj telefona za ona koja ostanu. Bez mesečne pretplate platformi, bez dodataka koji se raspadnu pri sledećem ažuriranju i bez sistema za upravljanje sadržajem koji treba čuvati od provala.

Održavanje ide direktno: klijent pošalje nov cenovnik ili novu sekciju mejlom, izmena se odradi na kodu, prođe kroz privatni repozitorijum i sama se povuče na server, uz rezervnu kopiju pre svake izmene. Nov cenovnik i sekcija za obuku su tako i nastali, u razmaku od desetak dana.

Ono što je ostalo za dalje, otvoreno je i zapisano. Ima još prostora u kritičnom delu stila koji se učitava prvi. Mobilno merenje brzine je i dalje neujednačeno između prolaza. A ako jednog dana zatreba galerija radova sa poređenjem pre i posle, sajt je za nju spreman — samo trenutno ne bi doneo ništa što Instagram već ne radi bolje.

U međuvremenu radi ono zbog čega je i pravljen: čovek iz Leskovca ukuca poliranje ili keramičku zaštitu, otvori stranu, vidi klasu svog automobila i cenu pored nje, i pozove. Sve ostalo na ovoj strani postoji da bi taj jedan potez bio što kraći.