LoopShard Studio

Pregled

Stranica na kojoj se upravo nalazite: dvojezična stranica studija, izrađena da se brzo učitava, dobro rangira i posjetitelje pretvara u upite.

Zadatak

Novi studio treba stranicu koja dokazuje kvalitetu već pri prvom učitavanju: brzu, potpuno čitljivu tražilicama, na hrvatskom i engleskom, s jasnim putem od interesa do upita.

Što je izrađeno

• Astro stranica unaprijed generirana u statički HTML, a JavaScript služi samo kao nadogradnja
• Hrvatska i engleska verzija iz jednog skupa tipiziranih datoteka sa sadržajem, uz hreflang i sitemap
• WebGL kristal u naslovnom dijelu i animacije pri skrolanju koje poštuju postavke smanjenog kretanja
• Obrazac za upit u tri koraka koji radi i kad je JavaScript isključen

Rezultat

• Svaka se stranica u cijelosti čita i bez JavaScripta, pa tražilice vide sav sadržaj
• Analitika bez kolačića i bez alata za praćenje, pa nema ni bannera za privolu
• Isporučuje se s Cloudflareove globalne mreže

Tehnologije

• Astro
• TypeScript
• Tailwind CSS
• GSAP
• WebGL
• Cloudflare Workers