Tell us about your project
← All work
Website

VEF Rīga

KlientsBasketbola klubs VEF Rīga
NozareSports · basketbols
Gads2026
LomaUX/UI dizains, frontend izstrāde, tehniskā optimizācija

VEF Rīga ir viens no Latvijas atpazīstamākajiem sporta zīmoliem — basketbola klubs ar vēsturi kopš 1958. gada, divpadsmitkārtējs Latvijas čempions, kas spēlē Latvijas Basketbola līgā, FIBA Čempionu līgā un Latvijas–Igaunijas līgā.

Izaicinājums

Vietne strādāja, bet nestrādāja klubam. Sākumlapa sākās ar blīvu jaunumu režģi — bez hero, bez skaidra ieejas punkta un bez atbildes uz to, ko lielākā daļa apmeklētāju meklē pirmo: kad ir nākamā spēle un kur nopirkt biļeti. Navigācija bija plakans saraksts, kas neatklāja satura dziļumu — jaunumus, foto galerijas un podkāstu, — bet kļūdas lapa apmeklētāju atstāja strupceļā.

Risinājums

Pārbūvējām sākumlapu no gala līdz galam un pievienojām navigācijas un vietnes «malas» elementus, kas iepriekš trūka:

  • Video hero ar skaidru darbību — kluba atmosfēra fonā, viens galvenais vēstījums un divas pogas: biļetes un spēļu kalendārs.
  • Spēļu sekcija — nākamā spēle ar atskaiti līdz iesitienam, blakus sezonas grafiks ar biļešu saitēm.
  • Mega izvēlne — «Jaunumi» atveras trīs kolonnās (jaunumi, foto galerijas, podkāsts) ar reāliem priekšskatījumiem, nevis tikai saitēm.
  • Sastāva karuselis un podkāsta bloks — komanda un saturs sākumlapā, ne apslēpti apakšlapās.
  • Partneru lente — automātiski ritoša josla, kas atbalstītājiem dod redzamību, neaizņemot pusi ekrāna.
  • Strukturēts footeris — ar nākamās spēles un biļešu joslu augšā, kontaktiem, sadaļu kartējumu un soctīkliem.
  • 404 lapa — ar meklēšanu un galveno sadaļu saitēm, lai apmeklētājs atgrieztos plūsmā, nevis aizvērtu cilni.

Rezultāts

Sākumlapa tagad atbild uz galveno jautājumu jau pirmajā ekrānā, un biļetes ir sasniedzamas no jebkuras lapas — gan no izvēlnes, gan no footera. Vietne ātri strādā arī reālos apstākļos: Core Web Vitals novērtējums ir nokārtots gan datorā, gan mobilajā.

Design

Dizains veidots ap vienu domu: klubs ir tumšs, skaļš un tiešs, un vietnei jābūt tādai pašai. Melns pamats, balts teksts, nekādu dekoratīvu krāsu — akcents rodas no fotogrāfijām un tipogrāfijas mēroga, ne no paletes.

  • Tipogrāfija — Archivo visā vietnē, ar asu kontrastu starp lielo displeja tekstu un maziem versālu etiķešu uzrakstiem.
  • Režģis un ritms — 1296 px konteiners, konsekventi sekciju atstatumi un vienota sekcijas galvas shēma: etiķete, virsraksts, saite pa labi.
  • Mega izvēlne — trīs kolonnas ar reālu saturu: jaunumu saraksts ar datumiem, foto galerijas ar sīkbildēm un podkāsta epizode ar atskaņošanas pogu.
  • Footeris — atsevišķs vizuāls slānis: nākamās spēles josla ar baltu biļešu bloku, tad četru kolonnu režģis, soctīkli un juridiskā rinda.
  • 404 — lielie «404» cipari trīs kolonnās, meklēšanas lauks un četras biežāk meklētās sadaļas.

Visi skati izzīmēti trīs platumos — 1440, 768 un 390 px — tostarp atvērtas izvēlnes stāvokļi, lai mobilā pieredze nebūtu tikai saspiests datora variants.

Development

Vietne darbojas uz WordPress ar pielāgotu tēmu «VEF» un Etch. Sekcijas veidotas kā atkārtoti lietojamas komponentes, tāpēc kluba komanda saturu pārvalda pati, un jaunas sezonas lapas var salikt no jau esošajiem blokiem.

  • Responsīvi lūzumpunkti 390 / 768 / 1440 px — sastāva un podkāsta karuseļi mobilajā pārvēršas par horizontāli ritināmiem sarakstiem, mega izvēlne — par pilnekrāna paneli.
  • Video hero — automātiski atskaņots, bez skaņas, cilpā, ar gradientu slāņiem, lai teksts paliktu salasāms neatkarīgi no kadra.
  • Veiktspējas optimizācija — WP Rocket kešošana un resursu apvienošana, Cloudflare priekšā, attēlu saspiešana un slinkā ielāde.

Rezultāts reālo lietotāju datos (Chrome UX Report, 75. procentile) — Core Web Vitals novērtējums nokārtots:

  • Dators — LCP 0,6 s · INP 29 ms · CLS 0,02 · FCP 0,5 s
  • Mobilais — LCP 0,9 s · INP 67 ms · CLS 0 · FCP 0,6 s
Technical foundation
WordPressEtchPielāgota tēmaWP RocketCloudflareResponsīvs dizains

Before & after

Before
After

Related projects