Blok kamena koji se okreće u pregledniku, jedanaest obrada na plohi i vožnja kroz tri kamenoloma

Zadatak

Dvije vrste kamena iz vlastitih kamenoloma, tri kamenoloma i pilana, arhiva od tri stotine fotografija projekata od Frankfurta do Dugog otoka. Stranica je trebala pokazati kamen onako kako ga arhitekt gleda u ruci: boju, zrno, tragove dijamantne žice i svaku završnu obradu, na hrvatskom i engleskom, i to brzo i na mobitelu.

Kako smo to riješili

Blok Plana na naslovnici je pravi, skeniran iz fotografija piljenog bloka: tri plohe su ispravljene iz kadrova i složene u jednu teksturu, boja je uzeta s mokre plohe jer suhi vapnenac ispire šaru, a reljef sa suhe jer se na njoj vidi mikrosjena. Blok se u pregledniku okreće mišem ili prstom, pa se vide lukovi žice i fosilna zrna. Dolit ima svoj sken, s vlastitim zrnom i šavovima. Svaka od jedanaest završnih obrada, od poliranja do štokovanja, renderirana je na plohi od osamdeset centimetara s dva svjetla, jednim koso za reljef i jednim za sjaj, kako se ploča i snima za katalog. Kroz svaki kamenolom vodi vožnja koju upravlja scroll, sastavljena iz stotinu i više kadrova, s oznakama koje vode na projekte. Karta triju kamenoloma i pilane grupira točke koje su preblizu i zumira prije izbora. Paleta je izmjerena iz fotografija njihovog kamena i mora, bez crne boje igdje, a naslovi su u fontu po uzoru na rimsku klesanu kapitalu. Tehnički podaci dolaze iz laboratorijskog izvještaja, s petrografijom, a svaka adresa stare stranice preusmjerena je na novu.

Tehnologija

• Next.js
• React
• TypeScript
• Tailwind CSS
• Three.js
• GSAP
• Hetzner

Što je ugrađeno

• Sken bloka: tri ispravljene plohe u jednom atlasu, boja iz mokre i reljef iz suhe plohe, dva atlasa iste geometrije.
• Na mobitelu blok dobiva pola teksture i manje trokuta, pa se nacrta u 60 kadrova u sekundi i ne troši bateriju.
• Obrade: 80 cm kamena po obradi, dva svjetla, AVIF i WebP, učitava se jedna po kliku.
• Vožnje kroz kamenolome pokazuju oštar kadar prvi, a ostatak se dohvaća kako se skrola.
• Slike se pripremaju pri gradnji u pet širina, tri veličine teksta na cijeloj stranici, analitika tek uz privolu.
• Hreflang, sitemap i strukturirani podaci za oba jezika, stare adrese preusmjerene bez izgubljenih linkova.

Što bismo vam rekli prije nego krenete