Skilla ry:n verkkosivujen toteutus Webflow'lla

Skilla ry – verkkosivujen uudistus WordPressistä Webflow'hun

Skilla ry on tukipalveluiden asiantuntijoiden ja assistenttien ammattiyhdistys, jonka juuret ulottuvat vuoteen 1970. Yhdistys on osa Akavan Erityisaloja, ja sen noin 2 600 jäsentä ovat assistentteja, koordinaattoreita, esihenkilöitä ja päälliköitä — niitä, jotka pitävät organisaatioiden arjen liikkeessä. Nimi tulee englannin sanasta skill.

Lähtötilanne

Aiempi verkkosivusto oli rakennettu WordPressin päälle, eikä Skilla pystynyt tekemään sille muutoksia itse — pienikin päivitys vaati ulkopuolista apua. Sekä sivuston lataus että sillä navigointi oli hidasta, ja rakenne oli vuosien varrella käynyt sekavaksi: jäsenen oli vaikea löytää etsimäänsä. Sivusto ei enää palvellut yhdistystä sellaisena kuin se tänään on, kahden järjestön yhdistymisen jälkeen laajentuneella jäsenkunnalla ja uudella nimellä.

Ratkaisu

Toimitimme uudistuksen avaimet käteen. Aloitimme sisällöistä: vanhan sivuston aineisto järjestettiin uudelleen sen mukaan, mitä jäsen tulee hakemaan — jäsenyys, edunvalvonta, työelämän palvelut ja yritysyhteistyö, kukin omana kokonaisuutenaan. Vasta selkeän rakenteen päälle suunniteltiin ulkoasu ja rakennettiin sivusto.

• Sisältöarkkitehtuuri — hajallaan olleet sisällöt järjestettiin neljäksi selkeäksi kokonaisuudeksi, ja ajankohtaiselle tehtiin oma osionsa.
• Ulkoasun suunnittelu — visuaalinen ilme, komponentit ja niistä koottu designjärjestelmä.
• Tekninen toteutus Webflow'lla, jossa artikkelit ja tiedotteet, tapahtumat ja koulutukset, työpaikkapörssi sekä palkkasuositukset ovat omia CMS-sisältötyyppejään.
• Sisältöjen migraatio WordPressistä ja lokalisointi suomeksi ja englanniksi.
• Saavutettavuuden parantaminen omana työvaiheenaan.
• 301-uudelleenohjaukset varmistamaan, että aiemmat linkit hakukoneissa ja somessa säilyivät toimivina.
• Hakukonenäkyvyyden optimointi sekä perinteisissä hakukoneissa että tekoälypohjaisissa työkaluissa.
• Sivuhaku, lomakkeet, evästehallinta ja analytiikka osaksi samaa kokonaisuutta.
• Käyttökoulutus, jolla Skillan tiimi sai täyden hallinnan sivuston ylläpitoon ja jatko-optimointiin.

Designjärjestelmä

Suunnittelimme ilmeen kolmen värin varaan: laivastonsininen kantaa rakenteen, ruusu tuo lämmön ja savunvihreä erottaa työelämän palvelut omakseen. Toistuvaksi aiheeksi tuli kaarikuvio, joka kulkee heroista alatunnisteeseen asti ja sitoo sivut yhteen. Värit elävät CSS-muuttujina, joten teema on yhdessä paikassa eikä hajallaan sääntöjen seassa — ja sivut rakentuvat samoista komponenteista, jolloin uusi sivu syntyy olemassa olevista paloista.

Tulokset

Sivusto latautuu aiempaa selvästi nopeammin ja on aiempaa saavutettavampi, ja jäsen löytää etsimänsä: rakenne ohjaa suoraan jäsenyyteen, edunvalvontaan tai työelämän palveluihin. Skilla tekee päivitykset itse ilman välikäsiä — artikkelit, tapahtumat ja työpaikkailmoitukset syntyvät yhdistyksen omin käsin. Sisällöt elävät yhdessä paikassa suomeksi ja englanniksi, ja vanhat linkit kantavat edelleen 301-uudelleenohjausten ansiosta.