Käyttäjälähtöisen verkkosivuston suunnittelu ja toteutus Conmaster Oy:lle
Tulonen, Pinja; Ylämäki, Juuso (2020)
2020
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-2020120426137
https://urn.fi/URN:NBN:fi:amk-2020120426137
Tiivistelmä
Tässä opinnäytetyössä perehdytään käyttäjälähtöisen verkkosivuston suunnitteluun sekä toteutukseen. Opinnäytetyön tavoitteena oli suunnitella ja toteuttaa vuonna 2019 perustetulle yritykselle, Conmaster Oy:lle, käyttäjälähtöinen ja moderni verkkosivusto. Verkkosivuston suunnittelussa kuunneltiin asiakkaan toiveita, käytettiin toteutuksessa HTML-, CSS- ja JavaScript -tekniikoita sekä varmistettiin käytettävyys käytettävyystestauksilla. Taustalla ei ollut vanhaa verkkosivustoa, joten yritykselle suunniteltiin myös visuaalisen ilme, jota käytettiin verkkosivustolla.
Työssä suunniteltiin verkkosivusto, joka skaalautuu tyylikkäästi eri kokoisille näytöille sekä tarjoaa tietoa yrityksestä ja sen palveluista helposti saatavassa muodossa verkkosivuston käyttäjille. Sivusto toteutettiin uniikkina kokonaisuutena hyödyntäen vain Bootstrap-ohjelmointikehystä. Ulkoasua luotaessa pyrittiin huomioimaan sivuston saavutettavuus ja toimiva visuaalinen toteutus esimerkiksi väripaletteja, kontrastia ja tyhjän tilan käyttöä harkiten käyttämällä.
Verkkosivuston käytettävyys varmistettiin käytettävyystestauksilla, joissa hyödynnettiin videointia. Käytettävyystesteihin osallistui viisi osallistujaa ja testit suoritettiin kesä-lokakuun 2020 aikana. Käytettävyystestien tulokset analysoitiin ja niiden pohjalta korjattiin sellaiset kohdat verkkosivustolla, jotka saattaisivat aiheuttaa käytettävyydessä ongelmia.
Työssä saavutettiin sille asetut tavoitteet. Lopputulos on käyttäjäystävällinen, visuaalisesti raikas ja houkutteleva verkkosivusto, joka tarjoaa informaatiokanavan asiakkaiden suuntaan sekä mahdollistaa asiakkaalle helpon yhteydenoton yritykseen. Myös opinnäytetyön toteuttajien oma taito suunnitella, kehittää ja testata käyttäjälähtöisiä verkkosivustoja kehittyi hyvin projektin aikana.
Työssä suunniteltiin verkkosivusto, joka skaalautuu tyylikkäästi eri kokoisille näytöille sekä tarjoaa tietoa yrityksestä ja sen palveluista helposti saatavassa muodossa verkkosivuston käyttäjille. Sivusto toteutettiin uniikkina kokonaisuutena hyödyntäen vain Bootstrap-ohjelmointikehystä. Ulkoasua luotaessa pyrittiin huomioimaan sivuston saavutettavuus ja toimiva visuaalinen toteutus esimerkiksi väripaletteja, kontrastia ja tyhjän tilan käyttöä harkiten käyttämällä.
Verkkosivuston käytettävyys varmistettiin käytettävyystestauksilla, joissa hyödynnettiin videointia. Käytettävyystesteihin osallistui viisi osallistujaa ja testit suoritettiin kesä-lokakuun 2020 aikana. Käytettävyystestien tulokset analysoitiin ja niiden pohjalta korjattiin sellaiset kohdat verkkosivustolla, jotka saattaisivat aiheuttaa käytettävyydessä ongelmia.
Työssä saavutettiin sille asetut tavoitteet. Lopputulos on käyttäjäystävällinen, visuaalisesti raikas ja houkutteleva verkkosivusto, joka tarjoaa informaatiokanavan asiakkaiden suuntaan sekä mahdollistaa asiakkaalle helpon yhteydenoton yritykseen. Myös opinnäytetyön toteuttajien oma taito suunnitella, kehittää ja testata käyttäjälähtöisiä verkkosivustoja kehittyi hyvin projektin aikana.