Hotel Putnik Kopaonik — Vision Audit

🏚️ Stari sajt — audit

4 frames Vision-om

Postojeći hotel sajt

https://www.hotelputnik.com

Era: 2016-2018 (последња освежавања вероватно 2019-2020, али без модерних JS анимација или CSS animation strategy-е)

Redesign direction: Модернизовати статични дизајн са subtle паралакс ефектима, фејд-ин reveal-има при scroll-у, и конверзионим микро-интеракцијама (card lift, button ripple) док задржимо софистицирану палету и фотографску квалитету.

✓ Strengths (zadržati)

Јасна визуелна хијерархија и боја контраст — главне акције су видљиве
Квалитетне фотографије које правилно представљају брендену прилику и ambijans
Мобилна резервациона форма на hero-у — директан путања до конверзије
Партнерски логотипи додају веродостојност и премиумни позиционирање
Добра орган организација сада (4 врсте собе са јасним разликама)

✗ Weaknesses (zameniti)

Потпуно одсуство scroll анимација, паралакса или движења — дизајн је статичан и 2015-2017 годинској
Нема асиметричних или неочекиваних елемената — цео дизајн је веома конзервативан и генерички за лакшу хотелску индустрију
Hover ефекти су минимални — само веб браузерског подразумеваног ховер, нема custom transitions
Картице за собе немају depth или interactive feedback — кликабилност није очигледна
Паллета је веома конвенционална — нема модерних градиента, geometric елемената или неочекиваних боја комбинација

🏷️ Brand signals

Четиризвездас планински хотел идентитет (logo sa snežnom планином)Zlatna/okerna akcentна боја која означава премиумност и грејтостТемна морска плава позадина као безбедност и стабилностBooking-centric дизајн — резервисање је примарна акција на свакој секцијиПризвучни (wellness/spa) и природни (планински пејзажи) елементи

🎨 Trenutna paleta

Typography: Sans-serif za navigaciju i call-to-action (zlatna dugmad), serif/script za promocijske poruke. Hierarhija je jasna ali tradicionalna.

Layout: Hero sa overlay tekstom i pozivom na akciju (booking forma) → tri promocijske kartice sa slikama i dugmadima → sekcija soba (4 tipa: standarne, family, apartmani, superior vila) → partner logotipi → footer sa kontaktima i newsletter signup.

Hero: Full-screen background slika par gledajući planinu, tekst 'PERFECT SPRING Getaway' sa overlay, booking forma sa input poljima za datume, broj osoba i promo kod, zlatno dugme 'Rezerviši'.

Image treatment: High-resolution fotografije sa tamnim poluprozirnim overlay-om (50-60% zatamnjenost) koji omogućava čitljivost teksta. Slike su dokumentarne i profesionalne — pejzaži, hotelske prostorije, gosti u aktivnostima.

⚡ Detektovani efekti + DOM signali

Сајт је визуелно конзервативан и потпуно статичан — нема никакве scroll motion language, нема hover микро-интеракција, нема depth. Дефинитивно 2015-2017 WordPress генерички озвучена стратегија без модерног JS ефект екосистема. Редизајн мора да увести фејд-ин reveals при скролу, subtle паралакс на hero-у и пејзажама, и card lift/shadow transitions при хаверу да би пројекат добио конупетитивни високо-крајњи осећај.

Scroll: Нативни scroll без smooth scroll-а, нема паралакса, нема sticky header анимација — све секције су статичне у односу на viewport. Scroll-покретане анимације su потпуно одсутне.

Hover: Веб браузерски подразумевани hover на линковима и дугмадима. Картице за собе немају custom hover効果 — нема подизања (lift), нема боја промена, нема box-shadow transitions. Само 'Saznaj više' дугмад имају можда лаганих линк хајлајт.

Transitions: Детектовано је 2 CSS transition-a која суsu је вероватно bootstrap/default: ефекти на form inpute при фокусирању и лаган хајлајт на дугмаћима при хаверу. Атомична, нема sequence transitions.

Scroll anims: Потпуно одсутне. Ниједна картица се не фејд-ин при scroll-у, ниједна слика се не паралакс-а, ниједна секција немa sticky trigger анимације. Дизајн је чисто статичан при скроловању.

Video/Motion: Нема видео елемената у hero-у, нема Lottie анимација, нема gif-а. Сиве фотографије su статичне.

Raw DOM signali ▾

@keyframes (2): fa-spin, rotating

Cards sa CSS transition: 2 · Sticky/fixed: 4 · SVG: 0 · Video: 0 (+ 0 iframe)

✗ native scroll · ✗ default cursor · ✗ no WebGL

What to keep

Јасну боју архитектуру (тамна плава + золото), квалитетне фотографије гостињског искуства, и booking-first стратегију као примарну конверзиону морфологију.

What to replace

Целокупну motion language (нема фејд-а, паралакса или scroll triggers), хубerness картица за собе, минималне hover ефекте, и статични footer — сви требају да добију микро-интеракције и 3D перспективе.

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.