// Studija slučaja

3D Art Kragujevac — sajt za svetleće reklame, 3D slova i CNC obradu

Radionica koja pravi svetleće reklame prodaje se slikom, a čovek koji je zove ne zna razliku između klirita, alubonda i stirodura. Sajt je morao oba posla da odradi: da pokaže preko sto izrađenih reklama i da objasni od čega su i koliko traju, bez žargona i bez zvanja radi osnovnog pitanja.

Klijent
3D Art Kragujevac
Delatnost
Svetleće reklame, 3D slova, CNC i laserska obrada
Područje
Kragujevac i cela Srbija
Tip
Višestrani sajt sa galerijama radova
Tehnologije
PHP 8.3 · PHPMailer/SMTP · nginx · AVIF/WebP
Status
Živ sajt, u održavanju
Naslovna strana sajta 3D Art Kragujevac sa sloganom Dizajn koji svetli, kvalitet koji traje
Naslovna — slogan „Dizajn koji svetli, kvalitet koji traje" preko cele širine

Čime se 3D Art Kragujevac bavi

3D Art Kragujevac je reklamna radionica koja projektuje, izrađuje i montira svetleće reklame. Posao ide od kompletne reklame na fasadi objekta do natpisa na recepciji, a montaža se radi na celoj teritoriji Srbije — Kragujevac, Beograd, Novi Sad, Niš i sve ostalo.

Asortiman je širi nego što naziv nagoveštava. Tu su 3D svetleća slova od klirita i alubonda, slova sa pozadinskim osvetljenjem i HALO efektom, light box reklame u jednostranoj i dvostranoj verziji, totemi, LED neon, reklamne table, brendiranje izloga folijom i slova od stirodura za unutrašnju upotrebu.

Drugi deo posla je uslužna obrada materijala. Radionica ima CNC ruter radne površine 200 sa 130 centimetara i laser 130 sa 100, pa seče i gravira drvo, alubond, klirit, MDF, ivericu, papir, tekstil i veštačku kožu — i za sopstvene reklame i za svakog ko donese fajl.

Postoji i treći, potpuno odvojen artikal: šampanjac fontane od pleksiglasa sa RGB osvetljenjem, u okrugloj i četvrtastoj varijanti, sa kolicima i svetlećim stalcima za torte. To je drugi kupac i druga sezona, pa je na sajtu dobio sopstvenu stranu.

Šta je trebalo rešiti

Radionica ovog tipa prodaje se slikom. Čovek koji bira ko će mu napraviti reklamu iznad radnje ne čita specifikacije — gleda šta je firma već uradila i pita se da li mu se to sviđa. Sve ostalo dolazi posle toga.

Iz toga je ispalo pet zahteva:

  • Galerije, i to mnogo njih — svaki tip reklame ima svoj skup fotografija, a slika mora da se otvori u punoj veličini bez odlaska na drugu stranu.
  • Objašnjenje bez žargona — klirit, alubond, stirodur, HALO, light box i totem su reči koje kupac prvi put vidi. Strana mora da kaže šta je šta i kada se koje koristi.
  • Upit koji stigne — telefon, mejl, Viber i WhatsApp na dohvat palca, i forma koja ili radi ili jasno kaže da ne radi.
  • Vidljivost na pretragu po gradu — od upita „svetleće reklame Kragujevac" zavisi dobar deo posla.
  • Bez mesečnog troška — nikakva platforma, nikakva pretplata, nikakvi dodaci koje treba ažurirati.

Uz to je išao uslov koji se retko izgovori naglas: sajt mora da izgleda skuplje nego što jeste. Radionica koja pravi tuđ vizuelni identitet ne sme da ima sajt koji izgleda kao formular.

Kako je sajt podeljen

Umesto jedne duge naslovne sa svime na njoj, sadržaj je razbijen na osam strana. Naslovna daje kratak pregled i vodi dalje, O nama nosi tekst o firmi i načinu rada, pa idu četiri strane po grupi proizvoda: svetleće reklame, reklame od stirodura, proizvodi od pleksiglasa i šampanjac fontane. Sedma je uslužna CNC i laserska obrada, osma kontakt.

Podela nije estetska odluka. Svaka od tih strana ima svoj naslov, svoj opis, svoju adresu koja može da se pošalje kupcu i svoj skup reči po kojima se traži. Kupcu koji pita za stirodur šalje se link na stirodur, a ne naslovna uz uputstvo da skroluje do trećeg ekrana.

Svaka podstrana ima putanju u vrhu, pa posetilac uvek zna gde je i vraća se jednim klikom. Ista ta putanja upisana je i u strukturisane podatke, tako da je Google prikazuje u rezultatu pretrage umesto gole adrese.

Ispod svega stoje politika privatnosti i uslovi korišćenja, napisani za ovaj sajt, a ne prekopirani.

