Phaer

Koncept weba za distributera strojnog vida: lanac od svjetla do framegrabbera s markama i kalkulator koji iz vidnog polja predloži leću i komponente.

Phaer mi nije klijent i ovaj web nije naručio. Koncept sam napravio na vlastitu inicijativu, iz teksta i fotografija s njihovog javnog weba, pa su sve činjenice na njemu njihove.

Phaer iz Gentbrugge kraj Genta službeni je distributer za Benelux komponenti za strojni vid od petnaest proizvođača, od kamera i leća do rasvjete, kabela i framegrabbera, a nudi i besplatnu studiju rasvjete u svom laboratoriju. Njihov kupac rijetko traži samo kameru. Pita koja kamera, leća i rasvjeta zajedno daju sliku na kojoj se vidi ono što mora pregledati.

Što sam zatekao

Web phaer.be (na njega vodi i phaer.eu) pregledao sam 14. studenoga 2026. na računalu od 1440 px i na mobitelu.

Stranica nema oznaku za mobilni prikaz, pa telefon prikaže cijelu verziju za računalo, široku 980 px, smanjenu na širinu ekrana. Osnovni tekst od 13 px tako ispadne visok oko 5 px.
Rečenica koja kaže što Phaer radi dio je slike u zaglavlju, bez alternativnog teksta.
Prvi blok ispod zaglavlja je oglas proizvođača Imperx na engleskom, „Vision partnerships driving results”.
Njihov najjači argument, besplatna studija rasvjete na uzorcima kupca, stoji na podstranici pod Diensten. Naslovnica ga ne spominje.
Za pitanje o cijelom postavu kupac ima opću formu s imenom, e-poštom i porukom.

Prvi ekran sadašnjeg weba Phaer na računalu: plavo zaglavlje sa svjetionikom i naslovom Visie in het kwadraat, ispod oglas Imperxa na engleskom sa slikom astronauta i kamere

Odluke

Rečenica umjesto oglasa

Na prvi ekran stavio sam ono što je dosad bilo u slici, ali kao tekst: komponente za strojni vid i znanje da se one spoje. Ispod su četiri činjenice s njihova weba, od službenog distributera za Benelux do više od 25 čovjek-godina iskustva. Koncept je na nizozemskom, kao i njihova naslovnica. Desno je tehnički crtež postava za 2D inspekciju s radnom udaljenošću i vidnim poljem. Iscrta se jednom, na zaslonu se složi slika proizvoda u pikselima i crtež miruje, a na računalu se blago pomakne za pokazivačem. Označen je kao ilustracija.

Lanac od svjetla do odluke

Phaer na svom webu piše da je lanac jak koliko i najslabija karika. Od te misli napravio sam središnji dio: šest karika, od svjetla do odluke, svaka s markama koje distribuiraju. Crtež lijevo stoji, a dok se stranica pomiče, na njemu nastaje slika: LED-ovi osvijetle proizvod, odbijeno svjetlo kroz leću dođe do senzora, signal prođe kabelom, slika se složi na zaslonu i rezultat ode robotu. Tako se vidi zašto izbor počinje od svjetla, a ne od kamere.

Tamna sekcija s lancem: crtež kamere, leće i prstenastog svjetla nad trakom, zrake do senzora i slika proizvoda u pikselima na zaslonu, desno korak Kabel en framegrabber s markama Components Express i Bitflow

Kalkulator umjesto prazne poruke

Posjetitelj odabere što sustav radi, upiše vidno polje, radnu udaljenost i najmanji detalj i odmah dobije približnu žarišnu duljinu, broj piksela u širini i kut gledanja, a za line scan frekvenciju linija. Ispod je prvi prijedlog lanca s markama i Phaerovom uslugom na kraju. Sažetak upita slaže se dok bira, a jedan klik upiše cijeli izračun u kontakt formu za info@phaer.be. Ispod gumba piše da je izračun okviran i da ga Phaer točno provjeri.

Kalkulator za 2D inspekciju: vidno polje 120 mm, radna udaljenost 300 mm, detalj 0,1 mm, žarišna duljina oko 20 mm, 3.600 piksela, prijedlog lanca od CCS rasvjete do kućišta i sažetak upita spreman za slanje

Boja iz loga, crtež umjesto kataloga

Logo ima tamnu plavu u nazivu i svijetlu u znaku sa svjetionikom. Tamna je primarna boja, a svijetla se pojavljuje samo tamo gdje je svjetlo: snop, LED-ovi i zrake. Na njihovom webu bilo je tek nekoliko fotografija, pa ostatak nose tehnički crteži. Deset skupina proizvoda stoji u mreži, svaka s markama i poveznicom za demo ili katalog.

Mreža proizvoda: area scan, line scan i 3D kamere, leće i filteri, svaka kartica s opisom, markama i poveznicom za demo ili katalog

Mobitel

Na mobitelu crtež lanca stoji pri vrhu ekrana dok se karike izmjenjuju ispod njega, a rezultati kalkulatora dolaze odmah ispod polja.

Tri ekrana novog weba na mobitelu: prvi ekran s naslovom i crtežom, lanac na koraku Behuizing i sažetak upita u kalkulatoru

Prvi ekran na računalu, lijevo sadašnji web, desno novi koncept

Kako je napravljen

Statični HTML, CSS i JavaScript, bez frameworka. Crtež na prvom ekranu iscrtava se CSS prijelazima nad SVG linijama. GSAP i ScrollTrigger koristim samo za blagi pomak crteža za pokazivačem i za priču u lancu, gdje je animacija vezana uz pomicanje stranice. Kalkulator nema server: računa preglednik, a upit odlazi kroz mailto. Formule su označene kao približne: žarišna duljina po aproksimaciji tanke leće, f ≈ WD · s / (FOV + s), gdje je s širina senzora, i najmanje tri piksela po detalju. Skrivena početna stanja postavljaju se tek kad se JavaScript učita, pa su bez njega crteži cijeli, a uz smanjeno kretanje animacija nema. Fotografije su optimizirani JPEG-ovi sa zadanim dimenzijama. Stranica ima noindex, a JSON-LD sadrži samo podatke s njihova weba.

Što bih sljedeće

S Phaerom bih prvo provjerio formule i ponuđene senzore u kalkulatoru te slaže li se redoslijed karika s načinom na koji oni savjetuju kupce. Pravi projekt dobio bi francusku verziju, jer stari web ima i nju, stranice po markama i formu koja šalje upit bez kupčeva programa za e-poštu.