Glosar
39 de termeni pe care îi întâlnești când discuți cu o agenție de design — de la branding și UX/UI, la schema markup și Core Web Vitals — explicați fără jargon de designer pentru alt designer. Fiecare definiție are 2-4 propoziții, în limbaj obișnuit.
Când discuți cu o agenție de web design despre firma ta, apar rapid termeni pe care nu ai motiv să-i știi — nu e domeniul tău, e al nostru. Problema e că, fără să-i înțelegi, e greu să pui întrebările potrivite sau să evaluezi corect ce ți se propune. Ai putea aproba un „mockup” confundându-l cu site-ul finit, sau nu ai putea explica de ce contează un „title tag” scurt când Google îți afișează site-ul trunchiat în căutări.
Am scris acest glosar exact pentru acel moment din discuție în care un termen tehnic sau de design apare fără explicație. Fiecare definiție e scrisă în limbaj obișnuit, nu în jargon de designer către alt designer, și explică de ce termenul contează practic pentru firma ta, nu doar ce înseamnă în teorie. Dacă vrei să vezi cum aplicăm concret acești termeni pe un proiect, vezi paginile noastre de servicii sau articolele de pe blog, unde detaliem fiecare concept cu exemple reale.
Categorie
Termenii pe care îi auzi cel mai des în prima discuție cu o agenție, înainte să existe vreo linie de cod scrisă.
Branding este modul în care oamenii percep firma ta: nu doar logo-ul, ci tot ce transmite despre valori, ton și promisiune. Include numele, culorile, vocea din texte, experiența clientului și impresia lăsată după fiecare interacțiune. Un branding bine făcut face firma recunoscută instant și de încredere, chiar înainte ca clientul să citească un cuvânt.
Vezi serviciul de brandingIdentitatea vizuală este partea „văzută” a brandingului: logo, culori, fonturi, iconițe, stil de fotografie și tipare grafice folosite consecvent pe site, pe rețele sociale și pe materiale printate. E instrumentul prin care branding-ul, ca idee, devine ceva concret pe care clientul îl vede și îl recunoaște. Fără identitate vizuală consecventă, firma pare diferită de la un canal la altul, iar clienții nu mai sunt siguri că vorbesc cu aceeași companie.
Vezi serviciul de identitate vizualăLogo-ul este semnul grafic — simbol, literă stilizată sau combinație a lor — care reprezintă firma ta în forma cea mai simplificată. Nu este brandul în sine, ci doar semnătura lui vizuală: trebuie să funcționeze la fel de bine pe o firmă luminoasă cât și pe un favicon de 16 pixeli. Un logo bun se recunoaște fără text, în orice culoare, la orice dimensiune.
Vezi serviciul de creare logoUn wordmark este un tip de logo format exclusiv din numele firmei scris într-un font și stil distinctiv, fără simbol grafic separat — exemple cunoscute sunt Google sau Coca-Cola. E o alegere potrivită când numele firmei e scurt, ușor de citit și vrei ca oamenii să-l memoreze direct, nu printr-un simbol abstract. Diferența față de un logo cu simbol e că întreaga identitate se bazează pe alegerea de fonturi și spațiere, nu pe o iconiță separată.
Paleta de culori este setul fix de 3-6 culori (principală, secundară, accent, neutre) pe care firma ta le folosește consecvent pe site, print și rețele sociale. Culorile influențează direct percepția — albastrul transmite încredere, roșul urgență, verdele natură sau sănătate — și ajută clienții să recunoască firma dintr-o privire, fără să citească nimic. O paletă aleasă la întâmplare, fără logică de contrast și accesibilitate, poate face site-ul obositor de citit sau greu de folosit pentru persoane cu deficiențe de vedere.
Citește ghidul de alegere a culorilorTipografia este alegerea și organizarea fonturilor folosite pe site și în materialele brandului: care font pentru titluri, care pentru text, ce mărimi și spațieri. Fonturile transmit personalitate înainte ca cineva să citească un cuvânt — un font serif clasic spune „tradiție și încredere”, un font sans-serif geometric spune „modern și eficient”. Tipografia proastă, cu prea multe fonturi diferite sau text prea mic, e una din cele mai frecvente cauze pentru care un site pare neprofesionist.
Citește ghidul de tipografieGhidul de brand, numit și brandbook, este documentul care fixează în scris regulile identității vizuale: ce culori exacte în cod hex, ce fonturi, cum se folosește logo-ul, ce distanțe minime se respectă, ce ton de comunicare se folosește în texte. Fără el, fiecare persoană care creează materiale pentru firmă improvizează, și brandul devine inconsecvent de la o postare la alta. E util mai ales când firma crește și mai multe persoane produc conținut vizual.
Citește de ce ai nevoie de un ghid de brandUn moodboard este un colaj de imagini, culori, texturi și referințe vizuale folosit la începutul unui proiect pentru a stabili direcția de design înainte de a desena efectiv logo-ul sau site-ul. E un instrument de aliniere rapidă: în loc să descrii în cuvinte cum vrei să „simtă” brandul tău, arăți exemple concrete, iar designerul confirmă direcția înainte de a investi timp în producție. Un moodboard aprobat din timp reduce mult numărul de revizii ulterioare.
Redesign înseamnă reproiectarea vizuală și tehnică a unui site sau material existent, fără să schimbi neapărat identitatea de brand din spate — logo-ul, numele și poziționarea rămân, de regulă, la fel. Se face de obicei când site-ul e depășit tehnic, nu mai converteste bine sau nu mai reflectă calitatea actuală a firmei. E diferit de rebrand: redesign-ul schimbă implementarea vizuală și tehnică, nu identitatea firmei.
Vezi serviciul de redesignRebrand-ul este schimbarea identității de brand în sine: logo nou, paletă nouă, uneori chiar nume nou sau poziționare de piață diferită. E o decizie mult mai mare decât un redesign de site, pentru că afectează tot — de la ștampile și cărți de vizită, la percepția clienților existenți. Se justifică atunci când poziționarea veche nu mai corespunde cu ce face firma acum, nu doar pentru că logo-ul „s-a demodat”.
Citește când merită un rebrand completCategorie
Termenii care descriu cum se construiește și cum funcționează o pagină, de la schiță la interfața finală cu care interacționează vizitatorul.
UX, sau user experience, se referă la cât de ușor, logic și plăcut este pentru un vizitator să folosească site-ul tău — să găsească informația, să completeze un formular, să finalizeze o comandă. Nu ține de cum arată site-ul, ci de cum funcționează: câte click-uri sunt necesare, cât de clar e drumul spre acțiunea dorită, cât de puțină frustrare apare pe parcurs. Un site frumos cu UX prost pierde clienți la fel de rapid ca unul urât.
Vezi serviciul UX/UIUI, sau user interface, este partea vizuală concretă cu care interacționează utilizatorul: butoane, meniuri, formulare, iconițe, culori, spațiere. Dacă UX e drumul pe care merge utilizatorul, UI sunt semnele de circulație care îl ghidează — mărimea unui buton, culoarea lui, dacă pare clar apăsabil. UX și UI lucrează împreună: poți avea un flux logic, dar butoane confuze, și invers.
Vezi serviciul UX/UIUn wireframe este schița structurală a unei pagini, fără culori, fonturi sau imagini finale — doar cutii și linii care arată unde vor sta titlul, textul, butoanele și imaginile. E folosit în etapa incipientă a proiectului pentru a stabili organizarea informației și fluxul de navigare, înainte de a investi timp în aspectul vizual final. E mai rapid și mai ieftin să muți o cutie pe wireframe decât să reproiectezi o pagină deja „gata” vizual.
Prototipul este o versiune interactivă, dar neterminată, a site-ului sau aplicației — poți face click pe butoane și naviga între ecrane, dar conținutul și codul final nu sunt încă implementate. E treapta dintre wireframe și site-ul funcțional real, folosită ca să testezi fluxul cu utilizatori reali sau să obții aprobarea clientului înainte de dezvoltare. Găsirea unei probleme de flux în prototip costă mult mai puțin decât găsirea ei după lansare.
Un mockup este o reprezentare vizuală statică, la aspect final — culori, fonturi, imagini reale — a unei pagini, dar fără funcționalitate reală, ca o fotografie a site-ului viitor. Diferă de wireframe prin faptul că arată exact cum va apărea produsul finit, și de prototip prin faptul că nu poți interacționa cu el. E instrumentul standard prin care aprobi aspectul vizual înainte de a intra în implementare tehnică.
Un sistem de design este colecția organizată de reguli, componente reutilizabile — butoane, carduri, formulare — și principii vizuale care garantează consecvență pe tot site-ul, indiferent cine adaugă o pagină nouă. Practic e brandbook-ul dus la nivel de componente de interfață: nu doar „ce culoare”, ci „cum arată exact un buton primar în orice stare”. Firmele care cresc rapid sau au multe pagini beneficiază enorm, pentru că nu mai reinventează design-ul de la zero la fiecare pagină nouă.
Vezi serviciul de consultanță brandO persona este un profil semi-fictiv al clientului tipic — nume, ocupație, nevoi, comportament online — construit pe baza datelor reale despre clienții tăi, nu pe presupuneri. Ajută echipa de design să ia decizii concrete, în loc de discuții abstracte despre „utilizator”. Nu e un exercițiu de imaginație — cele mai utile persona se construiesc din interviuri și date reale de trafic, nu din presupuneri de birou.
„Above the fold” este zona vizibilă a unei pagini fără să dai scroll — primul lucru pe care îl vede vizitatorul în momentul în care se încarcă site-ul, de obicei în primele câteva secunde. Termenul vine din presa scrisă, de la partea de sus a unui ziar împăturit, dar rămâne cea mai importantă zonă a unui site: dacă mesajul principal și butonul de acțiune nu sunt vizibile aici, mulți vizitatori pleacă înainte să dea scroll mai departe.
Whitespace, sau spațiul negativ, este zona goală, fără elemente, din jurul textului și imaginilor unei pagini. Nu e spațiu pierdut — spațiul gol ajută ochiul să se odihnească, separă vizual secțiunile și pune accent pe elementele importante prin contrast cu golul din jur. Site-urile aglomerate, fără whitespace suficient, obosesc vizitatorul și îngreunează găsirea informației relevante, chiar dacă fiecare element în parte e bine făcut.
Un grid, sau grilă, este structura invizibilă de coloane și linii care ordonează aliniamentul elementelor pe o pagină, astfel încât titlurile, imaginile și textul să fie consecvent poziționate, nu plasate la întâmplare. E motivul pentru care unele site-uri par ordonate și profesioniste dintr-o privire, chiar înainte să citești conținutul — alinierea perfectă comunică rigoare vizuală. Fără grid, elementele par plasate haotic, chiar dacă fiecare bucată de conținut e corectă.
Categorie
Termenii pe care îi vezi în rapoarte de audit sau în discuții despre viteza și vizibilitatea site-ului în Google.
Responsive design este abordarea prin care un site se adaptează automat la dimensiunea ecranului pe care e vizualizat — desktop, tabletă sau telefon — reorganizând coloanele, textul și meniurile fără să existe versiuni separate de site. E standardul minim în 2026: peste jumătate din traficul unui site tipic vine de pe mobil, iar Google penalizează site-urile care nu se comportă corect pe telefon.
Citește diferența responsive vs. mobile-firstMobile-first este o filozofie de proiectare prin care designerul construiește mai întâi versiunea de telefon a unei pagini și abia apoi o extinde pentru ecrane mai mari, nu invers. Diferă de „responsive”, care poate începe de la desktop și micșora, prin faptul că forțează echipa să prioritizeze ce e cu adevărat esențial — pe un ecran mic nu ai loc de umplutură. Rezultatul e, de regulă, un site mai rapid și mai clar, indiferent pe ce dispozitiv e văzut.
Citește despre design mobile-firstUn breakpoint este lățimea exactă de ecran, în pixeli, la care layout-ul unui site „se rupe” și se reorganizează — de exemplu, meniul orizontal de pe desktop devine meniu tip hamburger sub o anumită lățime. Fiecare site responsive are câteva breakpoint-uri stabilite, pentru mobil, tabletă și desktop, testate ca să nu apară elemente suprapuse sau text tăiat la nicio dimensiune intermediară de ecran.
Favicon-ul este iconița mică, de regulă 16x16 sau 32x32 pixeli, care apare în tab-ul browserului, în marcaje și în rezultatele căutării pe mobil, lângă titlul paginii. Deși minuscul, e unul din primele semnale de profesionalism — un favicon generic sau lipsă face firma să pară neterminată sau nesigură, mai ales când utilizatorul are multe tab-uri deschise și caută vizual firma ta.
Schema markup este un cod special, de regulă în format JSON-LD, adăugat invizibil în pagină, care explică motoarelor de căutare exact ce reprezintă conținutul — o afacere locală, un produs, o întrebare frecventă. Nu schimbă cum vede vizitatorul pagina, dar poate face Google să afișeze rezultate îmbogățite, cu stele, prețuri sau întrebări expandabile direct în căutare, ceea ce crește rata de click fără să schimbi o linie de design vizibil.
Citește ce este schema markupMeta description este textul scurt, ideal 150-160 de caractere, care apare sub titlul albastru al paginii tale în rezultatele Google. Nu influențează direct clasarea, dar influențează decisiv rata de click — e reclama ta gratuită de 160 de caractere, singura șansă de a convinge un căutător să aleagă rezultatul tău în locul concurenței, înainte să vadă orice altceva din site.
Citește ghidul de title tag și meta descriereTitle tag-ul este titlul oficial al unei pagini, cel afișat în tab-ul browserului și ca link albastru clicabil în rezultatele de căutare. E unul dintre cele mai importante semnale de SEO on-page — trebuie să conțină cuvântul cheie relevant, numele firmei, și să rămână de regulă sub 60 de caractere ca să nu fie trunchiat de Google în rezultatele căutării.
Citește ghidul de title tag și meta descriereURL-ul canonic este adresa „oficială” pe care o desemnezi pentru o pagină, atunci când același conținut ar putea fi accesibil prin mai multe adrese — cu sau fără „www”, cu parametri de urmărire, variante duplicate. Fără canonical setat corect, Google poate indexa versiuni greșite sau împărți autoritatea SEO între mai multe URL-uri identice, diluând poziționarea în căutări.
Citește despre SEO tehnic pentru site-uri de designAlt text-ul este descrierea text scrisă pentru o imagine, invizibilă pe pagină, dar citită de motoarele de căutare și de tehnologiile assistive pentru persoane cu deficiențe de vedere. Un alt text bun descrie exact ce e în imagine — de exemplu „electrician autorizat lucrând la tablou electric” — nu generic, și ajută atât accesibilitatea, cât și SEO-ul pe imagini.
Citește cum optimizezi imaginile pentru un site rapidCore Web Vitals sunt cei trei indicatori pe care Google îi folosește oficial pentru a măsura experiența tehnică reală a unei pagini: viteza de încărcare a conținutului principal, stabilitatea vizuală la încărcare — cât „sare” pagina în timp ce se încarcă — și viteza de răspuns la interacțiune. Sunt un factor de clasare Google și, mai important, un semnal direct al calității experienței pentru vizitatorii tăi reali.
Citește ce înseamnă Core Web Vitals pentru firma taSSL este protocolul care criptează datele transmise între browserul vizitatorului și serverul site-ului tău, semnalizat vizual prin lacătul din bara de adrese și prefixul „https://” în loc de „http://”. Un site fără SSL e marcat de browsere ca nesecurizat, ceea ce sperie vizitatorii și afectează direct clasarea în Google — e o cerință minimă, nu un plus opțional, pentru orice site din 2026.
Categorie
Termenii care măsoară dacă un site frumos face și ce trebuie: aduce clienți, nu doar impresionează vizual.
Hero section este prima secțiune mare, de sus, a unei pagini de site — de obicei un titlu principal, un subtitlu explicativ și unul-două butoane de acțiune, adesea alături de o imagine. E zona cu cea mai mare responsabilitate din tot site-ul: în câteva secunde trebuie să comunice ce faci, pentru cine, și ce ar trebui să facă vizitatorul în continuare.
Vezi serviciul de design landing pageCTA este butonul sau linkul care îndeamnă explicit vizitatorul spre acțiunea următoare — „Cere ofertă”, „Programează o consultație”, „Descarcă ghidul”. Un CTA bun e vizibil, cu contrast clar față de fundal, specific în text și repetat strategic pe pagină, nu doar o singură dată, ascuns undeva la subsol.
O landing page, sau pagină de destinație, este o pagină construită special pentru un singur scop de conversie — de regulă legată de o campanie publicitară specifică — fără meniul de navigare complet al site-ului, ca să nu distragă vizitatorul de la acțiunea unică dorită. Se diferențiază de o pagină obișnuită de site prin faptul că e optimizată agresiv pentru un singur obiectiv măsurabil, nu pentru explorare generală.
Vezi serviciul de design landing pageO conversie este momentul în care un vizitator face acțiunea pe care o vrei — completează formularul, sună, cumpără, se abonează. Rata de conversie e procentul de vizitatori care fac această acțiune din totalul celor care ajung pe pagină, și e metrica reală care spune dacă design-ul funcționează, nu doar dacă „e frumos”.
Citește anatomia unui site care convertesteBounce rate, sau rata de respingere, este procentul de vizitatori care ajung pe o pagină și pleacă fără să interacționeze deloc — fără click, fără scroll semnificativ, fără să navigheze spre altă pagină. Un bounce rate ridicat pe pagina principală semnalează, de obicei, o problemă de primă impresie: mesajul nu e clar, site-ul se încarcă lent sau design-ul pare neprofesionist pentru piața țintă.
Citește de ce clienții abandonează un site în primele secundeUn funnel, sau pâlnie de conversie, este drumul complet parcurs de un client, de la primul contact cu firma — un anunț sau o căutare Google — până la acțiunea finală dorită, cum ar fi o cumpărare sau semnarea unui contract. Se numește „pâlnie” pentru că numărul de persoane se reduce la fiecare etapă, iar un design bun reduce cât mai mult această pierdere la fiecare treaptă.
Contrastul este diferența de luminozitate și culoare între text și fundal, sau între diferite elemente ale unei pagini. Un contrast insuficient, cum ar fi text gri pe fundal alb, face pagina greu de citit pentru toată lumea, dar mai ales pentru persoanele cu deficiențe de vedere — de aceea standardele de accesibilitate impun rapoarte minime de contrast, nu doar o preferință estetică.
Accesibilitatea web înseamnă proiectarea unui site astfel încât să poată fi folosit de cât mai mulți oameni posibil, inclusiv persoane cu deficiențe de vedere, auz sau mobilitate redusă. WCAG este standardul internațional de referință care stabilește reguli concrete — contrast minim, text alternativ la imagini, navigare posibilă doar cu tastatura — pe care un site accesibil ar trebui să le respecte, indiferent de dimensiunea firmei.
Citește despre accesibilitate WCAG pentru firma taContinuă lectura
Pentru fiecare categorie de termeni de mai sus avem articole mai detaliate pe blog, cu exemple concrete și explicații pas cu pas.
Întrebări frecvente
UX (experiență utilizator) se referă la cum funcționează site-ul — cât de ușor găsești informația și finalizezi o acțiune. UI (interfață utilizator) e partea vizuală concretă — butoane, culori, meniuri. Poți avea UX bun cu UI slab (flux logic, butoane confuze) sau invers, dar site-urile care convertesc bine au ambele lucrate împreună, nu doar unul din ele.
Logo-ul este un singur element grafic — semnătura vizuală a firmei. Branding-ul este tot ce înseamnă percepția firmei: valori, ton, experiență, promisiune, pe lângă identitatea vizuală completă. Poți schimba logo-ul fără să schimbi branding-ul, dar un branding solid are nevoie de mult mai mult decât un logo bun ca să funcționeze.
Nu. Redesign-ul schimbă implementarea vizuală și tehnică a unui site — layout, cod, viteză — fără să schimbe neapărat identitatea firmei. Rebrand-ul schimbă identitatea în sine: logo, culori, uneori nume și poziționare. Un redesign e mai frecvent și mai puțin riscant; un rebrand e o decizie strategică mai amplă, cu impact peste tot, de la print la percepția clienților existenți.
Core Web Vitals măsoară viteza și stabilitatea site-ului tău exact la fel, indiferent de mărimea firmei — un site lent sau instabil pierde clienți și scade în clasamentul Google indiferent dacă ești o firmă locală sau un lanț național. Diferența e că firmele mici simt impactul mai direct, pentru că fiecare vizitator pierdut reprezintă un procent mai mare din potențialii clienți disponibili.
Pentru un site mic, cu puține pagini, care nu se schimbă des, nu e o prioritate — un ghid de brand de bază e suficient. Un sistem de design complet devine util când firma are multe pagini, publică regulat conținut nou sau are mai multe persoane care contribuie la materiale vizuale, pentru că elimină inconsecvențele care apar natural într-o echipă mai mare.
Ambele fac site-ul să funcționeze bine pe telefon, dar diferă la proces: responsive design adaptează un layout gândit de la desktop către ecrane mai mici. Mobile-first inversează ordinea — designerul construiește mai întâi versiunea de telefon și o extinde apoi pentru ecrane mari, ceea ce forțează prioritizarea conținutului esențial de la început.
Industria de design digital s-a dezvoltat majoritar în context anglofon (agenții, unelte, documentație), și mulți termeni au devenit standard internațional înainte să existe o traducere românească naturală și larg folosită. Unii termeni au echivalent uzual în română — de exemplu spațiu negativ pentru whitespace — dar forma originală în engleză rămâne cea folosită în practică, inclusiv de agențiile românești.
Dacă discuți cu o agenție despre un site nou, termenii din categoriile Branding și UX & UI sunt cei pe care îi vei întâlni cel mai des în etapa de concept. Dacă discuția e despre un site existent care nu performează, termenii din Tehnic & SEO și Conversie & măsurare sunt cei relevanți pentru diagnostic. Nu ai nevoie să știi toți termenii — e suficient să recunoști conceptul când îl aude, ca să poți urmări discuția cu agenția fără să te simți depășit.