En perfekt match – Norsk Toppfotball og PWA
Eliteserien og OBOS-ligaen jekket opp sin brukervennlighet og gikk for progressive webapper.
Norsk Toppfotball (NTF) brukte allerede Enonic for å skape en enhetlig brukeropplevelse på tvers av titalls profesjonelle fotballklubber fra Norges to elitedivisjoner – Eliteserien og OBOS-ligaen.
I tillegg til å ha et brukervennlig og fleksibelt redigeringsverktøy, ønsket NTF å forbedre sine digitale tilbud enda mer.
NTF valgte å utvide samspillet mellom datamaskiner og telefoner, nettlesere og apper. De og implementeringspartner 99x begynte derfor å se på teknologien kjent som progressive webapplikasjoner (PWA).
En PWA er et lettvektsnettsted som kan fungere akkurat som en app på din smarttelefon, med rask lasting, rike funksjoner og et praktisk appikon – uten å faktisk være en reell app.
Men hvilke utfordringer og resultater ga denne teknologien for NTF?
Utfordring
NTF forvaltet allerede noen få eksklusive apper på appbutikker, men ønsket at løsningene deres skulle gi verdi for alle fotballklubbene.
De eksisterende appene tilbød videoklipp fra pågående kamper når brukeren var koblet til stadionens trådløse nett, en funksjon som måtte overføres til den kommende PWA-løsningen.
Selv om nettstedene var basert på Enonic, brukte appene et annet CMS og manglet flere integrasjoner. Dette var verken brukervennlig eller økonomisk fornuftig.
Den største utfordringen var å sørge for at alt det redaksjonelle og utviklingsmessige arbeidet lagt ned i den eksisterende løsningen av de forskjellige klubbene kunne fungere med de nye PWA-ene.
Fotballklubbene har brukt årevis på å skape og forvalte innhold, og NTF ga 99x oppgaven med å utvikle en løsning som samtidig ville være fremtidsrettet og ta hensyn til fortiden.
Løsning
En av egenskapene ved PWA-er er sentraliseringen av utviklingen. Utviklere trenger ikke lenger å forholde seg til ulike systemer eller leverandører spesifikke for hver mobilplattform, noe som reduserte kostnadene og tidsbruken.
Oppdateringer gjøres trinnvis. PWA-en sjekker etter endringer i koden, og oppgraderer når det er en ny versjon.
Dette gjør PWA-er mye raskere enn vanlige nettsteder, og brukerne er alltid oppdaterte.
99x utviklet en dobbel velkomstskjerm for PWA-en. Den laster først en statisk skjerm med det lokale lagets logo, før den den laster innhold i bakgrunnen. Deretter bytter den over til en velkomstskjerm med mer dynamiske sponsorlogoer.
En annen funksjon sjekker om brukeren er på stadion, for å levere videoklipp fra livekampen.
I tillegg, når fotballfans logger seg på stadionens WiFi og bruker PWA-en, utløses eventlyttere fra et system for markedsføringsautomatisering. Dette utløser igjen en push-varsling noen minutter før kampslutt med kupongtilbud.
For å gi en rask app-opplevelse var caching strengt nødvendig. 99x eksperimenterte med forhåndslagring og opportunistisk lagring av innhold de statistisk sett visste at brukere vil sjekke under neste besøk.
På grunn av begrensninger i nettleser og operativsystem, måtte 99x balansere mellom hvilket innhold som skulle caches. Det brukes hovedsakelig på menystrukturen, forsiden, statistikktabellen og kampplanen.
Videre er designet for de mobile sidene basert på klassisk app-estetikk, som naturligvis reflekteres i PWA-ene.
Til slutt brukes Enonic som innholdsplattform – som leverer viktig og svært nødvendig ferskt og tidsriktig innhold i PWA-ene. 99x benyttet deler av Enonics Workbox PWA Starter og Googles egne PWA-verktøy for å bygge den spesifikke PWA-funksjonaliteten.
