Verkkosivusto ja verkkokauppa

FC Interin lähtötilanne ja tavoitteet

Siniseen ja mustaan vannoutunut yksi Veikkausliigan perinteikkäimmistä ja menestyneimmistä seuroista otti G-Worksiin yhteyttä selkeänä tahtotilanaan saada verkkosivusto uuteen uskoon. Oli selvää, että edelliset verkkosivut ja verkkokauppa olivat nähneet aikansa, eivätkä enää vastanneet FC Interin tarpeita ja strategiaa. Kehityskohteina sivustolla oli niin sen visuaalisuus ja teknologia, mutta myös sisältörakenne ja sisällön oikeanlainen esittäminen sivustolla.

Tarkan pelistrategian kautta liikkeelle

Projektin aluksi tuli piirtää pelistrategia kuntoon tulevalle projektille. G-Works ja FC Inter määrittelivät yhteistyössä workshopissa silloisen sivuston ongelmia, uuden sivuston tavoitteita, kohderyhmiä, rakennetta ja visuaalisia suuntaviivoja sekä teknisiä ratkaisuja. Suunnittelun ja toteutuksen pohjaksi saatiin myös hyödyllistä informaatiota FC Interin työryhmän tarvemäärittelymateriaaleista, jotka analysoitiin tarkasti. Projektin määrittelyn kulmakivenä oli suunnitella ratkaisu, jossa edustusjoukkueen viestinnällinen ja kaupallinen näkökulma sekä FC Interin merkittävä junioritoiminta ja yhteisöllinen tekeminen kohtaavat.

Visuaalinen suunnittelu

Onnistuneen uuden sivuston määrittelyn ja konseptoinnin jälkeen oli suoraviivaista hypätä suunnittelupöydän ääreen. Rakenteellisesti merkittävin valinta sivustolla oli se, että FC Interin kolmen ison asiakokonaisuuden, edustusjoukkueen, junioritoiminnan ja InterAction-toiminnan (FC Interin yhteiskunnallisia ongelmia parantava ohjelmakokonaisuus), sisällöt eriytettiin omiksi alasivustoiksi. Tämä tehtiin kuitenkin siten, että kävijän on helppo liikkua alasivustojen välillä. Vaikka alasivustoilla on toisistaan poikkeavia toimintoja, niiden visuaalisuus on yhtenäinen.

Verkkosivuston ulkoasujen suunnittelussa löydettiin nopeasti yhteinen, kaikkia osapuolia miellyttävä suunta. Erityiset kiitokset tästä tulee antaa myös FC Interin projektihenkilöstölle. Yhteisissä suunnittelupalavereissa sivuston visuaalisuutta saatiin tehokkaasti eteenpäin. Useissa kohdissa G-Worksin suunnittelija Joona jakoi Figma-suunnittelutiedostoa suoraan projektiryhmälle ja teki siihen palaverin aikana kommenttien ja ideoinnin mukaisia muutoksia ja havainnollistuksia. Tämä oli erittäin tehokas toimintamalli.

Ison linjan teknologiaratkaisut

FC Interin uusi verkkosivusto on teknisesti laaja kokonaisuus. Sivuston teknologiassa on hyödynnetty viimeisintä teknologiamallia, jossa verkkosivuston backend eli sisällönhallinta ja frontend eli kävijänäkymä on eriytetty toisistaan. Tällä ratkaisulla laajakin sivusto käyttäytyy erityisen nopeana. Myös tietoturva- ja integrointihyödyt tässä mallissa ovat kiistattomat. Sisällönhallinta verkkosivustolle tehtiin WordPress-sisällönhallintajärjestelmää käyttäen, joka oli myös FC Interille tuttu ennestään.

FC Interin kolmen ison kokonaisuuden (edustusjoukkue, junioritoiminta, InterAction-toiminta) eriyttäminen omiksi alasivustoikseen tehtiin käyttäen WordPressin Multisite -toimintoa. Kyseisen toiminnon avulla FC Interin sisällönpäivittäjät pystyvät helposti siirtymään eri sivustojen sisällönhallintanäkymien välillä. Tarvittaessa sisällönsyöttäjille on myös helppo määrittää oikeuksia esimerkiksi vain tietyn alasivuston WordPress-hallintaan.

