Razvoj
Changelog
Pregled svih promjena, novih funkcionalnosti i poboljšanja na fantasy.ba sajtu.
Performansev2.7/21. mart 2026
Performanse i čišćenje koda
- Shimmer animacija prebačena na GPU — koristi transform umjesto background-position za glatke 60fps
- Footer pretvoren u server komponentu — samo Social linkovi ostaju klijentski (manji JS bundle)
- Uklonjen nekorišteni lucide-react paket iz zavisnosti
- transition-all zamijenjeno specifičnim svojstvima u ključnim komponentama (CollectionCard, Testimonials, Footer)
- Uklonjene ručne line-clamp klase — Tailwind v4 ih ima ugrađene
- Obrisane nekorištene komponente: OptimizedLink, FeaturedCollections, 7 CustomIcons ikona
- Očišćeno 6 nekorištenih animacijskih varijanti iz animations.ts i 3 nekorištene utility funkcije iz collections.ts
- Lightbox galerija sada koristi pravo ime kolekcije umjesto generičkog "Gallery image"
- Dodan script za optimizaciju slika (scripts/optimize-images.sh)
- test-results/ dodan u .gitignore
Novov2.6/21. mart 2026
SEO i strukturirani podaci
- ArticleJsonLd strukturirani podaci na svim blog postovima — bolje prikazivanje u Google rezultatima
- LocalBusinessJsonLd (FurnitureStore) na svim stranicama salona — lokalni SEO
- Ispravljen nesklad socijalnih URL-ova između Footer-a i Organization JSON-LD
- Dodan /za-arhitekte u sitemap i sinhronizovani svi blog slug-ovi (7 umjesto 6)
- URL-enkodirane putanje OG slika — ispravno prikazivanje na društvenim mrežama
Popravkav2.5/21. mart 2026
Pristupačnost, sigurnost i kontakt forma
- Kontakt forma sada šalje email putem Resend API-ja umjesto samo console.log
- aria-expanded na mobilnom meniju — screen readeri znaju da li je meni otvoren
- Focus trap u mobilnom meniju — Tab tipka ostaje unutar overlay-a, Escape zatvara
- Testimoniali: automatsko listanje svakih 7s, pauzira na hover/focus, aria-live region
- Dot indikatori u testimonialima povećani na 44px touch target (WCAG 2.1 AA)
- Lightbox u katalogu dobio role="dialog" i aria-modal za screen readere
- Dodana Content-Security-Policy zaglavlje i validacija maksimalne dužine polja
- Loading skeleton stranice za Katalog 2026 i Kontakt
- Google Reviews zvjezdice označene aria-hidden sa opisnim role="img"
Dizajnv2.4/17. mart 2026
Panoramski filmstrip i vizualno poliranje
- Suptilna vinjeta na filmstrip slikama — slike sa bijelom studijskom pozadinom se prirodno uklapaju u tamni kontejner
- Primijenjeno na desktop filmstrip i mobilni snap carousel
- Pogođeni rasporedi: Colorado, Aol & Koito, Bennet & Merriot, Kolekcija taburea
Dizajnv2.3/10. mart 2026
Katalog 2026 — galerija i razmak sekcija
- Galerijski raspored (2 slike): tekst panel pomjeren iz centra u donji lijevi ugao — proizvodi potpuno vidljivi
- Dodan gradijent za čitljivost teksta na lijevoj slici u galeriji
- Razmak između sekcija smanjen za 30% — tečniji doživljaj listanja kataloga
- Pogođeni rasporedi: Rim & Dima, Stolice Kolekcija, Casablanca & Vema
Popravkav2.2/3. mart 2026
Skeleton loading za slike u katalogu
- Shimmer skeleton animacija za sve slike u katalogu — eliminisan prazan prostor pri učitavanju
- Dvije varijante: svijetla (.img-skeleton) za ivory sekcije i tamna (.img-skeleton-dark) za tamne pozadine
- Primijenjeno na CollectionCard, ImageCard i svih 6 layout tipova u Katalogu 2026
- Animirani CSS gradijent umjesto pseudo-elemenata — slike prirodno prekrivaju shimmer kad se učitaju
Dizajnv2.1/27. februar 2026
Katalog 2026 - magazinski raspored i čitljivost
- Tri nova tipa rasporeda za katalog: Editorial, Overlap i Panoramic
- Editorial: gigantska tipografija sa umetnutom slikom za ključne kolekcije (Deneris, Verdi, Dives)
- Overlap: slojevite slike sa diferencijalnim parallaxom za dubinu (Palermo, Oslo, Lorena)
- Panoramic: horizontalni filmstrip sa sticky tekst panelom (Bennet & Merriot, Taburei, Colorado)
- Poboljšana čitljivost teksta u katalogu - veći kontrast na svim glass panelima
- 9 od 24 kolekcija dobilo nove rasporede za raznovrsniji doživljaj listanja
Novov2.0/27. februar 2026
SEO, strukturirani podaci i infrastruktura
- Dodan SEO metadata na 5 stranica (Naša priča, Zanatlstvo, Blog, Saloni, Kontakt)
- JSON-LD strukturirani podaci: Organization, Product i BreadcrumbList sheme
- Kontakt forma sada šalje podatke na pravi API endpoint sa validacijom i rate limitom
- Loading skeleton animacije za Kolekcije, Blog i Saloni stranice
- Popravljen blog metadata - opis umjesto naslova za SEO
Performansev1.9/27. februar 2026
Kvaliteta koda i performanse
- Uklonjeni nepotrebni useMemo/useCallback (React Compiler kompatibilnost)
- Lenis smooth scroll se pauzira kad je tab neaktivan (štedi bateriju i CPU)
- Dodan priority flag za logo sliku u headeru
- Loading fallback animacije za dinamičke importe na naslovnoj stranici
Dizajnv1.7/25. februar 2026
Ažuriranje sadržaja i teksta
- Ažuriran brand tagline na naslovnoj stranici
- "Istaknute kolekcije" preimenovano u "Istaknuti proizvodi"
- "Inspirirajte se" preimenovano u "Lookbook 2026"
- Ažuriran tekst u sekciji zanatlstva
- Hero badge: "Since 1982 - Made in BiH"
- Hero stat card: "40+ Made in BiH komada"
- Proces timeline redizajniran - tamni mod sa alterniranim rasporedom
Popravkav1.6/25. februar 2026
UX audit i pristupačnost
- Redizajnirana sekcija značajki na stranicama kolekcija
- Poboljšane visine linija za sprečavanje odsjecanja teksta
- Ispravljena podrška za bosanske dijakritičke znakove
- Redizajnirani detalji kolekcija sa numeriranim sekcijama (01/02/03)
- Poboljšana pristupačnost kroz cijeli sajt
Novov1.5/25. februar 2026
Navigacija i filtriranje kataloga
- Uklonjena "Početna" iz breadcrumbs navigacije
- Katalog stranica sada podržava URL parametre za filtriranje kategorija
- Klik na kategoriju u breadcrumbs navigaciji filtrira katalog
- Dijeljivi URL-ovi za filtrirane prikaze kataloga
Popravkav1.4/25. februar 2026
Mobilni breadcrumbs i kolekcije
- Sakriveni jednorazinski breadcrumbs (nepotrebna redundancija)
- Smanjen razmak breadcrumbs elemenata na mobilnim uređajima
- Skraćena dugačka imena u breadcrumbs navigaciji
- Redizajnirana sekcija značajki kolekcija za mobilne uređaje
- Poboljšane kartice povezanih kolekcija za mobilni prikaz
Popravkav1.3/25. februar 2026
Kompletna revizija mobilnog korisničkog iskustva
- Eliminisan horizontalni scroll na svim stranicama
- Sadržaj koji se prikazivao samo na hover sada vidljiv na touch uređajima
- Povećane touch zone za dugmad i navigaciju (min. 44px)
- Racionaliziran razmak između sekcija za mobilne uređaje
- Poboljšano ponašanje lightbox galerije na mobilnim uređajima
- Optimizirano glatko skrolovanje za touch uređaje
- Dodana podrška za safe-area-inset na uređajima sa notch-om
- Poboljšane dot indikatore za testimoniale (veće touch zone)
Performansev1.2/22. februar 2026
Optimizacija performansi
- Uklonjen nekorišteni Syne font - brže učitavanje
- Smanjene Playfair Display varijante na minimum
- Dodan AVIF format slika za manju veličinu fajlova
- Konfigurirani caching headeri za statičke resurse
- Dodana offline podrška i service worker
- Production hardening - optimizirana bundle veličina
Novov1.1/15. februar 2026
Sve stranice i sadržaj
- Katalog stranica sa masonry grid prikazom i filterima kategorija
- Individualne stranice kolekcija sa galerijama i detaljima
- "Naša priča" stranica sa interaktivnom timeline komponentom
- Saloni stranica sa lokacijama i kontakt informacijama
- Kontakt stranica sa formom za upite
- Blog stranica
- Stranica zanatlstva
- Politika privatnosti
- Breadcrumbs navigacija na svim podstranicama
Novov1.0/1. februar 2026
Inicijalni launch - fantasy.ba
- Next.js 15 aplikacija sa App Router arhitekturom
- Brand identitet: Playfair Display tipografija, zlatna i krem paleta boja
- Hero sekcija sa parallax efektom i staklenim karticama
- Sekcija istaknutih kolekcija sa animiranim karticama
- Lookbook galerija sa masonry grid prikazom
- Proces timeline - od vizije do stvarnosti (4 koraka)
- Sekcija zanatlstva sa floating akcentnom slikom
- Testimoniali sa automatskim slider-om
- "Made in BiH" badge sa marquee animacijom
- Lenis smooth scrolling integracija
- Framer Motion animacije kroz cijeli sajt
- Responsivan dizajn za sve veličine ekrana
Projekt pokrenut januara 2026.