Mewi

Mewi je trgovina elektroinstalacijskog materijala u Turnhoutu, uz koju radi i webshop mewi-online.be. U logotipu stoji i druga djelatnost: centralni usisivači. Kupac im dolazi s nečim konkretnim, sklopkom određene serije, razvodnom pločom ili dijelovima za usisivač u zidu, i želi znati imaju li to i je li trgovina otvorena.

Što sam zatekao

Web sam pregledao 14. studenoga 2026. na laptopu i na mobitelu.

• mewi.be je jedna stranica: poveznica na webshop, logotip, adresa i radno vrijeme. Nema oznake za mobitel, pa telefon prikaže stranicu široku 1008 px smanjenu na 39 %, s tekstom od oko 6 px.
• Centralni usisivači postoje samo kao tekst u slici logotipa, bez opisa, i u skrivenim ključnim riječima. U tekstu nema ni njih ni marki koje prodaju, a webshop od osam grupa nema nijednu za usisivače.
• Podatke o cijevima, priključnicama i jedinicama našao sam samo u web arhivu, na stranicama mewi.be iz 2016. Danas te adrese vraćaju 404.
• Brojevi telefona su običan tekst, pa se na mobitelu ne mogu dodirnuti i nazvati. Jedine poveznice su webshop i adresa e-pošte.
• Webshop sam kaže da se još puni i da kupac koji nešto ne nađe treba doći u trgovinu ili se javiti.

Odluke

Obje djelatnosti na prvom ekranu

Naslov je rečenica iz njihovog logotipa: „Elektrische materialen en centrale stofzuigers in Turnhout”. Uz njega se jednom iscrta tehnički crtež sklopke i usisne priključnice u zidu, rastavljenih na dijelove, a u kutu pločice upali se plavo svjetlo kakvo pada na sklopku na slici u njihovom logotipu. Ispod gumba web kaže je li trgovina upravo otvorena, prema objavljenom radnom vremenu.

Asortiman po grupama

Šest grupa: pet slijedi kategorije webshopa i vodi na njih, šesta su centralni usisivači. Kartica s crtežom stoji uz popis i iscrta se iznova kad se grupa promijeni. Marke, Niko iz webshopa te Vimar i TEM iz skrivenih ključnih riječi, sada su u tekstu i u traci ispod prvog ekrana.

Centralni usisivač nacrtan u kući

Centralni usisivač nije jedan proizvod nego sustav, pa sam tri činjenice iz arhive njihovog weba, cijev, priključnicu i jedinicu s upravljanjem, pretvorio u presjek kuće. Sekcija stoji dok posjetitelj scrolla: kroz pod i zidove provuku se cijevi, u sobama se pojave priključnice, a u spremištu jedinica s upravljačkim vodom. Na crtežu piše da je ilustracija, a ne nacrt.

Popis materijala u četiri koraka

Alat pita ono što trgovina mora znati: cijev, izgled priključnice (u seriji sklopki Vimar ili Bticino, četvrtasta ili nadžbukna), zid i smjer cijevi, broj priključnica i jedinicu. Dok kupac bira, mijenjaju se crtež, sažetak izbora i popis materijala, a promijenjeni redak kratko zasvijetli. Cijena nema, jer ih nema ni njihov web. Jedan klik prepiše popis u kontakt obrazac, koji kaže što još fali i kad je poruka spremna, a odande ide mail na info@mewi.be.

Boje, slova i mobitel

Antracit i čelik su iz metalnih slova logotipa, a jedina boja je plava iz svjetla na sklopki. Na mobitelu je stanje trgovine iznad naslova, crtež odmah ispod njega, a u priči o usisivaču crtež ostaje gore dok se tekst mijenja. Web je na nizozemskom, kao i sadašnji.

Kako je napravljen

Statični HTML, CSS i JavaScript bez frameworka, a crteži su ručno pisani SVG. Prvi ekran crta CSS (stroke-dashoffset), sekcije ulaze uz IntersectionObserver, presjek kuće vodi GSAP sa ScrollTriggerom, a glatko pomicanje Lenis. Skrivena početna stanja postavljaju se tek kad se JavaScript učita, pa je bez njega stranica cijela vidljiva, a priča o usisivaču postaje popis uz gotov crtež. Uz smanjeno kretanje animacija nema. Servera nema: popis slaže preglednik, upit odlazi kroz mailto i ništa se ne sprema, a stanje trgovine računa se po briselskom vremenu. Prototip je noindex, JSON-LD sadrži samo podatke s njihovog weba, a jedina fotografija, trgovina iz njihove arhive, učitava se tek kad dođe na ekran.

Što bih sljedeće

S Mewijem bih prvo provjerio vrijede li podaci o centralnim usisivačima iz 2016., je li fotografija trgovine iz 2013. još točna i prodaju li instalaterima i privatnim kupcima pod istim uvjetima. Pravi projekt dobio bi obrazac koji šalje upit bez kupčevog programa za e-poštu, vlastite fotografije trgovine i proizvoda i poveznice na dijelove za usisivače kad se pojave u webshopu.