Wsportsmedia Multisite

Kokonaisvaltainen ja joustava lähestymistapa tuotekehitykseen takaa asiakkaittemme tyytyväisyyden.

W Sportsmedia on vuonna 2014 perustettu kansainvälinen urheiluliiketoimintaa harjoittava yritys, jonka pääkonttori sijaitsee Höganäsissa Ruotsissa ja toimistot Tukholmassa, Östersundissa, Tampereella, Oslossa ja Joinvillessä Brasiliassa.
Yritys on osa urheiluliiketoiminnan arvoketjua, joka liittyy kansainväliseen mediatuotantoon, mediaoikeuksien jakeluun, kansainvälisten urheilutapahtumien hallintaan ja urheilijoiden edustukseen.

Haaste

4-Multisite Platform -palvelujen kokonaisuuteen liittyvän suuren tuotteen rakentamisen iso haaste oli aika. Se piti saada valmiiksi ennen talvikauden alkua. Oli suuria vaikeuksia saada olemassa olevilta verkkosivuilta kaikki ne tiedot, joita vaadittiin sivuston täysimääräiseen toimintaan. Toinen haaste oli verkkosivuston toteuttaminen neljällä kielellä. Kielten pituuserot vaativat sivujen muokkaamaista käytetyn kielen mukaan.

Suurin tekninen haaste oli integrointi ulkoisiin palveluihin, kuten Vimeoon tai ulkoiseen käyttäjähallintatukeen.

Ratkaisu

Alusta sisältää useita ratkaisuja talviurheilun ystäville. Sen tehtiin lehdeksi, jossa on uutisia urheilutapahtumista, varusteista ja niiden luokituksesta sekä treeniohjeita tai vaikka ohjeita omien varusteiden hoitoon. Alustan pääpalvelua täydennettiin mahdollisuudella näyttää suoria urheilutuloksia, luetteloita ja kuvauksia urheilutapahtumista sekä useiden vuosien tuloshistoriaa. Lisäksi sivustolla esitellään kunkin kielipalvelun nykyinen edustus ja tiimit. Kaikki yhdistettiin yksinkertaiseen myymälämuotoon, jossa on tietyt parametrit tietyille urheiluvälineille, asiantuntija-arviot ja pääsy W Sportsmedian talviurheilua käsittelevään podcastiin. Rekisteröityneet käyttäjät voivat myös rekisteröidä urheilutapahtumia lomakkeella, jonka W Sportsmedia-tiimi tarkistaa ja tarvittaessa täydentää ennen sivulla näyttämistä.

Design

Asiakas halusi, että ymmärrämme talviurheilun luonteen sekä vision verkkosivun viestistä.

UX:n näkökulmasta olennaista oli verkkosivuston tärkeimpien toimintojen sijoittaminen päänäkymään siten, että ne ovat ymmärrettäviä ja helposti saavutettavia.

Niitä olivat:

• Parhaiten sijoittuneiden urheilijoiden nykyinen sijoitus.
• Tulevien urheilutapahtumien kalenteri, jossa on tärkeimmät tiedot ja mahdollisuus siirtyä suoraan live-katseluun tai menneen tapahtuman uudelleenlähetykseen.
• Uusimmat temaattiset artikkelit, mukaan lukien osio, jossa julkaistaan ​​tärkeimmät aihetta käsittelevät artikkelit.
• Yksi tärkeimmistä seikoista oli mainosten älykäs ja tyylikäs paikantaminen. Nehän mahdollistavat sivuston olemassaolon.

Koska WSportsmedian urheilualustan käyttäjät seuraavat talviurheilumaailman ajankohtaisia ​​tapahtumia sekä kannettavilla tietokoneilla että puhelimilla, mobiiliversiossa oli lähimmistä tapahtumista kertovan osion, kuten kokoontaitettavan valikon sijoitus oli keskeistä. Näin käyttäjä voi piilottaa osion, mutta se on silti käytettävissä riippumatta siitä, mitä alasivua käyttäjä lukee.

