Yksilöllinen verkkosivusto ja sisällöntuotto
Lagerström, Tommi (2019)
2019
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-2019112823086
https://urn.fi/URN:NBN:fi:amk-2019112823086
Tiivistelmä
Insinöörityön tarkoituksena oli suunnitella ja toteuttaa uusi verkkosivusto helsinkiläiselle konditoria-alan yritykselle. Verkkosivustolle tilattiin tekstejä, kuvakkeita ja grafiikkaa määrittämällä tekniset vaatimukset ammattilaisille. Verkkosivuston käyttöliittymä toteutettiin alusta asti koodaamalla HTML-, CSS- ja JavaScript-ohjelmointikielillä.
Projektin tavoitteena oli toteuttaa mielikuvituksellinen, responsiivinen, värikäs ja persoonallinen verkkosivusto. Tavoitteena oli hyödyntää laajaa yhteistyöverkostoa ja yhdistää uudelle verkkosivustolle vaadittavat osa-alueet, joihin kuuluvat tekninen verkkosivuston toteutus, yrityksen vaatimukset ja verkkosivuston sisältö. Projektin yhteistyöverkostoon kuuluivat ammattikuvittaja, kirjailija-käsikirjoittaja ja kondiittorimestari.
Työ aloitettiin tutustumalla inspiroiviin verkkosivustoihin, joiden toiminnallisia ja visuaalisia ratkaisuja haluttiin hyödyntää projektissa. Ideoita varten toteutettiin inspiraatiotaulu, johon kerättiin värejä, inspiroivia verkkosivuja, mediamateriaaleja ja yrityksen värimaailman mu-kaisia kuvia. Väripaletin suunnittelussa otettiin huomioon konditorian brändin värit ja uudet värit, jotka haluttiin lisätä verkkosivustolle.
Verkkosivuston käyttöliittymä suunniteltiin tekemällä luonnokset sivuston työpöytäversioista ja mobiiliversioista erikseen. Käyttöliittymä suunniteltiin responsiiviseksi siten, että sivuston työpöytäversion koon ja sisällön muutos mobiiliversioksi tapahtuu yhtenäisellä siirtymätavalla, ja päinvastoin. Luonnoskuvissa yhdistettiin sivuston asettelu ja väripaletin värit, minkä jälkeen ne sovitettiin yhteen uudelleen tuotantovaiheessa. Käyttöliittymä toteutettiin Microsoft Visual Studio Code -koodieditorilla. Hakukoneoptimointiin vaikutettiin sisällön ja koodin optimoinnin avulla.
Insinöörityön tuloksena syntyi visuaalisesti ja teknisesti yritystä miellyttävä responsiivinen verkkosivusto. Insinöörityöraportti käsittelee projektin etenemistä vaihe vaiheelta yrityksen vaatimusten, sivuston käyttäjien ja hyödynnetyn yhteistyöverkoston näkökulmista.
Projektin tavoitteena oli toteuttaa mielikuvituksellinen, responsiivinen, värikäs ja persoonallinen verkkosivusto. Tavoitteena oli hyödyntää laajaa yhteistyöverkostoa ja yhdistää uudelle verkkosivustolle vaadittavat osa-alueet, joihin kuuluvat tekninen verkkosivuston toteutus, yrityksen vaatimukset ja verkkosivuston sisältö. Projektin yhteistyöverkostoon kuuluivat ammattikuvittaja, kirjailija-käsikirjoittaja ja kondiittorimestari.
Työ aloitettiin tutustumalla inspiroiviin verkkosivustoihin, joiden toiminnallisia ja visuaalisia ratkaisuja haluttiin hyödyntää projektissa. Ideoita varten toteutettiin inspiraatiotaulu, johon kerättiin värejä, inspiroivia verkkosivuja, mediamateriaaleja ja yrityksen värimaailman mu-kaisia kuvia. Väripaletin suunnittelussa otettiin huomioon konditorian brändin värit ja uudet värit, jotka haluttiin lisätä verkkosivustolle.
Verkkosivuston käyttöliittymä suunniteltiin tekemällä luonnokset sivuston työpöytäversioista ja mobiiliversioista erikseen. Käyttöliittymä suunniteltiin responsiiviseksi siten, että sivuston työpöytäversion koon ja sisällön muutos mobiiliversioksi tapahtuu yhtenäisellä siirtymätavalla, ja päinvastoin. Luonnoskuvissa yhdistettiin sivuston asettelu ja väripaletin värit, minkä jälkeen ne sovitettiin yhteen uudelleen tuotantovaiheessa. Käyttöliittymä toteutettiin Microsoft Visual Studio Code -koodieditorilla. Hakukoneoptimointiin vaikutettiin sisällön ja koodin optimoinnin avulla.
Insinöörityön tuloksena syntyi visuaalisesti ja teknisesti yritystä miellyttävä responsiivinen verkkosivusto. Insinöörityöraportti käsittelee projektin etenemistä vaihe vaiheelta yrityksen vaatimusten, sivuston käyttäjien ja hyödynnetyn yhteistyöverkoston näkökulmista.