Kas sina oled kunagi kuulanud Eesti positiivseimat raadiot Sky Plus või lugenud värskeimat kraami Eesti suurimast muusikaportaalist sky.ee? Ilmselt küll. Sky Media (Raadioreklaami OÜ) pöördus Web Systemsi poole 2017. aastal ambitsioonika ideega: ehitada uus meelelahutusportaal, mis koondaks ühe katuse alla kõik Sky Media raadiojaamad: Sky Plus, NRJ, Retro FM, Sky Raadio, Russkoe Raadio ja Rock FM. Portaal pidi ühendama artiklid, videod, muusika, podcastid, reklaamlahendused ja raadio kuulamise nii, et lehel liikudes heli ei katkeks. Sky.ee läks avalikuks 1. jaanuaril 2018 ning kujunes portaaliks, mis rõõmustab igapäevaselt kümneid tuhandeid eestimaalasi.
Klient ja projekti taust
Sky Media on Eesti üks suuremaid raadiokontserne, kelle portfelli kuuluvad nii noorele sihtrühmale suunatud Sky Plus ja NRJ kui ka retromuusika armastajatele mõeldud Retro FM, Sky Raadio, Russkoe Raadio ja Rock FM. Meie koostöö Sky Mediaga algas juba enne sky.ee portaali, kui arendasime kodulehe nende populaarsele venekeelsele raadiojaamale Russkoje Radio. Projekt õnnestus, koostöö laabus hästi ja sellest kasvas välja palju suurem idee: luua ühine meelelahutusportaal kõikidele Sky Media raadiojaamadele.
- Ühine kaubamärk: luua portaal, mis koondab kõik Sky Media jaamad ühte digitaalsesse koju.
- Ühine kuulamiskogemus: võimaldada kuulajal liikuda jaamade vahel ühe vajutusega, ilma et muusika mängimine katkeks.
- Konkureerimine digimeediaruumis: võrduda meelelahutuse ja muusikauudiste poolest suuremate veebimeediaplatvormidega.
- Reklaamiplatvorm: luua portaalist tugev reklaami- ja konverteerimiskanal.
- Noorema sihtrühma tagasi võitmine: peamine sihtrühm oli 18–30-aastased kuulajad, kelleni vananenud raadiokodulehtedega enam piisavalt hästi ei jõutud.
Väljakutse: Delfi tasemel mahukus, kuid muusika olemusega
- Võimas audiopleier: kuulajal pidi olema võimalus kuulata otseeetris kõiki Sky Media põhijaamu ja iga jaama netijaamu, järelkuulamist, parimaid palasid ning podcaste. Kõik pidi olema kättesaadav ühest pleierist, mis ei katke lehe vahel liikudes, sest kogu sait töötab pleieri kestas.
- Mahukas sisu mitmes kategoorias: muusikauudised, kinouudised, fashion, trend, paroodiaartiklid, blogipostitused, vlogid, videod, päeva hitt, üritused ja artistide playlistid, näiteks Karl-Erik Taukar, Liis Lemsalu jt. Kõike pidi saama administraatori vaatest valida ja kuvada eri alamlehtedel.
- 5+ jaama alamlehed: igal jaamal pidi olema oma alamleht oma sisu, top-edetabelite, SoundCloudi parimate palade, sotsiaalmeediavoogude, sageduste ja saadete järelkuulamisega.
- Reklaamlahendused suurportaalide tasemel: taustabänner, päise lai bänner, rubriigibänner, artiklibänner ja videobänner koos haldussüsteemiga, kus sai roteerida mitut bännerit, vaadata statistikat ning kasutada DoubleClicki, Adformi, AdOceani ja Gemiuse jälgimist.
- Kohandatud mängud ja kampaaniad: Sky Plus Top20 ennustus, Retro FM Top5, fotokonkurss hääletamisega, Weekender FM ja Weekend Festivali eraldi sektsioonid. Igal lahendusel oli oma haldusloogika.
- RadioBox: erikast, mis kuvab reaalajas kõikides Sky Media jaamades hetkel eetris olevaid lugusid ja võimaldab kuulajal ühe klikiga jaama vahetada.
- SEO ja jõudlus: mahuka portaali nõuded otsingumootoritele optimeerimisele ja laadimiskiirusele olid Eesti uudisportaalide tasemel.
Lahendus: WordPress alusena, täielikult kohandatud front-end
Aluseks valisime WordPressi, mis pakkus toimetajatele tugevat sisuhaldust, kuid kogu front-end ja pleieri arhitektuur ehitati täielikult kohandatuna. Web Systems ja Sky Media panid pead kokku, kliendi soovid said kirja ning disainer lõi nende põhjal portaali esialgse disaini. Nagu mahukate projektide puhul ikka, ei läinud esimene versioon kohe lõplikult töösse. Kliendi tagasiside põhjal sai disaini ja kasutajakogemust täpsustatud ning hiljem on portaal pidevalt edasi arenenud. Lähemalt sellest, kuidas kodulehe tegemine mahukal projektil põhineb põhjalikul kaardistusel, oleme kirjutanud teenuselehel.
Põhjalik kaardistus ja etapiline arenduskava
Disainifaas algas 2017. aasta märtsis ja programmeerimine sama kuu lõpus. Arendus oli jagatud loogilistesse etappidesse: lehe kiire laadimise üldine loogika, optimeerimine, lihtsamad alamlehed, näiteks artiklid, videod, üritused ja päeva hitt, avalehe loogika, pleieri tuum, jaamade alamlehed, reklaamlahendused, mängude haldusliidesed, RadioBox ja SEO. Kogu plaan koos vahekontrollidega kestis ligi aasta. Sky.ee nägi ilmavalgust 1. jaanuaril 2018 ning olime ka uusaastahommikul valves, et lehe avalikustamine sujuks ja saaksime ootamatuste korral kiiresti appi tulla.
Pleier: portaali süda
Kogu portaal on ehitatud pleieri ümber. Külastaja saab vajutada ükskõik millisele jaamale, järelkuulamise lingile või podcastile ning audio mängib edasi sõltumata sellest, kuhu kuulaja portaalis liigub. Kogu audiosisu, sealhulgas otse-eeter, järelkuulamine, netijaamad, podcastid ja parimad palad, kasutab ühte ja sama pleierit. Aja jooksul lisandus pleierile uusi võimalusi, näiteks eetris oleva loo sõnade kuvamine ja skippimise funktsioon, mis lubas kuulajal valida sama raadiojaama formaadis mõne teise loo.
Võimas admin ja sisuhaldus
Sky Media toimetajatel oli vaja paindlikku adminit, kus iga artikli, video, uudise, mängu või kampaania puhul sai valida, millistel alamlehtedel see kuvatakse, näiteks avalehel, Sky Plusi alamlehel või NRJ alamlehel. Sisu ajatamine, prioriteetide määramine ja postitustega seotud meedia haldus ehitati meeskonna igapäevase töövoo järgi, mitte abstraktse tehniliselt korrektse loogika järgi. Lisandusid ka spetsiaalsed haldusliidesed Top20 edetabelile, fotokonkursile, sealhulgas hääletamisele ja andmebaasi ekspordile XLS- või CSV-vormingus, ning mängudele.
Reklaamlahendused suurportaalide tasemel
Sky.ee puhul olid reklaambännerid nii disaini kui ka front-end arenduse üks olulisemaid osi. Reklaamisüsteem pidi konkureerima suurte veebimeediaportaalidega ning sobituma samal ajal sisuga nii, et kasutajakogemus jääks mugavaks. Lahendus hõlmas viit tüüpi bännerlahendusi: taustabänner, päisebänner, rubriigibänner, artiklibänner ja videobänner. Lisaks tuli arvestada bännerite etteantud mõõtudega, eri seadmete ja resolutsioonidega, lazyloadi, statistika, roteerimise ning reklaamivõrkudega, sealhulgas DoubleClick ehk Google Ad Manager, Adform ja AdOcean. Eraldi väärib märkimist sitehat, mida sky.ee külastajal on peaaegu võimatu mitte märgata.
Sky Media liides: podcastide automatiseeritud import
Eraldi etapina ehitasime Sky Media spetsiifilise liidese, mis automatiseeris podcastide ja parimate palade haldamise. Babahh lindistas eetrit ööpäev läbi 60-minutiliste juppidena ja paigutas need FTP-sse. Meie liides hangib salvestused vastavalt sisestatud graafikule, näiteks saade X igal teisipäeval kell 14.00, ja avaldab need automaatselt portaalis. Hiljem kirjutasime sünkroonimise süsteemi ümber kiiremaks ja töökindlamaks. Kui alguses sünkrooniti faile väiksemate portsudena, siis uuendatud lahendus suutis töödelda palju suuremat mahtu korraga. Tänu sellele jõuavad podcastid ja järelkuulatavad saated lehele oluliselt kiiremini.
Tulemus: ambitsioonikas portaal Eesti raadiomaastikul
Sky.ee läks avalikuks 1. jaanuaril 2018 ja kasvas aastatega edasi. Pärast esmast avalikustamist tegime sadu täiendusi, parandusi ja uusi funktsioone ning tegelesime portaaliga pikalt peaaegu iganädalaselt. Sky.ee märgiti ära ka Eesti Muusikaettevõtluse Auhindadel, kus 2019. ja 2020. aastal anti Aasta meediakanali tiitel just sky.ee portaalile. Tegu oli ühe Eesti ambitsioonikama veebiarendusprojektiga, kus WordPressile ehitati Delfi ja Õhtulehe mahukusega meelelahutusportaal koos täielikult kohandatud front-endi, audiopleieri ja reklaamisüsteemiga. See projekt näitab, mida Web Systems suudab ehitada, kui kliendil on suur visioon ja valmidus pikaks teekonnaks.
Projekti andmed
- Klient: Sky Media (Raadioreklaami OÜ)
- Valdkond: raadiomeelelahutus, veebimeedia, muusikaportaal
- Lehe tüüp: mahukas meelelahutusportaal koos audiopleieri ja reklaamisüsteemiga
- Platvorm: WordPress + täielikult kohandatud front-end (custom theme)
- Tehnoloogiad: WordPress, PHP, JavaScript, HTML5, SCSS, Ninja Forms 3, iThemes Security, WP Security Audit Log, Google Tag Manager
- Raadiojaamad portaalis: Sky Plus, NRJ, Retro FM, Sky Raadio, Russkoe Raadio, Rock FM, sealhulgas netijaamad
- Audiofunktsionaalsus: otse-eeter, järelkuulamine, podcastid, parimad palad ja artistide playlistid, kõik ühest pleierist, mis säilib lehtede vahel
- Sisutüübid: muusika-, kino- ja fashion-uudised, paroodiaartiklid, blogipostitused, videod, päeva hitt, üritused, fotokonkursid, mängud, Top20 ennustus ja Top 5
- Reklaamlahendused: taustabänner, päise lai bänner, rubriigibänner, artiklibänner, videobänner, sitehat, DoubleClick / Google Ad Manager, Adform, AdOcean, Gemius
- Erilahendused: RadioBox, kõik jaamad reaalajas eetris, Sky Media liides, Babahhi FTP-st automaatne podcastide import, bännerite haldussüsteem koos roteerimise ja statistikaga
- Sihtgrupp: 18–30-aastased ja kogu Eesti raadiokuulajad
- Mahuline võrdlus: Eesti suurimate uudisportaalide, näiteks Delfi ja Õhtulehe tasemel
- Teenused: kaardistus, disain, front-end ja back-end arendus, audiopleieri ehitamine, reklaamisüsteem, kohandatud moodulid, SEO, hooldus ja edasiarendus
- Teostusaeg: 2017, kaardistus, disain ja arendus, avalikustamine 1. jaanuaril 2018 ning aastatepikkune jätkuv arendus pärast avalikustamist
Sarnaste mahukate veebiarendusprojektide elluviimisel hoiame kliendi kõrval kogu teekonnal, alates kodulehe tegemisest ja tarkvaraarendusest kuni SEO teenuse ja pikaajalise hoolduseni.