Verkkosivu-uudistus urheiluseuralle
Talonpoika, Ella (2025)
2025
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2025120231424
https://urn.fi/URN:NBN:fi:amk-2025120231424
Tiivistelmä
Tämän toiminnallisen opinnäytetyön tavoitteena oli uudistaa Kaukaan Lyly ry:n verkkosivusto selkeämmäksi ja käyttäjäystävällisemmäksi. Sivuston tuli jatkossa tukea paremmin seuran aktiivista toimintaa, parantaa tiedon löydettävyyttä sekä palvella laajempaa käyttäjäkuntaa myös eng-lanninkielisen version avulla. Työ rajattiin koskemaan ainoastaan julkisen verkkosivuston uudis-tamista, eikä siihen sisältynyt seuran sisäisiä järjestelmiä tai hallinnollisia prosesseja.
Teoriaosuus rakentui palvelumuotoilun viitekehyksestä, käyttäjäkokemuksen (UX) ja käyttöliittymäsuunnittelun (UI) periaatteista sekä visuaalisen suunnittelun keskeisistä elementeistä, kuten typografiasta, värimaailmasta ja rakenteellisesta hierarkiasta. Lisäksi työssä huomioitiin saavutettavuuden ja selkeän verkkoviestinnän periaatteet. Teoriaosuuden kautta saadaan vahva perusta työn käytännön toteutuksen kannalta.
Toiminnallinen osuus toteutettiin palvelumuotoilun tuplatimantti -mallin mukaisesti. Ensin analysoitiin nykyisen sivuston haasteet käyttäjätestauksen avulla, minkä jälkeen laadittiin käyttäjäpersoonat, uusi sivukartta sekä rautalankamallit ja prototyypit. Varsinainen sivusto rakennettiin Webnode -työkalulla, ja suunnittelua kehitettiin iteratiivisesti toimeksiantajan kanssa käytyjen palautekeskusteluiden perusteella. Lopuksi toteutettiin opetusvideo sivuston ylläpidon tueksi.
Työ osoitti, että käyttäjälähtöinen suunnittelu ja iteratiivinen kehittämisprosessi parantavat merkittävästi verkkosivuston selkeyttä, löydettävyyttä ja visuaalista miellyttävyyttä. Verkkosivun ulkoasulla on merkittävä rooli käyttäjäkokemuksen kannalta. Se vaikuttaa oleellisesti sivuston käytettävyyteen sekä sisällön hahmottamiseen. Uusi sivusto vastasi sekä käyttäjätestissä esiin nousseisiin tarpeisiin että toimeksiantajan tavoitteisiin. Lisäksi työ osoitti, että käyttäjäystävällinen sivusto voidaan toteuttaa kustannustehokkaasti myös valmiiden työkalujen avulla ilman koodaustaitoa.
Teoriaosuus rakentui palvelumuotoilun viitekehyksestä, käyttäjäkokemuksen (UX) ja käyttöliittymäsuunnittelun (UI) periaatteista sekä visuaalisen suunnittelun keskeisistä elementeistä, kuten typografiasta, värimaailmasta ja rakenteellisesta hierarkiasta. Lisäksi työssä huomioitiin saavutettavuuden ja selkeän verkkoviestinnän periaatteet. Teoriaosuuden kautta saadaan vahva perusta työn käytännön toteutuksen kannalta.
Toiminnallinen osuus toteutettiin palvelumuotoilun tuplatimantti -mallin mukaisesti. Ensin analysoitiin nykyisen sivuston haasteet käyttäjätestauksen avulla, minkä jälkeen laadittiin käyttäjäpersoonat, uusi sivukartta sekä rautalankamallit ja prototyypit. Varsinainen sivusto rakennettiin Webnode -työkalulla, ja suunnittelua kehitettiin iteratiivisesti toimeksiantajan kanssa käytyjen palautekeskusteluiden perusteella. Lopuksi toteutettiin opetusvideo sivuston ylläpidon tueksi.
Työ osoitti, että käyttäjälähtöinen suunnittelu ja iteratiivinen kehittämisprosessi parantavat merkittävästi verkkosivuston selkeyttä, löydettävyyttä ja visuaalista miellyttävyyttä. Verkkosivun ulkoasulla on merkittävä rooli käyttäjäkokemuksen kannalta. Se vaikuttaa oleellisesti sivuston käytettävyyteen sekä sisällön hahmottamiseen. Uusi sivusto vastasi sekä käyttäjätestissä esiin nousseisiin tarpeisiin että toimeksiantajan tavoitteisiin. Lisäksi työ osoitti, että käyttäjäystävällinen sivusto voidaan toteuttaa kustannustehokkaasti myös valmiiden työkalujen avulla ilman koodaustaitoa.