HJK:n verkkosivuston uudistus

HJK:n uusi verkkosivusto yhdistää seuran joukkueet, ottelut, uutiset ja yhteisön yhdeksi moderniksi kokonaisuudeksi.

Hero Image
Kuvassa HJK:n logo ja uusi sivusto esillä kannettavan tietokoneen ja älypuhelimen näytöillä.

HJK:n lähtötilanne ja tavoitteet

G-Worksin ja HJK:n yhteistyö alkoi jo keväällä 2022, jolloin käynnistimme refaktorointiprojektin HJK:n silloiselle verkkosivustolle. Projektissa WordPress-pohjainen sivusto perattiin läpi: poistimme tarpeettomia liitännäisiä, suoraviivaistimme kokonaisuutta ja paransimme tietoturvaa. Samalla sivusto siirtyi G-Worksin ylläpitoon.

Aktiivisesta ylläpidosta ja jatkuvasta kehityksestä huolimatta syksyllä 2025 oli selvää, että sivusto oli tulossa elinkaarensa päähän. Haasteet liittyivät sekä teknologiaan että käyttöliittymään – kokonaisuus ei enää vastannut HJK:n tavoitteita eikä kasvavaa digitaalista roolia.

Uudistuksen tavoitteena oli rakentaa moderni, skaalautuva ja selkeä verkkosivusto, joka palvelee samanaikaisesti kannattajia, yhteistyökumppaneita ja uusia asiakkaita.


Selkeä rakenne koko seurayhteisölle

Uuden verkkosivuston keskiöön rakennettiin yksi yhteinen hjk.fi-etusivu, joka toimii porttina koko HJK:n toimintaan. Etusivulta kävijä ohjataan sujuvasti miesten ja naisten osioihin sekä junioreiden omalle sivustolle.

Rakenteessa keskeistä oli:

  • eri kohderyhmien huomiointi
  • HJK:n toiminnan ja palveluiden selkeyttäminen
  • kaupallisten sisältöjen ja palveluiden nostaminen aiempaa vahvemmin esiin

Lopputuloksena syntyi kokonaisuus, jossa laaja seuratoiminta on helposti hahmotettavissa ja navigoitavissa.



Ottelukokemus ja sisältö keskiössä

HJK:n toiminnan ytimessä ovat ottelut ja niihin liittyvä sisältö. Uudessa sivustossa panostettiin erityisesti ottelusivujen kehittämiseen sekä otteluraporttien ja -ennakoiden selkeään esittämiseen. Uudella sivustolla otteluissa tarjotaan monipuolista dataa, joka päivittyy käynnissä olevan ottelun kohdalla reaaliajassa ottelusivulle.

Lisäksi uutisointi uudistettiin kokonaisvaltaisesti:

  • selkeämmät uutiskategoriat
  • joukkuekohtainen sisällön esitys
  • parempi löydettävyys ja selailtavuus

Ratkaisut tukevat HJK:n aktiivista viestintää ja varmistavat, että fanit löytävät ajankohtaisen sisällön nopeasti.


Integraatiot tuovat datan eloon

Verkkosivustolle toteutettiin integraatio Suomen Palloliitton tarjoamaan tilastodataan, jonka avulla ottelu-, joukkue- ja pelaajatiedot päivittyvät sivustolle automaattisesti.

Tämä mahdollistaa:

  • ajantasaiset ottelutiedot
  • reaaliaikaiset ottelutiedot käynnissä olevista peleistä
  • monipuoliset tilastot niin otteluista kuin pelaajista
  • yhtenäisen ja luotettavan datan esittämisen kaikkien joukkueiden osalta

HJK:n uuden sivuston "Ottelut"-näkymä tabletti-tietokoneen ruudulla.

Laajan sisältöhistorian säilyttäminen

HJK:n sivustolla oli vuosien varrella kertynyt merkittävä määrä sisältöä. Projektissa toteutettiin noin 7 000 uutisartikkelin migraatio vanhalta sivustolta uudelle.

Migraatiossa varmistettiin:

  • sisällön säilyminen ja hyödynnettävyys
  • yhteensopivuus uuden rakenteen kanssa
  • hakukonenäkyvyyden säilyminen

