🏚️ Stari sajt — audit
4 frames Vision-om

Postojeći hotel sajt

https://www.suncehotel.rs
Era: Poslednji put redizajniran 2016-2018, sa manjim content update-ima od tada — DOM struktura je čista što sugeriše mogući WordPress Elementor base.
Redesign direction: Upgrade sa 2015 vintage aesthetic-a na 2024 premium minimalist luxury — očuvati toplu paletu ali je modernizovati, uvesti subtle scroll animations, poboljšati tipografiju sa čitljivošću u fokusu, i tretirati fotografije bez filter-a za naturalnost.
✓ Strengths (zadržati)
  • Čist, neopterećen layout sa jasnom hijerarhijom — lako se pronalazi informacija
  • Spektakularna hotelska fotografija (dobar sadržaj) — samo loše tretirana
  • Booking widget na vidnom mjestu sa jasnim CTA — konverzija-orijentisano
  • Unikalna paleta za nišu — rozljčit od generičkog blue/white hotelijerstva
  • Lokalne reference (Moravica, reljef, pisanice) — autentičnost
✗ Weaknesses (zameniti)
  • Outdated brown overlay trend — daje '2015 Pinterest hotel' osećaj umesto premium feel-a
  • Nema motion/animacija — bez parallax-a, bez fade-in-a, bez scroll-triggered effekta — statičan doživljaj
  • Tipografija je konzervativna do monotonnosti — nema vizuelne dinamike
  • Sekcije smeštaja (kartice) izgledaju kao template placeholder — generičke bez personality-a
  • Mobile responsiveness nije vidljiv iz screenshot-a ali layout sugeriše da će biti problematičan sa slider-om i widget-om
🏷️ Brand signals
Brown/beige tonska paleta — topla, tradicionalna, 'prirodna letovališta' asocijacijaSerif logo sa suncem — direkt hotelski branding, ruralnost + toplinaBooking widget integrisan u hero — funkcionalnost pred vizuelimaTekst-heavy sekcije sa centriranim paragrafima — starinski pristup komunikacijiPoluprozirni overlay-i na slikama — cinematic 2015-2018 trend koji je prošao
🎨 Trenutna paleta
Typography: Serif (logo) + Sans-serif (body). Klasična, konzervativna hijerarhija sa izrazitim razlikama između naslova i teksta. Tipična 2016-2018 hotel serif elegancija.
Layout: Hero slider → Booking widget sa datumima → Kartice smeštaja (grid) → Sekcije paketa (alternirajoća slika/tekst) → 'Dobrodošli' sekcija sa tekstom → Email signup footer. Linearni, bez overlap-a.
Hero: Full-width slider sa pozadinama hotelskih prostora, veliki tekst 'PONOS SOKOBANJE' centriran, booking widget ispod sa minimalna dva dana fiksnog raspona. Slider ima dot navigaciju.
Image treatment: Slike su pokrivene poluprozirnim brown overlay-om (70-80% opacity), što daje vintage filter. Sve slike su landscape, bez креаtivnog croping-a ili asymetrije. Standardna hotelska fotografija.
⚡ Detektovani efekti + DOM signali
Sajt je potpuno statičan bez ikakve motion language-a — samo CSS transitions na hover (ako i to), što ga čini vizuelno zamornim pri skrolovanju. Redesign MORA da uvede tihe parallax background shifts na sekcijama, fade-in reveals pri scroll-u na kartice i tekst, subtle scale animations na hover-a nad buttonima i sekcijama, i smooth scroll-behavior za elegantnost — sve to bi trebalo da bude gentle i 'luxury hotel' tona, ne dramatic/gaming osećaja.
Scroll: Čist native scroll bez ikakvih effekta — nema parallax-a, nema sticky sekcija (osim fiksne navigacije), nema scroll-triggered animations. Sve sekcije se pojavljuju odmah. Stranično statičan doživljaj.
Hover: Minimalni — klikljivi elementi (SAZNAJ VIŠE, REZERVIŠI, linkovi) verovatno imaju default browser hover (underline na linkovima). Nema custom button hover animations, nema card lift effects, nema color transitions. Pure default CSS.
Transitions: CSS transitions detektovane na 1 interaktivnom elementu (verovatno booking widget slider ili kartica). Nema globalne transition rule-a — smooth-a između sekcija. Slider verovatno koristi JS fade između slide-ova.
Scroll anims: Nema fade-in na scroll-u, nema parallax image shift-a, nema content reveal efekta pri skrolovanju. Sve je vidljivo odmah pri load-u. To je klasična 'pre-2019' web pristup.
Video/Motion: Nema video elemenata, nema iframe-ova (YT/Vimeo), nema Lottie animacija. Samo statični PNG/JPG slici sa CSS filter-ima.
Raw DOM signali ▾
@keyframes (3): fa-spin, zoom-in-zoom-out, rotating
Cards sa CSS transition: 1 · Sticky/fixed: 2 · SVG: 0 · Video: 0 (+ 0 iframe)
✗ native scroll · ✗ default cursor · ✗ no WebGL
What to keep
Čist informacijski arhitektura, booking widget na vidnom mjestu, topla beige paleta kao osnova (ali malo svetlija/moderne), i autentična hotelska fotografija kao assets.
What to replace
Sav visual style — brown overlay-e, serif tipografiju na naslovima (zamenu sa modern sans), scroll animacije (uvesti parallax + fade reveals), kartice smeštaja (redesign sa bolje strukture i hierarchy-a), i hero slider (zamenu sa video background ili statičnom hero sa bet composition-om).
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.