Folosește mișcarea numai când explică mai mult decât o fotografie. Un video scurt poate prezenta un loc, un proces, atmosfera sau folosirea unui produs. Mesajul trebuie să rămână clar și fără redare: video-ul este o imagine de fundal fără sunet, nu un player pentru explicații vorbite.
Punct de plecare: o secvență scurtă, calmă și repetabilă, o imagine statică de rezervă, un strat pentru contrast și un singur CTA concret.
În câteva secunde trebuie să ofere un context, nu să spună un film întreg.
Arată un loc, o mișcare, un proces sau folosirea unui produs. Evită montajele rapide.
Alege o secvență ce poate fi reluată natural.
Mișcarea nu trebuie să concureze cu titlul și butonul.
Înălțime mică / subpagină
O introducere vizuală scurtă pentru un serviciu, un loc sau un proces.
Înălțime mare / pagina principală
O alegere bună când mișcarea contează pentru prima impresie, dar nu trebuie să ocupe tot ecranul.
Ecran complet / experiență vizuală
Potrivit când locul, procesul sau experiența vizuală este parte importantă a ofertei. Păstrează margini laterale sigure.
Important: video-ul de fundal este fără sunet. Nu te baza pe narațiune sau efecte sonore. Titlul și oferta trebuie să rămână clare și cu imaginea statică. Pe această pagină doar exemplul Înălțime mare folosește video YouTube; celelalte două arată structura cu o imagine de rezervă. Pentru propriul site introdu un URL MP4 sau YouTube și, dacă este disponibilă, o versiune WebM.
| Setare | Ce controlează? | Recomandare practică |
|---|---|---|
| Sursa video | URL MP4 sau YouTube și o variantă WebM opțională. | Adaugă cel puțin o sursă redabilă în browser; WebM poate fi sursă alternativă. |
| Imagine statică de rezervă | Posterul văzut înainte de încărcare sau dacă video-ul nu poate fi redat. | Alege un cadru ce comunică singur mesajul. |
| Înălțime | Mică / Mare / Ecran complet. | Mare este un început bun pentru pagina principală; Mică pentru subpagini. |
| Strat întunecat | Slab / Mediu / Puternic. | Contrastul contează mai mult peste imagini în mișcare. |
| Nivel de titlu | H1, H2 sau H3. | Păstrează un singur H1 principal pe pagină; pentru secțiuni secundare alege H2. |
| Mărimea textelor | Pixeli sau Auto. | Dimensiunile implicite sunt de regulă suficiente și se adaptează pe mobil. |
| Buton și culori | Destinație, etichetă, culoarea butonului și a textului. | Testează contrastul peste cadrele cele mai luminoase și întunecate. |
| Lățime și spațiere | Lățimea benzii, lățimea textului și spațierea interioară. | Fundalul poate fi pe toată lățimea; păstrează margini de siguranță. |
| Vizibilitate | Pe dispozitiv și în intervale programate. | Programarea este utilă campaniilor, nu reparării unei probleme responsive. |
Principalele setări ale Hero-ului cu video de fundal
Poți adăuga un pas secundar, de exemplu „Cum funcționează”, sub titlul Hero-ului. Setează destinația în Link secundar și scrie eticheta. Acțiunea apare numai dacă ambele sunt completate.
Peste un video în mișcare, linkul text poate fi greu de urmărit: un buton contrastant este adesea mai sigur. Păstrează totuși o acțiune principală clară.
Al treilea stil pentru pasul secundar este Imagine: un panou vizual clicabil, de exemplu o informare oficială către pagina unui proiect.
Folosește numai materialele oficiale primite pentru proiectul respectiv.
Alege o secvență scurtă, inteligibilă în câteva secunde și repetabilă natural. Nu pune întregul film de prezentare în fundal.
Nu orice pagină de deschidere are nevoie de mișcare.
MIȘCAREA ESTE UN INSTRUMENT, NU UN ORNAMENT
Păstrează-l scurt, fără sunet, repetabil și cu un poster clar și contrast bun.