Näin HJK:n digitaalinen historia saatiin tuotua saumattomasti osaksi uutta kokonaisuutta.


Mies pitää käsissään tabletti-tietokonetta jonka ruudulla on esillä HJK:n miesten joukkueen kokoonpanon alasivu.

Moderni teknologia kasvun tukena

HJK:n uusi verkkosivusto toteutettiin modernilla arkkitehtuurilla, jossa WordPress toimii sisällönhallintajärjestelmänä ja käyttöliittymä on erotettu omaksi kokonaisuudekseen.

Tämän niin sanotun headless-mallin hyötyihin lukeutuu muun muassa:

  • Erittäin nopeat latausajat – Staattisten sivujen ansiosta verkkosivusto voidaan tarjoilla sisällönjakeluverkon (CDN) kautta, mikä varmistaa sivuston sujuvan toiminnan ja nopean latautumisen myös suurilla kävijämäärillä.
  • Korkea tietoturva ja toimintavarmuus – Hajautetun arkkitehtuurin ansiosta käyttöliittymä ei ole riippuvainen sisällönhallintajärjestelmän toiminnasta, mikä parantaa palvelun toimintavarmuutta ja vähentää yksittäisten häiriöiden vaikutusta sivuston käytettävyyteen.
  • Joustava jatkokehitys – Yksittäisiä käyttöliittymämuutoksia voidaan testata rinnakkain omissa esikatseluympäristöissään tuotantodataa hyödyntäen. Tämä mahdollistaa huomattavasti ketterämmän, turvallisemman ja tehokkaamman jatkokehityksen.
  • Laajat integraatiomahdollisuudet – Uusia palveluita voidaan liittää helposti osaksi kokonaisuutta

Ratkaisu luo vahvan pohjan HJK:n tuleville digitaalisille kehityshankkeille – aina uusista palveluista mahdollisiin sovellus- ja stadionintegraatioihin.


Kuvassa on älypuhelin jonka ruudulla on esitettynä otteluiden listausnäkymä. Ruudusta nousee ylös leijuvasti kaksi muuta näkymää joissa esitetään mobiilin valikko sekä tulevien otteluiden verkkosivu-elementti.

Kuvassa on älypuhelin nurmikon seassa. Älypuhelimen ruudulla esitettynä Veikkausliigan sarjatilanne.

Nopeampi, näyttävämpi ja valmiina uuteen kauteen

Uusi verkkosivusto julkaistiin onnistuneesti ja aikataulussa ennen uuden Veikkausliigakauden alkua. Lopputuloksena syntyi moderni, nopea ja skaalautuva kokonaisuus, jota on kustannustehokasta jatkokehittää seuran tarpeiden ja strategioiden mukaisesti.

Projekti eteni tiiviissä yhteistyössä HJK:n ja G-Worksin välillä, ja yhteinen tekeminen oli alusta loppuun tehokasta ja ratkaisukeskeistä.

G-Worksin projektiryhmä – Joona, Rasse ja Valtteri – kiittää HJK:ta erinomaisesta yhteistyöstä projektin osalta. Yhteistyö jatkuu jo käynnistyneiden jatkokehityshankkeiden merkeissä.


Nettisivujen rakentaminen on aina iso projekti, jossa mielestäni oleellista on se, miten yhteistyö etenee ja miten yhteydenpito onnistuu. On helppo sanoa, että G Worksin kanssa nämä asiat ovat toimineet erinomaisesti. Olen erittäin tyytyväinen lopputulokseen. Mielestäni se, mitä lähdimme hakemaan, on toteutunut.

HJK logo

HJK

Juho Hirvonen

Viestintä- ja markkinointijohtaja

Hero Image


Kiinnostaisiko verkkosivustosi auditointi veloituksetta?

Käymme nykyisen sivuston läpi ja tarkistamme, mitä siirrettävä sivusto on teknisessä mielessä “syönyt”. Tarkistamme mm. sivuston WordPressin ja lisäosien päivitysten sekä sivuston PHP-version ajantasaisuuden. Myös mahdolliset käyttämättömät tai tietoturvan kannalta riskialttiit lisäosat havaitaan auditoinnissa.

Lue lisää