PROJEKTIDOKUMENTAATIO PARTURI-KAMPAAJA HIUSKASTANJA Eurajoen kristillinen opisto Media-ala 2016 2017 Mia Salminen
1 SYNOPSIS PROJEKTISTA... 3 1.1 Rakennesuunnitelma... 3 1.2 Sivun rakenne... 5 1.3 Grafiikka... 6 1.4 Värimaailma... 7 1.5 Sivuston rakenne (Mind map)... 8 1.6 Logo ja banneri... 8 1.7 Sivuston muutokset... 9 1.8 Webbihotelli ja domain... 12 2 SIVUN TOTEUTUS... 12 2.1 Menetelmän valinta... 12 2.2 Verkkotekstit... 13 3 PROJEKTINHALLINTA... 14 3.1 Aikataulu ja kustannusarvio... 14 3.2 Tekijänoikeudet... 14 4 TESTAUS JA VALIDOINTI... 14 5 YHTEENVETO PROJEKTIN KULUSTA... 15 5.1 Itsearviointi... 15 5.2 Asiakkaan arviointi... 16
3 1 SYNOPSIS PROJEKTISTA Parturi-kampanja HiusKastanja on Oulussa sijaitseva yritys. Yrityksen vanha nimi oli HiusMaake. Kohderyhmänä olivat perheet. Toimeksianto oli vanhojen sivujen uudistaminen nykyaikaan. Vanhat sivut oli myös tehty Wordpressillä. Yhteyshenkilönä oli Erja Uusitalo. Tekstit ovat samat kuin vanhoissa sivuissa. Vanhat sivut 1.1 Rakennesuunnitelma Piirsin Illustratorilla kolme rautalankamallin ulkoasuehdotusta. Asiakas valitsi kolmannen vaihtoehdon, mutta muutkin vaihtoehdot olisivat käyneet. Koska uudet sivut tehtiin valmiiseen pohjaan, niin koot olivat vain suuntaa viittaavia.
Malli 1 4 Malli 2
Valittu malli 5 1.2 Sivun rakenne Ensimmäinen suunnitelma ennen teeman valintaa.
6 1.3 Grafiikka Hinnaston tein ensin Excelillä ja kopioin Illustratorille, josta muutin JPG- tiedostoksi. Hinnaston ulkonäkö muuttui pari kertaa. Lopullinen versio.
7 1.4 Värimaailma Asiakkaalla oli väritoivomus valmiina. Hän toivoi mustavalkoista ja tehosteena kultainen väri. Tein mallit Illustratorilla. Inspiraatiota hain internetistä. Asiakas halusi muuttaa tausta värit tummaan harmaaksi, mustavalkoisen lisäksi. Muutin kullanvärin koodin. Asiakkaan pyynnöstä, sivuston värit vaihdoin parin otteeseen. Sivuston värimaailmasta tuli lopuksi tummanharmaa ja valkoinen. Navigiointipalkin tehosteväriksi tuli kultaväri.
8 1.5 Sivuston rakenne (Mind map) 1.6 Logo ja banneri Asiakkaalla oli logo ja banneri valmiina.
9 Logo Banneri 1.7 Sivuston muutokset
Sivusto 30.4.2017 10
Sivusto 3.5.2017 11 Lisäsin asiakkaan toivomuksesta linkin heidän Facebook sivuille. Käytin WP Like button vimpaimen. Lopullinen version.
12 1.8 Webbihotelli ja domain Asiakkaalla oli valmiina domain ja webbihotelli oli Hostingpalvelusta. 2 SIVUN TOTEUTUS 2.1 Menetelmän valinta Tein sivut Wordpressillä. Sain asiakkaalta käyttäjätunnuksen ja salasanan. Vaihdoin teeman ja muokkasin sivut. Teemaksi tuli Frontier, koska se oli helposti muokattavissa. Muutin mm. taustavärit ja tehostevärin custom CSS:ssä.
13 2.2 Verkkotekstit Kopioin tekstit ja yhteystiedot vanhoilta sivuilta. Hinnastoon tuli pari hintamuutosta, jotka vaihdoin asiakkaan pyynnöstä.
14 3 PROJEKTINHALLINTA 3.1 Aikataulu ja kustannusarvio Asiakkaalla ei ollut kiirettä saada sivut valmiiksi, mutta sovittiin julkaisupäiväksi 4.5.2017. Projektin toteutus HiusKastanja Tuntihinta 70,00 Projektin vaiheet Alkaa Kesto (pv) Työtunnit Asiakasneuvottelut 30.3.2017 5 4 280,00 Ulkoasusuunnittelu 6.4.2017 3 8 560,00 Toteutus 18.4.2017 10 4 280,00 Testaus 28.4.2017 1 3 210,00 Päätös 3.5.2017 2 2 140,00 21 1 470,00 Alv 24 % 352,80 koko hinta 1 822,80 Projektin kesto oli 21 päivää ja yrittäjän tuntihinta oli 70 + alv. Kustannusarvioksi tuli 1822,80 + sis. alv 24%. Projekti kesti todellisuudessa kauemmin, koska olen opiskelija ja taidot kehittyvät vielä. 3.2 Tekijänoikeudet Asiakkaalta sain logot ja valokuvat. Pari kuvaa oli kuvapankista pixabay.com. Muokkasin kuvat nettiin sopiviksi. 4 TESTAUS JA VALIDOINTI Sivut testattu selaimilla
15 Firefox 53.0 Chrome 58.0.3029.81 Opera Kaikissa toimivat hyvin. Tein myös automaattitestin, joten sivut toimivat myös muilla selaimilla. https://www.powermapper.com/ Mobiiliystävällisyystesti meni läpi. https://www.google.com/webmasters/tools/mobile-friendly/ Validointi meni läpi pienistä puutteista huolimatta. https://validator.w3.org/ 5 YHTEENVETO PROJEKTIN KULUSTA 5.1 Itsearviointi Asiakkaan kanssa oli mukava asioida, vaikka neuvottelut tehtiin sähköpostilla. Työ oli helpompaa, koska asiakkaalla oli vanhat Wordpress sivut, johon tarvitsi vain vaihtaa teeman ja muun materiaalin sain asiakkaalta. Vaikein osa projektissa oli teemojen haku, koska monessa ilmaisessa oli muokkaaminen rajoitettu. Valitsin sellaisen teeman joka oli helposti muokattavissa ja soveltui hyvin tähän projektiin. Viime hetkillä asiakas halusi pieniä muutoksia, joka toi haasteita. Selviydyin niistä kuitenkin kunnialla ja asiakas oli tyytyväinen lopputulokseen.
16 5.2 Asiakkaan arviointi Mia Salminen on suoriutunut nettisivujen teossa hyvin, ottaen huomioon myös tiukan aikataulun. Hän on toteuttanut toimivat ja selkeät sivut pienen yrityksemme tarpeisiin. Hän on huomioinut toiveemme ja tehnyt muutoksia työn edetessä antamiemme toiveiden mukaan. Tulevaisuudessa kokemuksen myötä hän voisi tuoda rohkeammin omaa tyyliään esille ja antaa rohkeasti myös omia ehdotuksia sivujen ulkonäköön ja sisältöön. Varsinkin sellaisia mitä asiakas itse ei osaa ottaa huomioon. Erja Uusitalo HiusKastanja