Strana koja nosi najviše posla

Najveći deo sadržaja stoji na strani svetleće reklame. Osam je tipova proizvoda i svaki je obrađen istim redom: opis od nekoliko rečenica, spisak osobina, dugme za ponudu i galerija izrađenih primeraka.

Opisi su ostali onako kako ih radionica izgovara. Kod alubond reklama piše da je materijal sendvič od dva sloja aluminijuma i sloja gume, da se koriste debljine od dva, tri i četiri milimetra i da postoje tri načina da se klirit postavi u odnosu na prosečen alubond — iza, u ravni ili ispred, za 3D efekat. Kod slova od klirita objašnjen je dan-noć efekat, gde je slovo preko dana tamno sivo a upaljeno belo. Takve rečenice prodaju, jer se iz njih vidi da ih piše neko ko to radi rukama.

Galerije su srce strane. Samo na njoj ih je osam, a na celom sajtu stoji preko sto fotografija izrađenih radova. Klik otvara sliku preko celog ekrana, sa strelicama levo i desno, zatvaranjem na Esc i tastaturom koja radi isto što i miš. Dugmad imaju svoje oznake za čitače ekrana, jer galerija bez toga za slepog posetioca ne postoji.

Na dnu strane je šest pitanja i odgovora — razlika između klirita i stirodura, šta je light box, koliko traje LED modul, šta je HALO efekat, može li reklama da menja boju i da li se popravlja. To su pitanja koja su se ranije postavljala telefonom, jedno po jedno.

CNC i laser kao poseban posao

Strana CNC i laserske usluge postoji zato što nije svaki upit reklama. Javljaju se ljudi kojima treba isečen komad, izgravirana tabla, maketa, prototip ili deo nameštaja po meri. Njima ne treba priča o brendiranju nego brojevi.

Zato su brojevi tu: ruter radne površine 200 sa 130 centimetara, laser 130 sa 100, pravolinijsko savijanje klirita do 130 centimetara dužine i debljine od dva do deset milimetara. Uz svaku mašinu ide spisak materijala koji se na njoj obrađuje i spisak onoga što ta mašina ume — konturno sečenje složenih oblika, 3D graviranje, frezovanje džepova, polirane ivice kod pleksiglasa.

Ispod toga je proces u četiri koraka, napisan kao uputstvo a ne kao reklama: pošaljete fajl u DXF, DWG, AI, SVG ili PDF formatu, dobijate ponudu sa cenom i rokom, ide proizvodnja, pa preuzimanje ili isporuka. Time strana unapred odgovara na ono što bi inače bio prvi telefonski poziv.

Upit koji mora da stigne

Kontakt strana ne nudi jedan način javljanja nego četiri — telefon, mejl, Viber i WhatsApp. Ovaj posao se dogovara onako kako odgovara kupcu, ne onako kako odgovara sajtu. Uz kontakte stoji i radno vreme, od ponedeljka do petka od osam do osamnaest, subotom po dogovoru.

Forma ima padajući izbor predmeta upita sa sedam stavki, jer je razlika između upita za šampanjac fontanu i upita za fasadnu reklamu velika, a vlasnik hoće da je vidi već iz naslova mejla. Dve saglasnosti, sa politikom privatnosti i sa uslovima korišćenja, obavezne su i nisu unapred označene.

Iza forme je zajednička kapija koja stoji ispred svih formi na serveru: skriveno polje u koje upisuje samo bot, provera sadržaja poruke i ograničenje broja slanja po adresi. Posle nje ide provera na ubacivanje novih redova u zaglavlja mejla, pa tek onda slanje. Poruka odlazi preko SMTP naloga čiji podaci stoje iznad korena sajta i nisu u repozitorijumu, a polje za odgovor postavlja se na adresu pošiljaoca — vlasnik odgovara direktno iz svog sandučeta.

Jedan detalj je namerno neprijatan. Ako kapija iz bilo kog razloga nije dostupna, forma ne pušta poruku dalje nego vraća obaveštenje i broj telefona. Otvoren put do sandučeta je gori ishod od privremeno pokvarene forme.

Na telefonu, preko celog dna ekrana, stoji traka sa tri dugmeta: pozovi, Viber, WhatsApp. Boje na njoj su naknadno menjane dok kontrast nije prošao standard — narandžasta na beloj je lepa dok je ne pogleda neko sa slabijim vidom.

Tehnička izvedba

Sajt je pisan u PHP-u 8.3, bez CMS-a i bez baze. Zaglavlje i podnožje su zajednički fajlovi, sve ostalo su obične strane. Za sajt koji se menja nekoliko puta godišnje to je ispravan izbor: nema administratorskog panela koji neko mora da čuva, nema dodataka koji zastarevaju i nema tabele koja može da se ošteti. Jedina biblioteka je PHPMailer i tu je isključivo zbog forme.

