Optopharm — web stranica za veleprodaju Leica naočalnih leća
Za Optopharm d.o.o., ovlaštenog partnera i distributera Leica Eyecare premium naočalnih leća u Hrvatskoj, izradio sam potpuno novu web stranicu koja istovremeno rješava dva posla: predstavlja Leicu i njezinu optiku krajnjim korisnicima te vodi ozbiljnu veleprodajnu komunikaciju prema drugim optikama. Klijent nije došao s gotovim popisom sadržaja, nego s pozicioniranjem — Leica veleprodaja — pa sam strukturu weba, sitemap i cjelokupnu arhitekturu sadržaja predložio i posložio sam, izvedeno iz službene Leica Eyecare komunikacije i nadograđeno jakim B2B slojem za optičare. Sve je izgrađeno kao vlastita, namjenska WordPress tema bez Elementora i bez ijednog page buildera, ovisna samo o onome što joj stvarno treba, kako bi stranica ostala brza, čista i dugoročno održiva.
Dizajn sam izveo izravno iz Leica brand guidea i pretočio ga u sustav dizajnerskih tokena koji cijeli web drži u jednom jeziku. Osnova je topla crna kao boja teksta i tamnih ploha, bijela i „magnesium" bijela kao podloge te paleta tehničkih sivih tonova preuzeta iz Leicinog vizualnog identiteta, dok je prepoznatljiva Leica crvena namjerno rezervirana isključivo za Leica Dot i sitne akcente — nikad kao dekoracija. Tipografija je Outfit u varijabilnom rezu od 200 do 700, self-hostana na serveru bez ijednog poziva prema Google Fontsu, s fluidnom tipografskom skalom koja se glatko prilagođava od mobitela do velikih ekrana. Detalji poštuju brand do kraja: radijus od svega dva piksela jer je Leica oštra i minimalistička, Leica Dot nikad manji od 26 piksela, kickeri u verzalu s preciznim razmakom slova i hero claim „Unblur the world" postavljen kao ključna poruka naslovnice.
Naslovnica se otvara punim hero prikazom s oznakom Leica Authorized Dealera i vodi posjetitelja kroz brand statement s ključnim porukama — sto godina tradicije, najsuvremenija tvornica u Njemačkoj i savršeno jasan pogled na svijet — zatim kroz asortiman leća, sekciju „Zašto Leica?" koja objašnjava što premium kvaliteta zapravo znači, veleprodajni dio „Postanite Leica partner" i kontakt. Za same leće izradio sam jednu pametnu šablonu koju koristi cijeli asortiman — Monovid, Variovid, Digivid, Monovid Digital, Duovid i Monovid Myopia — pri čemu svaka stranica ima svoj render leće, uvodni opis, kategoriju, jasno „za koga je", značajke, tehnologije ugrađene u leću, izvedbe i premaze te zaseban blok „Što optičar dobiva", uz automatsku navigaciju na prethodnu i sljedeću leću. Kod pojedinih leća u stranicu sam ugradio tihe animacije u petlji koje se učitavaju tek nakon postera, tako da objašnjavaju leću bez ijednog kilobajta nepotrebnog opterećenja.
Poseban sam trud uložio u to da klijent stranicu uistinu posjeduje. Baš svaki vidljivi tekst na webu — svaki naslov, odlomak, brojka, prednost i kontaktni podatak — ima svoje polje u WordPress adminu, već popunjeno postojećim tekstom, pa ga klijent samo prepiše i spremi. Kako verzija dodatnih polja koju koristimo nema repeater, liste poput značajki, tehnologija i koraka suradnje modelirao sam kao fiksne parove polja s hrvatskim nazivima, uz logiku da se prazna stavka jednostavno ne prikaže na webu — sakrivanje sadržaja svodi se na brisanje teksta. Sve to radi u klasičnom editoru, jednostavnom kao Word, uz zadane slike koje uskaču ako polje ostane prazno, a klijentu sam uz web isporučio i PDF upute na hrvatskom s točnim koracima za svaku stranicu.
Veleprodajni upit rješava namjenska B2B forma koja traži ime, naziv optike, OIB s provjerom na točno jedanaest znamenki, grad, e-mail, telefon i poruku, a stiže na e-mail uz skrivenu sigurnosnu kopiju. Zaštitu od botova napravio sam potpuno bez vanjskih servisa i bez reCAPTCHA-e: kombinacija skrivenog honeypot polja, WordPress nonce provjere, „Nisam robot" potvrde i kriptografski potpisane vremenske zamke koja odbija slanje brže od tri sekunde i starije od dva sata odrađuje posao, a da nijedan podatak ne odlazi trećoj strani. Cijene se nigdje ne objavljuju javno — cjenici i uvjeti dosljedno idu „na upit", što je bila izričita poslovna odluka. Na tehničkoj strani stranica je optimizirana za tražilice s ručno pisanim meta opisima, Open Graph i Twitter oznakama, hrvatskim jezikom dokumenta, čistim headom bez suvišnih WordPress skripti, svim slikama u WebP formatu, pristupačnim aria oznakama i sadržajem koji ostaje vidljiv i kad JavaScript ne radi. Rezultat je precizan, tehnički dosljedan digitalni nastup dostojan branda koji stoji iza njega.
