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
U ovom tekstu
- Čime se 3D Art Kragujevac bavi
- Šta je trebalo rešiti
- Kako je sajt podeljen
- Strana koja nosi najviše posla
- CNC i laser kao poseban posao
- Upit koji mora da stigne
- Tehnička izvedba
- Brzina, slike i ono što se vidi tek uživo
- Greška koja je slala snagu tuđem sajtu
- SEO, schema i ono što je moralo da se skine
- Šta klijent na kraju ima
Č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 slikama
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?
Može li vlasnik sam da doda fotografije u galeriju?
Zašto osam strana, a ne jedna duga naslovna?
Šta se dešava kada neko pošalje upit preko forme?
Da li sajt radi na telefonu?
Šta je bilo najteže na ovom sajtu?
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.