Na nivou servera radi nginx. Sve sa http ide trajno na https, sve sa www na verziju bez njega, a odgovori PHP-a se keširaju sat vremena uz pravilo koje keš zaobilazi kada ne sme da se koristi. Uz to idu bezbednosna zaglavlja, blokada pristupa rezervnim kopijama i osetljivim putanjama, i režim održavanja koji se pali jednim potezom dok se nešto menja uživo.

Stilovi i skripta pozivaju se sa oznakom verzije koja se izvodi iz vremena poslednje izmene fajla. Posetilac koji je juče bio na sajtu danas dobija nov CSS bez ručnog čišćenja keša — sitnica koja je najčešći uzrok lažne prijave da „izmena nije vidljiva".

Sertifikat se obnavlja automatski, a izvorni kod sajta stoji u privatnom repozitorijumu koji služi kao rezervna kopija van servera. Pre svake izmene na živom sajtu pravi se kopija fajla sa oznakom datuma, tako da povratak unazad traje koliko i jedno preimenovanje.

Brzina, slike i ono što se vidi tek uživo

Sajt sa preko sto fotografija radova stoji ili pada na slikama. Sve su prevedene u WebP, a ceo skup je u jednom prolazu ponovo kodiran na nižem kvalitetu bez promene dimenzija — sa oko 9,4 na 7,4 megabajta ukupno, bez razlike koja se vidi na ekranu.

Iznad toga radi server. Kada brauzer u zahtevu kaže da prima AVIF, nginx mu servira AVIF verziju iste slike ako ona postoji, uz zaglavlje Vary: Accept da se posrednički keš ne zbuni i ne isporuči pogrešan format nekom drugom. Slike se keširaju godinu dana.

Glavna slika na naslovnoj ide kao picture sa AVIF izvorom, sa upisanom širinom i visinom da se raspored ne pomera dok se učitava, i sa oznakom visokog prioriteta. Fontovi su lokalni — četiri reza se unapred učitavaju sa istog servera, pa sajt ne šalje nijedan zahtev tuđem serveru samo da bi prikazao tekst.

Ekran učitavanja je bio problem za sebe: dok je stajao, zaključavao je skrol i odlagao trenutak kada se pojavi glavni sadržaj. Sada se sklanja čim je dokument spreman, ima rezervni rok ako se nešto zaglavi i poštuje podešavanje za smanjeno kretanje.

Ostalo je našlo tek pregledanje živog sajta na četiri veličine ekrana. Uvodni pasus na strani svetlećih reklama bio je beo tekst na svetloj pozadini, kontrast 1,14 — praktično nevidljiv, i to jedini takav na celom sajtu. Galerije su portretne fotografije sekle na format četiri prema tri, pa je isecanje zamenjeno uklapanjem cele slike u okvir. A glavni naslov naslovne strane gazio je fajl sa stilovima koji se učitava kasnije, pa je moralo preciznije pravilo da bi naslov stao u dva reda umesto u četiri.

Greška koja je slala snagu tuđem sajtu

Najskuplji propust nije se video ni u jednom brauzeru. U kodu četiri strane stajala je kanonska adresa koja pokazuje na sasvim drugi domen — nasleđe predloška od koga je sajt jednom krenuo. Prevedeno na jezik pretraživača, sajt je sam govorio da original nije on nego neko drugi, i uredno gurao svoju snagu tamo.

Ispravljeno je na svim mestima, zajedno sa adresama u og:url oznakama i komentarom u robots.txt. Iz strukturisanih podataka uklonjeni su i linkovi ka nalozima na društvenim mrežama koji takođe nisu pripadali ovoj firmi.

Pošto su se te adrese jednom već vratile posle izmena, provera je postala deo postupka: posle svakog dodirivanja PHP fajlova radi se pretraga celog sajta za tim domenom pre nego što išta ode na server. Greška koja se ne vidi ponavlja se sve dok se ne uvede provera koja je vidi umesto čoveka.

SEO, schema i ono što je moralo da se skine

Naslovi strana vođeni su onim što se traži, a ne imenom firme. Naslovna počinje rečima „Svetleće reklame Kragujevac", pa tek onda dolazi brend; isto važi i za glavnu stranu proizvoda. Opisi su pisani po strani, ne po šablonu.

Strukturisani podaci nose LocalBusiness sa adresom, koordinatama, radnim vremenom i spiskom gradova u kojima se radi, uz WebSite, listu od pet usluga, FAQPage sa pitanjima koja se stvarno postavljaju i putanje na svim podstranama. Strana svetlećih reklama nosi i Service zapis sa katalogom podtipova.

