Svi projekti
Koncept redizajnaKoncept, nije naručen2026

Koncept weba za CNC radionicu: strojni park nacrtan u mjerilu i alat koji iz mjera obratka kaže na koji stroj stane i složi upit.

Decolan 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.

Decolan
Tvrtka
Decolan
Usluga
Koncept novog weba i provjera mjera obratka

Decolan iz Izegema u Belgiji kooperant je za CNC tokarenje i glodanje, od jednog komada do srednjih serija, u svim materijalima, s vlastitim certificiranim odjelom za zavarivanje. Kupac koji im piše ima nacrt i jedno pitanje: stane li moj obradak na vaše strojeve.

Što sam zatekao

Web je jedna stranica. Pregledao sam je 14. studenoga 2026. na laptopu i mobitelu:

  • Stranica je osam GIF slika izvezenih iz Fireworksa u siječnju 2010. U HTML-u nema nijedne rečenice, samo opis „Stuur een mail”, a kartica preglednika nosi naslov „index.gif”. Google odatle ne može pročitati što rade.
  • Prva rečenica glasi „Decolan hernieuwt zijn site!” („Decolan obnavlja svoj web”). Kod stranice danas je isti kao snimka u Internet Archiveu od 20. travnja 2012.
  • Bez postavke za mobitel, telefon prikaže tablicu široku 1020 px smanjenu na oko 38 %, nečitljivu bez zumiranja.
  • Najjači argument, strojni park (Ø 1400 mm, 15 m u X, dizanje do 50 t), dio je slike. Kupac mora sam usporediti mjere pa nazvati.
  • Na adresi s https preglednik javlja upozorenje: certifikat je samopotpisan i istekao je u studenome 2022.

Prvi ekran sadašnjeg weba Decolan na laptopu: logo, adresa i tekst „Decolan hernieuwt zijn site!” lijevo, sivi okvir sa strojnim parkom desno, sve kao slika na bijeloj podlozi

Odluke

Mjere na prvom ekranu

Naslov sam složio od njihove rečenice: „Draai- en freeswerk, van één stuk tot middelgrote serie”. Ispod su četiri brojke s njihova weba, 1400 mm, 8 m, 15 m i 50 t, sada kao tekst. Desno je tehnički crtež okretnog dijela sa zaglavljem, označen kao ilustracija. Iscrta se jednom i miruje, a na računalu slojevi lista blago prate pokazivač. Boje su iz loga: žuta i grafitno siva, uz tople neutralne tonove.

Usluge s mjerom na dnu

Tokarenje, peteroosno glodanje, veliko glodanje i zavarivanje četiri su kartice, a svaka završava najvećim mjerama, jer njih kupac traži.

Sekcija s uslugama: četiri kartice s ikonom, opisom i retkom mjera, od Ø 1400 mm · L 6000 mm do dizanja do 50 tona

Strojni park u jednom mjerilu

Brojke iz sivog okvira nacrtao sam kao radna područja na mreži od jednog metra, sva u istom mjerilu. Dok se stranica pomiče, crtež stoji, a svaki korak iscrta svoje područje: tokarilica 6 m, peteroosna glodalica 8 m, glodalica od 15 m s četvrtom osi pa zavarivanje i dizanje. Kote se odbrojavaju do prave vrijednosti, a na kraju su sva područja zajedno. Ispod crteža piše da je to shema, ne crtež strojeva.

Strojni park u mjerilu, treći korak: istaknuto radno područje glodalice od 15 m s četvrtom osi od 2 m, desno opis i mjere X, Y i Z

Provjera prije upita

Alat „Past uw werkstuk?” pita obradu, mjere, težinu, količinu, zavarivanje i materijal. Odmah kaže na koji stroj obradak stane i koliki dio raspona koristi, nacrta ga u radnom području i upozori ako je teži od 20 t koliko nosi četvrta os. Uz to raste sažetak upita i javi kad je spreman. Gumb prenosi sažetak u obrazac za upit, koji otvara mail na info@decolan.be. Cijena i rokova nema, kao ni na njihovu webu.

Alat za provjeru mjera: glodanje obratka 11 800 × 2 600 × 1 300 mm, mala serija, zavarivanje; desno odgovor da stane na glodalicu do 15 m, crtež u radnom području i postotci po osima

Nizozemski i mobitel

Web je na nizozemskom, kao i sadašnji, s obraćanjem „u” kakvo već koriste. Na mobitelu crtež strojnog parka ostaje na vrhu dok se koraci izmjenjuju ispod njega, a u alatu iznad polja stoji traka s odgovorom, pa se ne mora skrolati do rezultata.

Tri ekrana novog weba na mobitelu: prvi ekran s naslovom, prvi korak strojnog parka i rezultat provjere sa sažetkom upita

Prvi ekran na laptopu, lijevo sadašnji web, desno novi koncept

Kako je napravljen

Statični HTML, CSS i JavaScript, bez frameworka i biblioteke za animacije. Svi crteži su SVG u samoj stranici. Prvi crtež iscrtava CSS, crtež strojnog parka mali skript koji linije veže uz pomak stranice, a ostalo su CSS prijelazi i IntersectionObserver. Skrivena početna stanja postavljaju se tek kad se JavaScript učita, pa je bez njega stranica cijela vidljiva, a uz smanjeno kretanje crteži su odmah gotovi. Alat nema server: računa preglednik, a upit odlazi kroz mailto. Stranica ima noindex u meta oznaci, robots.txt i zaglavlju odgovora, a JSON-LD sadrži samo podatke s njihova weba.

Što bih sljedeće

S tvrtkom bih prvo provjerio koji certifikat ima odjel za zavarivanje, koje materijale najčešće obrađuju i kolika je širina za peteroosno glodanje, jer to alat zasad ostavlja njima da potvrde. Pravi projekt dobio bi fotografije radionice i strojeva, francusku verziju i obrazac koji prima nacrt kao privitak.

Imam slobodno mjesto, javi se za suradnju

Ako imaš ideju koju vrijedi napraviti kako treba, prvi korak je razgovor od 30 minuta.

Bez ponude i bez pritiska. Ispričaš mi što gradiš, ja postavim pitanja koja ti vjerojatno još nitko nije, i na kraju znaš je li izvedivo, koliko okvirno košta i što je sljedeći korak. Bez obzira radimo li zajedno.

Jurica Stublić u radu na projektu