Artikkelinäkymässä huomioidaan artikkelin tekstisarakkeen leveys, jotta käyttäjän olisi helpompi lukea. Näkymään kuuluu aina osio, jossa on samanlaisia ​​​​artikkeleita luokasta ja muita luokkia, jotta käyttäjä pysyy pidempään sivustolla.

4-Multisite-sivusto

Jokaisella kielellä on erilainen väritys, jonka värit on valittu yhteistyössä asiakkaan kanssa. Ne edustavat epäsuorasti kyseisen kielen kotimaan lipun värejä. Englanninkielinen versio, ns. International, korostaa alustan teemaa sinisellä värimaailmallaan.

Pääuutissivun artikkelinäkymä on yksi tärkeimmistä näkymistä. Tähän suunnittelimme mainosten eston kaltaisen ikkunan, joka tiedottaa sivuston sisältöön pääsyn rajoituksista kirjautumattomille käyttäjille ja niille, jotka eivät ole tilaajia. Päämääränä on kannustaa käyttäjää hyödyntämään tilaussuunnitelmaa.

Tekniikka

Perustimme sivuston tunnettuun CMS:ään, WordPressiin. Tämä ei kuitenkaan ollut tyypillinen WordPress-asennus, sillä käytimme Bedrockia kattilalevynä. Tätä varten käytimme useita plugeja, mukaan lukien ACF ja WP All Import. Näin suuren ja monimutkaisen projektin yhteydessä piti toteuttaa erilaisia laajennuksia ja ratkaisuja mm.

• ladata suoria urheilutuloksia ja näyttää ne verkkosivuston eri osioissa
• maksumuuri, joka salli vain asianmukaiset tilaukset ostaneiden käyttäjien pääsyn sivustolle

Toinen rakenne oli tiedonsiirto vanhoilta sivuilta, jotka perustuivat erilaisiin sisällönhallintajärjestelmiin, kuten WordPress tai Joomla. Järjestelmässämme painotimme universaalista tiedon tuonnin ratkaisua.

Oli suuri haaste toteuttaa integraatio niiden käyttäjien välillä, jotka eivät määritä tiliään W Sportsmedian järjestelmässä, mutta joiden tietoa välitettiin ulkoisissa palveluissa, kuten Vimeossa. Käytimme KeyCloak-väliohjelmistoa, joka kääntää erilaisten viestintäprotokollien (SAML) kautta lähetetyt käyttäjätiedot. Näin pystyimme integroimaan eri palveluntarjoajia eri protokollilla. Käyttäjät kirjautuvat sisään vain kerran verkkosivustojemme kautta. mutta pääsevät käyttämään erilaisia ​​palveluita.

Viimeinen haaste oli kaikkien osapuolten – sekä käyttäjän että infrastruktuurin – suorituskykyongelmat. Tähän ratkaisut olivat Redis, AWS Cloudwatch, AWS CloundFront, Elastic Load Balancing.

Yhteenveto

Projektin alussa hankkeen laajuus ja verkkosivuston lopullinen rakenne eivät olleet täysin tiedossa, mikä johti jatkuviin muutoksiin ja laajennuksiin. Keskinäisen yhteistyön ansiosta voimme määritellä sivuston laajuuden ja systematisoida tietomassan, jonka jälkeen voimme aloittaa kehitystyön.

Asiakkaallamme oli ennalta määrätty päivämäärä – talvikauden alku – sivuston avaamiselle, joten teimme jatkuvaa ​​yhteistyötä asiakkaan kanssa päästäksemme vauhdikkaasti eteenpäin. Ohjelmointiin tarvittiin joustava lähestymistapa. Samaan aikaan prosessissa piti säilyttää Scrumin perusperiaatteet. Halusimme kuitenkin laatua vaativan asiakkaan näkevän, että työ etenee sovitussa ajassa.

Suurin vaikeus oli integroida eri tavoilla kommunikoivat ulkoiset palvelut järjestelmään. Tämä saavutettiin KeyCloak-työkalulla. Näin käyttäjä tarvitsee kirjautua sisään vain kerran ja hän pääsee kaikkiin sivuston palveluihin.