🏚️ Stari sajt — audit
4 frames Vision-om

Postojeći hotel sajt

https://goldenpanorama.rs/
Era: 2017-2018 — sajt je redizajniran pre 6-7 godina, koristi klasični Elementor + WordPress pattern bez suvremene motion biblioteke
Redesign direction: Transformacija iz generic 2016 WordPress template-a u premium wellness resort sajt sa tiho-elegantan motion design (scroll fade reveals, subtle parallax, video hero sa ambient sound) i proširenom boja paletom (dve do tri neutralne boje + dva akcentna — zlatna + emerald ili soft terracotta).
✓ Strengths (zadržati)
  • Prepoznatljiva boja identiteta — zlatna boja je dobra diferenciacija u segmentu
  • Čitljiva tipografija i dobar kontrast — pristupačnost bez blokiranja
  • Jasna informacijska hijerarhija — gde su FAQ i lokacija vidljivi
  • Responsive footer sa bogatim linkovima — dobar SEO signal
  • Professional render i fotografije — izgrađuje poverenje
✗ Weaknesses (zameniti)
  • Nema scroll animacija — sajt osećaj kao 2016-2017 WordPress template, bez modernog motion design-a
  • Hero slider je generički — nema zoom, pan, ili fade reveal dinamike
  • Boja paleta je premala — samo jedan zlatni akcenat, nedostaje depth i varijacija
  • Nema video sadržaja ili immersive elemenata — wellness brand bi trebalo da prikaže iskustvo (spa sekvenca, ambient, zvukovi)
  • Layout je boksast — sekcije izgledaju kao kockice bez vizuelnog flow-a ili prelaza
🏷️ Brand signals
Zlatna/temena boja (#C4A875) kao akcentni element — premium wellness positioningMinimalistički geomtrijski logo sa obrubljenima linijama (art deco inspiracija)Dualne karakteristike: WELLNESS & SPA + APARTMANI — dva odvojena proizvodaLokacija u Zlatiboru (planinski resort kontekst) — natural elevation storytellingFokus na luksuz i opuštanje — premium target audience
🎨 Trenutna paleta
Typography: Serif za naslove (garamond stil), sans-serif za body tekst — klasična hotelska tipografija sa dobrim kontrastom
Layout: Hero slider → Tekst sekcija sa mapom → FAQ accordion → Blog teaser → Footer sa linkovanjem na kategorije apartmana
Hero: Full-width slider sa building render slike, tekst overlay desno sa call-to-action dugmetom 'VIŠE INFORMACIJA' — statički pozadinski prikaz bez zoom/pan efekata
Image treatment: Render fotografije profesionalne arhitekture, mapa embeded sa Google Maps, kartice sa hover transition-ima — bez parallax-a, bez lazy-load reveal animacija
⚡ Detektovani efekti + DOM signali
Sajt je potpuno statičan i lišen modernog motion language-a — nema scroll reveal-a, nema parallax-a, nema ambient video hero-a. Redesign MORA da integriše scroll-triggered fade-in animacije (AOS ili custom Intersection Observer), smooth scroll behavior, video hero sa muted background, i tihu parallax na key sekcijama — to bi dalo premium wellness osećaj i izdignulo UX sa 'klikni i čekaj' nivoa na 'okno se otvara polako' eleganciju.
JS biblioteke (DOM-detected)
WordPress
Scroll: Nativni scroll bez smooth scroll-a, bez parallax efekta, sve sekcije su statične — nema scroll-triggered animacija ili reveal efekata
Hover: Minimal custom hover — default browser styling na linkovima, možda lagana boja promena na dugmetu 'ZATRAŽI PONUDU' — nema transition delays ili color shifts
Transitions: CSS transition na hover linkova (verovatno 0.3s color ease)Mogućnost fade transition na FAQ accordion toggleSlider auto-play animacija (slick carousel ili slično)
Scroll anims: Nema scroll-triggered animacija — nema Intersection Observer, nema AOS (Animate On Scroll) biblioteke, nema Lottie animacija
Video/Motion: Nema video elemenata — samo 4 embedded iframe-a (verovatno YouTube/Vimeo pravi-estate tour ili branding video, ali nisu aktivne)
Raw DOM signali ▾
@keyframes (30): skeleton-loading, ff-progress-anim, ff_move, bounce, flash, pulse, rubberBand, shake…
Anim CSS klase: parallax, animate
Cards sa CSS transition: 39 · Sticky/fixed: 0 · SVG: 0 · Video: 0 (+ 4 iframe)
✗ native scroll · ✗ default cursor · ✗ no WebGL
What to keep
Zlatna boja kao primarni identitet, minimalistički logo stil, i čitkljivost tipografije — to je core brand DNA vredan zadržavanja.
What to replace
Statički hero slider sa fade/zoom dinamikom, boju paletu proširiti sa tematskim neutralima i emerald akcentima (wellness trend), dodati scroll-triggered fade-in animacije svim sekcijama, i video hero sa ambient wellness sadržajem umesto render fotografije.
Vision audit: Ova analiza je input za Faza C template-generator. AI brief (theme + brand_colors + design_brief + homepage_sections) je generisan kombinacijom ovih signala + PHOBS metadata + scraped sadržaja.