Dva zapisa su morala da nestanu. Prvi je ocena pet od pet sa četrdeset sedam recenzija — broj bez pokrića ni u jednoj pravoj recenziji. Drugi su linkovi ka nalozima na društvenim mrežama koji vode na drugu firmu. Izmišljena ocena u strukturisanim podacima nije siva zona nego prekršaj koji se kažnjava, pa je od klijenta traženo strpljenje: kada stignu prave recenzije na poslovnom profilu, zapis se vraća sa tačnim brojevima.

Sređeno je i ono dosadno. sitemap.xml je bio neispravan XML i prepisan je od početka, robots.txt propušta ono što treba da se indeksira, dodata je security.txt datoteka po standardu, pa komplet ikonica i manifest za dodavanje na početni ekran telefona. Analitika radi uz saglasnost: dok posetilac ne pristane, merenje je isključeno, a baner nudi odbijanje kao ravnopravno dugme, ne kao sitan link u uglu.

Posle tog prolaza validator W3C vraća nula grešaka na svih osam strana, a merenje najboljih praksi pun rezultat na oba prikaza.

Šta klijent na kraju ima

Sajt koji je njegov. Nema mesečne pretplate, nema provizije, nema platforme koja sutra menja pravila. Kod stoji na serveru, može da se prekopira i preseli, i ne zavisi ni od jednog dodatka koji održava neko treći.

Praktično: čovek koji traži svetleće reklame u Kragujevcu dolazi na stranu na kojoj vidi osamdesetak fotografija sličnih poslova, pročita od čega se prave i koliko traju, i javi se kanalom koji mu je najbliži. Upit stiže na mejl sa naznačenim predmetom, pa vlasnik već iz naslova zna da li ga zove čovek koji hoće fasadnu reklamu ili čovek koji hoće fontanu za venčanje.

Ostalo je i nekoliko stvari koje ne zavise od koda i koje su vlasniku otvoreno rečene: verifikacija u Google Search Console i u Bing alatkama, prave recenzije na poslovnom profilu, i sopstveni nalozi na društvenim mrežama da bi mogli da se vrate u strukturisane podatke. Sajt je i dalje u održavanju, a svaka izmena ide uz rezervnu kopiju pre nje.

// Sajt uživo

3D Art Kragujevac

Svetleće reklame, 3D slova, light box, totemi, CNC i laserska obrada — izrada i montaža u celoj Srbiji.

svetlecereklame3dart.rs

Često postavljana pitanja

Zašto običan PHP, a ne WordPress?
Zato što ovaj sajt nema šta da radi sa bazom i panelom. Sadržaj se menja nekoliko puta godišnje, pa bi WordPress značio stalno ažuriranje jezgra i dodataka, veći utrošak servera i još jednu površinu za napad — sve to zbog izmena koje se broje na prste. Ovako sajt nema šta da se pokvari samo od stajanja.
Može li vlasnik sam da doda fotografije u galeriju?
Ne kroz panel, jer panela nema. Nove slike i tekstovi idu preko mene, u paketu, i to je bila svesna odluka: galerija se dopunjava povremeno, a panel bi bio deo sistema koji se održava ceo život zbog nekoliko izmena godišnje. Ako se ritam promeni, panel može da se doda i posle, bez ponovne izrade sajta.
Zašto osam strana, a ne jedna duga naslovna?
Zato što svaka grupa proizvoda ima drugog kupca i druge reči po kojima se traži. Sa osam strana svaka ima svoj naslov, svoj opis i svoju adresu koja može da se pošalje kupcu ili da se pojavi u pretrazi. Na jednoj dugoj strani sve to deli jedan naslov i jedan opis.
Šta se dešava kada neko pošalje upit preko forme?
Poruka prvo prolazi kroz zaštitu od botova — skriveno polje, provera sadržaja i ograničenje broja slanja po adresi. Zatim odlazi kao mejl na adresu firme, sa predmetom upita u naslovu i sa adresom pošiljaoca u polju za odgovor. Ako zaštita nije dostupna, forma se namerno zaustavlja i ispisuje broj telefona umesto da pusti neproveren sadržaj do sandučeta.
Da li sajt radi na telefonu?
Radi, i to je bio uslov od početka jer većina ljudi traži reklamu na telefonu, u hodu. Preko dna ekrana stoji stalna traka sa tri dugmeta — poziv, Viber i WhatsApp — a galerije se otvaraju preko celog ekrana i listaju dugmadima levo i desno.
Šta je bilo najteže na ovom sajtu?
Ne kod, nego ono što se ne vidi. Kanonske adrese koje su pokazivale na tuđi domen tiho su slale rezultat pretrage nekom drugom, a jedan pasus je bio beo na svetloj pozadini i praktično nevidljiv. Oba propusta našlo je tek pregledanje živog sajta na više veličina ekrana, ne čitanje koda.

Treba vam ovakav sajt?

Recite mi čime se bavite i šta sajt treba da uradi za vas — dobijate fiksnu ponudu i rok, u pisanoj formi.

Pozovi