Artech Solutions
Predstavitvena spletna stran za Artech (Robert Atanasov s.p.), slovenskega obrtnika za kovinske in aluminijaste ograje, nadstreške, vrata in konstrukcije iz Marezig. Podjetje pokriva trg v Sloveniji, na Hrvaškem, v Italiji in Avstriji.
Obišči živo stran →
Izziv
Stranka je potrebovala stran, ki ne bo le digitalna vizitka, ampak bo dejansko prinašala povpraševanja, z možnostjo, da potencialni naročnik priloži načrt ali fotografijo projekta. To je prineslo tri konkretne pasti:
- Povpraševanja morajo zanesljivo prispeti v nabiralnik, brez odvisnosti od plačljivih zunanjih storitev za obrazce.
- Stranke pogosto pošiljajo velike fotografije s telefona in PDF-načrte, naložiti jih je treba varno, brez napihovanja e-pošte in brez varnostnih lukenj.
- Stran cilja na lokalno iskanje ("kovinske ograje", lokacija Marezige/Koper), zato je bil SEO od začetka del zahteve, ne naknadni dodatek.
Dodatna zahteva je bila vzdržnost: stranka želi enostavno, poceni gostovanje in predvidljive stroške, brez mesečnih naročnin na orodja tretjih oseb.
Pristop
Odločil sem se za statično stran v čistem HTML/CSS/vanilla JavaScriptu, brez ogrodja. Pri obsegu nekaj predstavitvenih strani bi framework prinesel več režije (build, odvisnosti, vzdrževanje) kot koristi; čista izvedba je hitra, lahka za gostovanje in jo bo mogoče vzdrževati tudi čez leta.
Za obrazec sem napisal lasten PHP backend namesto naročnine na storitev kot je Formspree. Funkcija mail() pošlje povpraševanje na podjetjev naslov, stranka pa prejme samodejni potrditveni odgovor. To pomeni nič ponavljajočih se stroškov in poln nadzor nad podatki (pomembno tudi z vidika GDPR).
Strani sem strukturiral ločeno, a jih strežem na čistih URL-jih (/storitve, /galerija, /kontakt …) prek .htaccess. Vse poti do sredstev sem nastavil absolutno glede na koren, da delujejo ne glede na obliko URL-ja.
Za vizualni jezik sem uporabil temno industrijsko paleto z oranžnim poudarkom in tipografijo Space Grotesk / Manrope, resno, "težko-industrijsko", a sodobno. Celotno vizualno podobo (paleta, tipografija, vizitka, letak) si oglej v ločeni študiji primera →
Ključne pasti in rešitve
1. Nalaganje datotek brez varnostnih in dostavnih težav
Velike fotografije in PDF-je shranim na strežnik in v e-pošto vključim povezavo, namesto da bi datoteke pripel kot priponke, s tem se izognem omejitvam velikosti in temu, da bi pošto označilo za neželeno. Na backendu preverim končnico in dejanski MIME-tip, omejim velikost na 8 MB, vsako datoteko shranim pod varno, naključno generiranim imenom in očistim uporabniški vnos.
2. Obrazec se ne sme zatakniti med pošiljanjem e-pošte
PHP mail() je blokirajoč klic, vsako pošiljanje doda zakasnitev. Zato uporabniku takoj vrnem odgovor in zaprem povezavo (fastcgi_finish_request()), samodejni potrditveni odgovor stranki pa se pošlje v ozadju. Uporabnik tako ne čaka na dve zaporedni pošiljanji.
3. Zanesljivost in zaščita pred neželeno pošto
Dodal sem skrito "honeypot" polje za odvračanje botov in iz glav e-pošte odstranil znake za prelom vrstic (zaščita pred header-injection). Vsako povpraševanje se kot varnostna kopija zabeleži v dnevnik nad korenom spletne mape (ni javno dostopen), če pošiljanje e-pošte spodleti, lead vseeno ni izgubljen.
4. Takojšnja vidnost popravkov vs. hitrost nalaganja
Nastavil sem politiko predpomnjenja v .htaccess: HTML/CSS/JS se pri strežniku vedno preverijo (no-cache, must-revalidate), slike se predpomnijo za dan, pisave za leto. Tako so popravki kode vidni takoj po objavi, statična sredstva pa ostanejo hitra.
Rezultat
- Delujoč povpraševalni obrazec z nalaganjem več datotek, predogledi, samodejnim odgovorom in varnostnim beleženjem, brez plačljivih zunanjih storitev.
- Čisti URL-ji s 301-preusmeritvami s starih poti, prilagojena 404-stran, konsolidacija www → ne-www, varnostne glave in politika predpomnjenja.
- Stran je preverjena v Google Search Console; oddan je zemljevid strani (sitemap).
- Avtomatiziran objavni tok:
git pushnamainsproži GitHub Actions, ki prek FTP objavi na gostovanje v približno dveh minutah.
