Sendvič-paneli.hr — web stranica za krovne i fasadne sendvič panele
Za tvrtku B100 d.o.o., distributera Topanel sendvič panela, izradio sam zasebnu web stranicu sendvic-paneli.hr posvećenu isključivo jednoj poslovnoj liniji — krovnim i fasadnim sendvič panelima s PUR i PIR jezgrom. Cilj je bio taj tehnički proizvod predstaviti jasno i uvjerljivo, objasniti prednosti sendvič panela za hale, skladišta i logističke objekte, te posjetitelja bez okolišanja dovesti do jednog cilja: slanja upita i traženja ponude prema mjerama. Cijelu stranicu osmislio sam i izradio od nule, od koncepta i sadržaja do dizajna i koda.
Vizualni identitet gradio sam oko ozbiljnog, industrijskog ugođaja — tamna, gotovo crna podloga u toploj sivo-smeđoj nijansi, s narančastim akcentom koji vodi pogled prema važnim elementima i pozivima na akciju. Krupne naslove nosi font Bricolage Grotesque, dok tehničke podatke i tekst drže IBM Plex Sans i IBM Plex Mono, čime stranica dobiva pouzdan, inženjerski karakter. Na naslovnici sam napravio i prikaz presjeka panela u tri sloja — vanjski čelični lim, izolacijska jezgra i unutarnji lim — koji na prvi pogled objašnjava od čega se sendvič panel sastoji, uz istaknute ključne brojke poput toplinske provodljivosti, maksimalne dužine panela i vatrootpornosti.
Sadržaj je posložen kao logičan put kroz temu. Naslovnica otvara asortiman s dvije linije panela, objašnjava zašto su sendvič paneli standard za brzu i energetski učinkovitu gradnju, nabraja tipične primjene i kroz četiri koraka vodi korisnika od upita do isporuke. Krovni te zidni i fasadni paneli imaju vlastite detaljne stranice s tehničkim opisom, profilima i mogućnostima, galerija prikazuje primjere primjene na stvarnim objektima, a kontakt stranica objedinjuje formu za upit, podatke tvrtke i radno vrijeme. Sve je u potpunosti responzivno, pa jednako dobro funkcionira na mobitelu, tabletu i računalu.
Tehnički sam stranicu izradio kao brzu, statičnu stranicu bez ijednog frameworka — čisti HTML5, CSS i JavaScript, uz PHP za kontakt formu koja upite šalje izravno na email tvrtke. Takav pristup znači minimalno održavanje, vrhunsku brzinu učitavanja i dug vijek bez ovisnosti o vanjskim sustavima. Poseban naglasak stavio sam na SEO: svaka stranica ima vlastite naslove i opise, Open Graph i Twitter oznake za uredan prikaz pri dijeljenju, strukturirane schema.org podatke tipa GeneralContractor s adresom, kontaktom i radnim vremenom, mapu stranice i robots datoteku. Fotografije su optimizirane za brzo učitavanje, a kroz Apache konfiguraciju riješeni su čisti linkovi i prisilno preusmjeravanje na HTTPS.
Krajnji rezultat je samostalna, profesionalna web stranica koja tehnički proizvod čini razumljivim i pristupačnim, gradi povjerenje kroz konkretne podatke i posjetitelja jednostavno vodi do kontakta — točno onako kako jedna prodajno usmjerena stranica za građevinski proizvod treba raditi.
