Verkkosivuston toteutus yhdistykselle
Lähtötilanne
Suomen tuomariliitto – Finlands domareförbund ry otti yhteyttä otsikolla ”Tarjouspyyntö verkkosivuston uudistamisesta”:
”Suomen tuomariliitto ry olisi kiinnostunut uudistamaan nettisivunsa. Haluaisimme uudistaa nettisivumme nykyaikaisemmiksi, ja helposti ja yksinkertaisesti päivitettäviksi. Pyytäisin tällaisesta uudistamistyöstä tarjousta.”
Muutaman sähköpostin jälkeen jätimme tarjouksen verkkosivujen toteutuksesta. Aloituspalaverissa kävimme läpi yhdistyksen toimintaa ja millaiseen tarpeeseen uudet verkkosivut luodaan. Palaveria ennen kysyimme mm. seuraavia asioita:
- Mitkä ovat sivuston tärkeimmät tehtävät? Miksi se uudistetaan?
- Tehdäänkö uutta verkkosivusisältöä vai tehdäänkö uusi sivusto olemassa olevilla sisällöillä?
- Onko yhdityksellä olemassa graafista ohjeistoa? Jos ei, niin millaisia toiveita on sivuston ulkonääön suhteen?
Verkkosivuston ilme ja toiminnot
Tuomariliitto.fi -verkkosivuston tärkein tehtävä on yhteiskunnallinen vaikuttaminen, tiedonjako sekä valvoa ja edistää jäsenistönsä pyrkimyksiä. Uuden sivuston graafinen ilme ja käytettävyys tulisi siis olla selkeä, helppokäyttöinen ja looginen. Tekstit, linkit ja klikattavat elementit tulee olla toimivia joka laitteen näytöllä. Kuvilla ei asiasisällössä ole paljoa käyttöä.
Mallisivut
Suunnittelimme kaksi erilaista mallisivua, joissa oli samankaltainen värimaailma. Eri fonttivalinnoilla ja korostuksilla tarjosimme kuitenkin kaksi erilaista vaihtoehtoa, joiden pohjalta asiakas voi miettiä graafisen ilmeen toimivuutta. Pidimme myös yhteisen palaverin, jossa kävimme sivuilmettä läpi ja teimme päätöksiä sen suhteen.
Lopullinen sivuilme ja asiasisältö
Etusivu on verkkosivuston tärkein sivu. Etusivun tehtävä on kertoa, minne selaaja on saapunut. Etusivu sisältää tärkeimmät asiat tiivistettynä, joita sivustolta löytyy. Niinpä etusivulle haettiin kuvapankista asiaan hyvin vahvasti kytkeytyvä kuva ja sen alle lyhyt esittelyteksti, mitä yhdistys on ja miksi se toimii. Jokaisella yhdistyksellä on tavoitteena hankkia myös lisää jäseniä, joten tekstin alle lisäsimme ”mainosbannerin”, jolla houkutellaan uusia jäseniä.
Seuraavaksi taitoimme alasivulinkkejä yms. yhdistyksen tuottamaa materiaalia selkeiksi kokonaisuuksiksi, jotta tärkeimmät asiat löytyvät helposti. Vaikka osa asioista löytyy myös valikosta, niin etusivun linkit toimivat kätevänä ”sisällysluettelona”. Värimaailman loimme niin, että väreillä on helppo havainnollistaa erilaista sisältöä. Jokaisen sivun header (sivun yläosa) on vaaleansininen, alasivun linkkien väri on vihreä nuolisymboli (logosta napattu väri), lausunnot ja tiedotteet löytyvät keltaisten symbolien kohdalta ja linkkiväriksi valitsimme oranssin. Oranssi erottuu hyvin valkoiselta ja mustalta taustalta.
Ajankohtaista-osio on toiminnaltaan täysin itsenäinen. Osioon on koottu blogiartikkelipalstat, joista näytetään kolme uusinta. Jos tiedotteita ja uutisia tulee paljon, niin julkaisut pysyvät kätevästi aikajärjestyksessä, eivätkä pidennä etusivua suhteettoman paljon. Osion kolmannella palstalla toimii viestipalvelu X:n seinälisäosa. Yhdistys tiedottaa ja uutisoi viestipalvelun kautta aktiivisesti, ja näin uusimmat julkaisut näkyvät sivustolla kätevästi ilman viestipalveluun klikkaamista.
Alapalkki eli footer on alue, joka näkyy jokaisen sivun lopussa. Siksi se on tärkeä, mitä sinne laitetaan. Tällä kertaa halusimme sisällyttää sinne vain tärkeimmät asiat, jotta osio ei kasva liian laajaksi. Eli yhteystiedot, alasivut ja tiedotuskavanalinkin (viestipalvelu X).
Responsiivisuus
Sivustoa selataan tänä päivänä puhelimella enemmän kuin muilla medialaitteilla. Siksi sivuilme ja käytettävyys on oltava kunnossa mobiiliruudulla. Tuomariliiton sivustolla selkeys ja tekstin luettavuus on tärkeää. Otsikoiden pitkätkään yhdyssanat eivät saisi katkeilla kapean ruudun takia. Otsikoiden ja leipätekstin välillä pitää olla selkeä koko- ja painoero. Eri sisältökokonaisuuksien välillä on hyvä olla tarpeeksi tyhjää, jotta selaajan on helpompi hahmottaa selaamaansa. Ohessa videokaappaus mobiiliruudulta tuomariliitto.fi etusivulta ja artikkelista.
Asiakkaan palaute yhteistyöstä
“Asiointi kanssanne on ollut koko verkkosivu-uudistusprosessin läpi vaivatonta ja joutuisaa, kuten toimintanne muutenkin. Suurimmat väliviiveet taisivat olla meidän päässämme, mutta toteutitte tosiaan toimeksiannon ja yksittäiset pyynnöt ilahduttavan nopeasti. Sivutkin saatiin avattua / linjoille toivottuun päivään mennessä (ja vielä saman päivän aikana, kun aamusta esitimme toiveen).
Etäpalaverit olivat käteviä, meiltä pystyi osallistumaan moni eri sijainneista käsin, ja erityisesti ns. koulutuspalaveri sivujen päivityksestä oli hyödyllinen. Jos päivittäminen olisi täytynyt opetella pelkästään kirjallisesta ohjeesta niin opettelu olisi ollut varmasti tahmeampaa. Toimittamanne kirjalliset materiaalit ovat kuitenkin myös varsin hyödyllisiä ja tarpeen seuraajiani ajatellen. Olin iloinen helposta tavoitettavuudestanne, muutaman kerran kun soittelin teille päin niin sain nopeasti kiinni, ja muutoinkin palaverien sopiminen oli helppoa. Myös ns. lisäpalvelut (kuvalisenssin ja twitter-lisäosan lunastaminen) helpottivat kovasti.
Kaiken kaikkiaan verkkosivu-uudistus meni omasta näkökulmastani kovin hyvin. Kiitos siis kovasti omasta puolestani!”
Jasmin Heiskanen
Sihteeri, Suomen tuomariliitto
Referenssit
Tässä muutaman muun yhdistyksen verkkosivut, jotka olemme tuottaneet. Referenssit-sivulta löydät lisää projektejamme.
Kotisivut
Japa ry
Kotisivut
Rantaperkiön Isku
Kotisivut
Jyväskylän seudun Nuorisoseura
Yhteenveto
Tässä artikkelissa käsittelimme yhdistyksen verkkosivujen uusimista. Ennen kuin sivuston ulkoasua ja muita sivusisältöjä suunnittellaan, on hyvä tiedostaa uuden sivuston funktiot ja miksi sivut uusitaan. Millaisia asioita sivusisällössä esitetään? Tuomariiton uusi sivusto palvelee sen jäsenyhdistyksiä ja heidän asioiden edistämistä. Yhteiskunnallinen vaikuttaminen näkyy julkaisuina ja uutisina sivustolla.
Tuomariliiton sivuilmeen ja sivuntaiton lähtökohtana on selkeys. Värit valittiin niin, että niillä voitiin esittää erilaisia sivusisältöjä havainnollisesti, varsinkin etusivulla. Sivusisältö taitettiin väljästi, jotta etenkin mobiilissa asiasisällöt eivät livahda silmien ohitse.
Yhdistys halusi jatkossa itse tuottaa sivuille sisältöä, joten tarjosimme peredytyksen sivuston käyttöön. Perehdytyksen yhteydessä toimitamme aina myös tukimateriaalia pdf-dokumentin muodossa, jotta asiakkaalla on myös tukimateriaalia olemassa.
Onko yhdistykselläsi asianmukaiset verkkosivut? Tai kaipaako vanhat sivut uusimista? Ota yhteyttä lomakkeemme kautta.
MITEN VOIMME AUTTAA SINUN YRITYSTÄSI?
Kirjoita tai soita. Kuulisimme mielellämme asiasi.