Yhdistyksen visuaalinen ilme ja verkkosivusto
Aarnio, Aaro (2019)
Aarnio, Aaro
2019
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201905098840
https://urn.fi/URN:NBN:fi:amk-201905098840
Tiivistelmä
Insinöörityön tarkoituksena oli yhdistyksen visuaalisen ilmeen luominen ja sen osa-alueet sekä toimivan verkkosivuston ja verkkokaupan toteuttaminen WordPress-julkaisualustalla. Visuaalista ilmettä suunniteltaessa havaittiin värien käytössä tärkeäksi ottaa huomioon värien luomat assosiaatiot ja väripaletin kontrastisuus. Erilaisista kirjaintyypeistä pääteviivattomat Sans Serifit ovat helppolukuisimpia digitaalisilla näytöillä ja kirjaintyyppiä valitessa tulee ottaa huomioon kirjaintyypin saatavuus eri laitteilla. Visuaalisen ilmeen suunnittelu kannattaa aloittaa inspiraatiotauluista ja verkkosivuston rakentaminen käyttökokemuksen suunnittelusta ja sen jälkeen jatkaa käyttöliittymän luonnosten tekemiseen.
Insinöörityö toteutettiin aloittamalla ilmeen suunnittelu inspiraatiotaulujen avulla. Inspiraatiotauluhin kerättiin halutun ilmeen ja tunnelman mukaisia graafisia elementtejä. Lopullinen ilme saavutettiin ottamalla huomioon väripaletin kontrastisuus, yhteensopivat miellyttävän mielikuvan antavat värit sekä käytännöllinen selaimessa toimiva kirjaintyyppi. Ilmeen suunnittelu tehtiin vektorigrafiikkaohjelmalla.
Verkkosivuston käyttöliittymä suunniteltiin luodun visuaalisen ilmeen mukaisesti. Käyttöliittymästä tehtiin ensin luonnoksia. Käyttöliittymän suunnittelussa otettiin huomioon käyttäjäkokemus, esimerkiksi miettimällä selkeä sivuhierarkia ja navigointi ja ottamalla huomioon sivuston ilmettä ja käyttöä selkeyttävät asiat.
WordPress-sivuston asennusta varten hankittiin verkkotunnus ja ylläpito webhotellista. Jo ennen sivuston rakentamista otettiin selvää, miten verkkokauppa saataisiin parhaiten toteutettua ja päädyttiin WooCommerce-lisäosaan. Verkkosivustoon etsittiin, testattiin ja valittiin tarvittavat lisäosat, jotka mahdollistavat verkkosivuston ja -kaupan toiminnot, kuten käyttäjätunnusten luomisen sekä jäsenyyksien ja lippujen myymisen ja ostamisen.
Insinöörityön tuloksena saatiin tuotettua asetetut tavoitteet eli nykyaikainen ja raikas visuaalinen ilme sekä helppokäyttöinen ja hallittava verkkosivusto. Insinöörityöraportti voi toimia ohjeena visuaalisen ilmeen ja verkkosivuston suunnittelussa.
Insinöörityö toteutettiin aloittamalla ilmeen suunnittelu inspiraatiotaulujen avulla. Inspiraatiotauluhin kerättiin halutun ilmeen ja tunnelman mukaisia graafisia elementtejä. Lopullinen ilme saavutettiin ottamalla huomioon väripaletin kontrastisuus, yhteensopivat miellyttävän mielikuvan antavat värit sekä käytännöllinen selaimessa toimiva kirjaintyyppi. Ilmeen suunnittelu tehtiin vektorigrafiikkaohjelmalla.
Verkkosivuston käyttöliittymä suunniteltiin luodun visuaalisen ilmeen mukaisesti. Käyttöliittymästä tehtiin ensin luonnoksia. Käyttöliittymän suunnittelussa otettiin huomioon käyttäjäkokemus, esimerkiksi miettimällä selkeä sivuhierarkia ja navigointi ja ottamalla huomioon sivuston ilmettä ja käyttöä selkeyttävät asiat.
WordPress-sivuston asennusta varten hankittiin verkkotunnus ja ylläpito webhotellista. Jo ennen sivuston rakentamista otettiin selvää, miten verkkokauppa saataisiin parhaiten toteutettua ja päädyttiin WooCommerce-lisäosaan. Verkkosivustoon etsittiin, testattiin ja valittiin tarvittavat lisäosat, jotka mahdollistavat verkkosivuston ja -kaupan toiminnot, kuten käyttäjätunnusten luomisen sekä jäsenyyksien ja lippujen myymisen ja ostamisen.
Insinöörityön tuloksena saatiin tuotettua asetetut tavoitteet eli nykyaikainen ja raikas visuaalinen ilme sekä helppokäyttöinen ja hallittava verkkosivusto. Insinöörityöraportti voi toimia ohjeena visuaalisen ilmeen ja verkkosivuston suunnittelussa.