Dizajn Studio

Dizajn Studio — Web platforma za kreativni studio

Dizajn Studio je moderna web aplikacija razvijena za prezentaciju kreativnog studija i njegovih projekata. Platforma je izgrađena koristeći Next.js 14 i Sanity headless CMS, što omogućuje fleksibilno upravljanje sadržajem i brzu frontend aplikaciju.

Projekt je fokusiran na vizualno atraktivnu prezentaciju portfolija, dinamički sadržaj i moderan interaktivni dizajn.

⸻

Tehnička arhitektura

Frontend • Next.js 14 • React 18 • TailwindCSS • Styled Components • Framer Motion animacije • Swiper slider • React Icons

CMS i backend • Sanity Headless CMS • next-sanity integracija • Portable Text rendering

⸻

Ključne funkcionalnosti

Headless CMS upravljanje sadržajem Sanity CMS omogućuje urednicima jednostavno upravljanje sadržajem, uključujući: • portfolio projekte • slike i galerije • tekstualni sadržaj • strukturu stranica

Podaci se dinamički dohvaćaju u Next.js aplikaciji koristeći next-sanity integraciju.

⸻

Interaktivni dizajn i animacije Za poboljšanje korisničkog iskustva implementirane su animacije pomoću Framer Motion, uključujući: • animirane sekcije • scroll animacije • mikrointerakcije

Također su korišteni tsparticles efekti i Swiper slideri za modernu vizualnu prezentaciju sadržaja.

⸻

Dinamički sadržaj i statistike Korištenjem biblioteke react-countup implementiran je animirani prikaz statistika i brojčanih podataka, čime se dodatno naglašava interaktivnost web stranice.

⸻

SEO optimizacija Projekt uključuje SEO optimizaciju kroz: • automatsko generiranje sitemap-a pomoću next-sitemap • optimizaciju slika pomoću Sharp • server-side rendering za bolju indeksaciju

⸻

Rezultat

Rezultat projekta je moderna web platforma koja omogućuje dizajnerskom studiju profesionalnu prezentaciju projekata uz fleksibilno upravljanje sadržajem i visoke performanse.