Automaattisesti päivittyvät ottelu- ja tilastotiedot

Yhtenä tärkeimmistä elementeistä läpi sivustokokonaisuuden ovat tulevien ja menneiden otteluiden esittäminen sekä joukkueiden ja pelaajien tilastotiedot ja sarjataulukot. Verkkosivustolle tehtiin integraatio Suomen Palloliiton tilastodataan Torneopal-järjestelmän kautta. Integraation avulla kaikki tilastotiedot päivittyvät sivustolle automaattisesti. Teimme myös mahdollisuuden rikastaa Torneopalista tulevia ottelutietoja omalla datalla WordPressissä.

Edustusjoukkueen tilastotietojen lisäksi laajensimme toiminnon myös kaikkiin FC Interin noin kahteenkymmeneen juniorijoukkueeseen. Myös kaikkien juniorijoukkueiden ottelutiedot ja sarjataulukkotilastot päivittyvät junioritoiminnan sivustolle automaattisesti.

Viestinnällisyys suunnittelun ja teknologian kärkihyökkääjänä

FC Inter näkyy ja kuuluu. Uutisia, otteluraportteja, otteluennakoita, videohaastetteluita, tapahtumia ja sosiaalisen median päivityksiä tulee tasaisen nopeaan tahtiin. Verkkosivusto suunniteltiin ja toteutettiin tukemaan tätä laajaa viestintätarvetta. Vaikka jokaisella eri alasivustolla on omat julkaisupaikkansa, otettiin sivuston suunnittelussa vahvasti huomioon myös alasivustojen välinen siirtymä julkaisujen välillä.

Verkkosivuston sisäinen ristiinlinkitys on myös viety pitkälle ja mahdollisimman automatisoiduksi. Tägien avulla erilaisia julkaisutyyppejä pystyy ristiinlinkittämään keskenään. Esimerkiksi ottelun sivulla, voidaan näyttää uutislistaus otteluun liittyvistä uutisista sekä videolistaus otteluun liittyvistä videoista. Toiminto tarjoaa kävijälle aina tiettyyn aiheeseen liittyvää mielenkiintoista sisältöä. Tämän lisäksi Googlen algoritmit tykkäävät ja hakukonenäkyvyys kasvaa.

Aikaisempien vuosien laajan artikkeliarkiston säilyttäminen

Edellisellä sivustolla oli aikaisemmilta vuosilta kertyneitä artikkeleita yli 10 000 kappaletta, lähes 20 vuoden ajalta. Tämä historiatieto haluttiin säilyttää. Toteutimme migraation, jossa kaikki nämä artikkelit siirrettiin uudelle sivustolle. Migraatiossa tuli suunnitella tarkasti se, kuinka vanhat artikkelit saadaan taipumaan uuteen ulkoasuun. Lisäksi uudelleenohjauksilla varmistettiin, että artikkelien vanhat polut ohjataan uuteen osoitteeseen.

Verkkokauppa kannattajatuotteiden ja -asusteiden myyntiin

Verkkosivuston kylkeen rakennettiin WooCommerce-verkkokauppa. Ennen verkkokaupan rakentamista oli tiedossa, että uudet tuotekuvat tulevat olemaan visuaalisia ja verkkokauppa suunniteltiin näiden ympärille. Verkkokauppa noudattelee niin ikään pääsivuston ilmettä ja FC Interin sisällönsyöttäjien on jatkossa helppo lisätä uusia tuotteita eri tuotekategorioihin. Verkkokauppa julkaistiin sopivasti ennen kauden ensimmäistä kotiottelua, jolloin stadionillakin myytäviä tuotteita pääsi jo silmäilemään ja tilaamaan ennakkoon.

MAALI!

Projekti saatettiin päätökseen ja koko fudiskansalle julki hyvässä aikataulussa ennen uuden Veikkausliigakauden alkua. Koko projekti sujui hyvässä synergiassa G-Worksin ja FC Interin projektitiimin kesken. Myös vaikeammat sivustoon liittyvät pulmat saatiin tehokkaasti ratkottua.

G-Worksin projektiryhmä, Valtteri, Joona & Rasse, kiittää interiläisiä erinomaisesta yhteistyön aloituksesta. – Tästä on erinomaista jatkaa yhteistä matkaa.